html, body{ height:100%; margin:0; padding:0; }
body {text-align:center; font: 15px/24px Arial, Helvetica, sans-serif; color: #ecb598;  }
body{ background:#2d1810;}
#footer{ background-color:transparent;}
#wrapper { margin: 0 auto -6em; text-align:left;  position: relative; min-height:100%; height:auto !important; height: 100%;}
body.dark{background:#0e0301;}
	body{ background-image:url(../images/body-filler.gif); background-repeat:repeat-x;}
	body.home{ background-image:url(../images/home-filler.gif); background-repeat:repeat-x;}
.home #wrapper{ background: url(../images/home.jpg) no-repeat center 154px; }
#content, #header {width:1000px; margin: 0 auto;}
#content{ padding:40px 0 60px 0;}
.spacer{padding:40px 0 0 0;}
.section{padding-bottom:40px;}
.twofifths .bio{padding: 0 0 0 60px; text-transform:uppercase; font-size:14px;}
.twofifths .cd{padding: 0 20px 0 90px; text-transform:uppercase; font-size:14px; color:#ECC880;}
.twofifths .bandname{font-size:18px;}
.twofifths .band{   color:#f0a47c; font-style:italic; font-size:12px;  }
.twofifths .label{ width:auto; float:none; padding-right: 14px; font-weight:bold; font-style:normal; }
.twofifths{color:#c17d59;}
.caption{text-transform:uppercase; font-size:11px; color:#c17d59;}
.favorites{width:90%;}


/*links*/
a {color:#ecb598;}
a:hover {color:#ECC880;}

/*header and main nav */
#header, #main-nav, #main-nav .leftside, #main-nav .rightside, div.hr, #main-nav .comingsoon a:hover span,#footer li.comingsoon a:hover span{ background-image: url(../images/sprite.jpg); background-repeat:no-repeat; }
#header { height: 130px; background-position:left -15px; }
#main-nav{ background-position:center -167px;font: 12px/25px Verdana, Arial, Helvetica, sans-serif;text-transform: uppercase;position:relative; height:24px; background-repeat: repeat-x;}
	#main-nav ul{ list-style:none; margin:0; padding:0; position:relative;z-index:200; height:40px; text-align:center;}
	#main-nav ul li{ display: inline; }
	#main-nav ul li:hover, #main-nav ul a:hover {position:relative; z-index:300;}
	#main-nav a{ text-decoration:none; color: #dac6a3; padding: 10px 18px;  }
	#main-nav a:hover, #main-nav .current{ color: #fff; background:url(../images/menu-hover.png) no-repeat center top;}
	#main-nav li.comingsoon a:hover span, #footer li.comingsoon a:hover span{width:118px; height:25px; position:absolute; top:30px; left:0; display:block; background-position:left -355px;}

/* home */
.home #content{height:740px; position:relative; padding:0;}
.home .about{ position: absolute; top:400px; right:60px; width:50%; text-align:right;}
.home .video{background-color: #944c33; width:320px; height:265px; padding:2px;position:absolute; top:90px; right:60px;}

/* h, p, hr */
p, h1, h2{padding-bottom:15px;}
.tracks p{padding-bottom:0px; line-height:28px;}
.play{padding-left:10px;}
div.hr{ background-position: left -232px; height:55px; border:none;color:none; margin: 40px 0;} 
.full div.hr{ background-position: 36px -232px;} 
.half div.hr{ background-position: 24px -232px;} 
h1{font: bold 36px/40px Arial, Helvetica, sans-serif;text-transform:uppercase;letter-spacing: -.025em;}
h1.bio, h1.calendar, h1.contact, h1.store, h1.photos, h1.song, h1.news, h1.fan{ background: url(../images/h1.gif) no-repeat left top; width:498px; height:40px;}
	h1.calendar{ background-position: left -60px;} 
	h1.contact{ background-position: left -120px;}
	h1.store{ background-position: left -180px;}
	h1.photos{ background-position: left -240px;}
	h1.song{ background-position: left -300px;}
	h1.news{ background-position: left -360px;}
	h1.fan{ background-position: left -420px;}
h2{font: normal 20px/28px Georgia, "Times New Roman", Times, serif;color:#ecc880;}
	h2 span{ display:block; font: 15px/24px Arial, Helvetica, sans-serif; padding-top:10px;}

/* footer */
.footer, .push { height: 4em; }
#footer {height:50px;clear:both;font-size: 11px;width: 100%;padding: 10px 0 0 0;margin: 9px 0 0; position:relative; }
#footer ul{ list-style:none; margin:0; padding:0;  }
#footer li{  padding: 0 10px; display: inline; border-left: 1px solid #db8f66;}
#footer ul li:hover, #footer ul a:hover {position:relative; z-index:300;}
#footer li.comingsoon a:hover span{top:-25px; left:0;}
#footer, #footer a, #footer ul a{color:#db8f66; text-decoration:none;}
#footer a{color:#ecc880;}
#footer ul a{text-transform:capitalize; }