@import url(http://fonts.googleapis.com/css?family=Droid+Sans);

* { margin: 0; padding: 0; border: 0; background: transparent }

body { background: #9f9a7d url(/sitemedia/img/bg2.png) no-repeat top center }			
 
#hd {
	position: absolute;
	top: 330px;
	left: 170px;
	width: 800px;
	color: white;								
}			
#hd h1 {
	position: relative;
	background: url(/sitemedia/img/header.png) no-repeat top center; 
	width: 267px;
	height: 72px;
	font: normal 36px/48px Bitstream Vera Sans Mono; letter-spacing: 10px;
	text-indent: -9999px; 
}
#bd {				
	position: relative;		 
	width: 960px;
	margin: 570px auto 0 auto;
	padding: 0;
	font: normal 16px/24px 'Droid Sans', 'Calibri', 'Lucida Sans', sans-serif;
}			
#bd #main { 
	float: left; 
	width: 470px;
	margin: 150px 10px 10px 0;
	padding: 0;
	background: white; 
}			
#bd #sidebar { 
	float: right; 
	width: 470px;
	margin: 0;
	padding: 0;
	background: white; 
}
#ft {
	clear: both;
	width: 960px;
	margin: 0 auto 10px auto;
	padding: 0;
}
#ft ol {
	width: 460px;
	padding: 5px 5px 0 5px;
	background: black;
	color: white;
	font: normal 16px/24px 'Droid Sans', 'Calibri', 'Lucida Sans', sans-serif;
}

#albumbanner { width: 450px; padding: 10px 10px 5px 10px }
img#cover { position: absolute; top: -150px; left: 0 }
a#cc { float: right; width: 125px }
a#cc:hover { background: transparent; border: none }			

.para { clear: both; margin: 0; padding: 0 10px 0 10px }
.para p { margin: 0 0 10px 0; padding: 0 }
.para object { margin: 0 }
			
table.tracklisting { width: 450px; padding: 0; margin: 0; font-size: 14px; line-height: 18px }
table.tracklisting .mp3 { width: 10%; vertical-align: middle; }
table.tracklisting .title { width: 60%; text-align: left; vertical-align: top; }
table.tracklisting .dur { width: 10%; text-align: right; vertical-align: top; }
table.tracklisting th { text-align: left }

h1 { font-size: 24px; line-height: 48px }
h2 { font-size: 20px; line-height: 40px }
h3 { font-size: 16px; line-height: 24px; font-weight: bold }

ol { list-style: none inside none }
ol li { display: inline-block }
ol li ol { margin: 0 }
ol li ol li { margin: 0 }

#menu {	font: normal 18px/18px 'Droid Sans', 'Calibri', 'Lucida Sans', sans-serif; color: white; }
#menu ol { background: black; margin: 0; padding: 5px; }
#menu ol li a { display: inline-block; padding: 5px; outline: none; text-decoration: none; color: white }
#menu ol li a:hover, 
#menu ol li a:active { color: white; background: #5f1308 }
#menu ol li a.selected { color: black }
#menu ol li a.selected:hover { color: white }

a { color: #5f1308 }
a:hover, a:active { color: white; background: #5f1308 }

ol#social a:hover, ol#social a:active { background: transparent }
.mp3 a:hover, .mp3 a:active { background: transparent }

.inverted a, .inverted a:hover, .inverted a:active { color: white }
.inverted { background: black; color: white }
.selected { background: white; color: black }
.hide { display: none }

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}