/* Move the lines closer together than in default.css, and force the background colour */
/* Also kill all margins so that front page fits neatly inside 800-wide browser */
body {padding: 0; margin-top: 0; margin-bottom: 0; line-height: 1.2; background: #000000}
table {background: #000000}

#wrapper {
	width: 900px;
	margin: 0px auto;
	padding: 10px;
	background: #282420;
	font-family: verdana, helvetica, sans-serif;
	color: #ffffff;
	font-size: 13px
}

#left {
	width: 180px;
	float:left;
}

#main {
	margin-top: 0px;
	margin-left: 180;
	width: 720px;
}

#copyright {
	float: left;
	margin-top: 10px;
	margin-left: 180;
	margin-bottom: 10px;
	padding: 10px;
	width: 720px;
}

#bottom {
	clear: both;
	text-align: right;
}

/* Need to specify these or they default to Times New Roman */
/* Note: the size in pixels MUST agree with the size in the 'content' divs! */
li {font-family: verdana, helvetica, sans-serif; color: #ffffff; font-size: 13px}
td {font-family: verdana, helvetica, sans-serif; color: #ffffff; font-size: 13px}

/* Special table cell background colours */
table.art {background: #282420} /* More uniform background with appropriate colour from radio! */
td.menu {background: url(../images/menu_panel.gif); background-repeat: no-repeat}
td.back {background: #000000}
/*td.art {background: url(../images/art_bg.gif)} Part of the radio used for background */
td.art {background: #282420} /* More uniform background with appropriate colour from radio! */
td.trackheader {background: #1f1c18}
td.trackdata {background: #23201c}

/* Move away from primary colours for links! text-decoration:  */
a:link {color: #ffffff; text-decoration: underline} /* white */
a:visited {color: #989898; text-decoration: underline} /* semisolid yellow */
a:hover {color: #fec208; text-decoration: underline} /* grey */

/* Home page */
.hpmenu:link {font-weight: bold; color: #ffffff; text-decoration: none; font-size: 15px}
.hpmenu:visited {font-weight: bold; color: #989898; text-decoration: none; font-size: 15px}
.hpmenu:hover {font-weight: bold; color: #fec208; text-decoration: none; font-size: 15px}

/* To accurately set vertical spacing */
.vertical6 {font-size: 6px}

/* Article styles */
.ratherlarge {font-family: comic sans ms, comic sans, sans-serif; color: #fec208; font-size: 24px}
.arttitle {font-family: arial, helvetica, sans-serif; color: #fec208; font-size: 22px}
.artsubtitle {font-family: arial, helvetica, sans-serif; color: #fec208; font-size: 18px}
.artheader {font-family: arial, helvetica, sans-serif; color: #fec208; font-size: 15px}
.artbody {font-family: verdana, helvetica, sans-serif; color: #ffffff; font-size: 13px}
.paraheader {font-family: verdana, helvetica, sans-serif; font-weight: bold; color: #fec208; font-size: 13px}
.yellow {color: #fec208}
.copyright {font-family: verdana, helvetica, sans-serif; color: #ffffff; font-size: 13px}
.track {font-family: courier, monospace; color: #ffffff; font-size: 13px}
.blogdatetime {font-family: verdana, helvetica, sans-serif; font-weight: bold; color: #ffffff; font-size: 13px}
.smallprint {font-family: verdana, helvetica, sans-serif; color: #ffffff; font-size: 11px}

/* Font for form text */
.formtext {font-family: verdana, helvetica, sans-serif; font-size: 13px; color: #000000}
/* Make form field background colour white by default */
.fieldback {background: #c0c0c0}
/* Nicer buttons than default */
input.btn {font-family: verdana, helvetica, sans-serif; color: #333333; font-size: 11px; font-weight: bold; background-color: #ffffff}
input.smallbtn {font-family: verdana, helvetica, sans-serif; color: #333333; font-size: 9px; font-weight: bold; background-color: #ffffff}
/* Radio button and checkbox background same as page background */
input.radiocheck {background: #282420}
/* Fonts for displaying user entry errors */
.error {font-family: verdana, helvetica, sans-serif; font-size: 13px; color: #cf4316}
.smallerror {font-family: verdana, helvetica, sans-serif; font-size: 11px; color: #cf4316}

/* Borders around logos */
img.logo {border: 1px solid #ffffff}

/* Floating images and objects */
img.artistalbum {
	border: 5px solid #ffffff;
	float: right; 
	margin-top: 2px;	
	margin-right: 2px;	
	margin-bottom: 10px;	
	margin-left: 10px;	
}

img.artistthumb {
	border: 2px solid #ffffff;
	float: right; 
	margin-top: 2px;	
	margin-right: 2px;	
	margin-bottom: 10px;	
	margin-left: 10px;	
}

img.albumthumb {
	border: 2px solid #ffffff;
	margin: 0px;	
}

object.qt {
	border: none;
	float: right; 
	clear: right; 	
	margin-top: 0px;	
	margin-right: 0px;	
	margin-bottom: 10px;	
	margin-left: 10px;	
}

/* Need this one for putting download radio on top of QuickTime object */
input.download {
	border: none;
	float: right; 
	clear: right; 	
	margin-top: 0px;	
	margin-right: 0px;	
	margin-bottom: 0px;	
	margin-left: 10px;	
}

/* Floating images and objects */
input.downloadalbum {
	border: 5px solid #ffffff;
	float: right; 
	margin-top: 2px;	
	margin-right: 2px;	
	margin-bottom: 10px;	
	margin-left: 10px;	
}

img.download {
	border: none;
	float: right; 
	clear: right; 	
	margin-top: 0px;	
	margin-right: 0px;	
	margin-bottom: 0px;	
	margin-left: 10px;	
}

/* remove indentation for track lists */ 
ol.tracks {
	margin-left: -10px;
}

/* Some additional ordered list styles */
ol.loweralpha {list-style-type: lower-alpha}
ol.upperalpha {list-style-type: upper-alpha}
ul.nobullets {list-style-type: none}

/* Test hurtmold font */
.hurtmold {font-family: hurtmold_, helvetica, sans-serif; font-weight: bold; color: #ffffff; font-size: 136px}