@charset "UTF-8";

/*
Author: Justin Schueler
Description: description.
*/

/********** RESET **********/
 
 html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/********** FONT SIZES **********/
body, td, th { font: normal 75%/167% Verdana, Arial, Helvetica, sans-serif; }
td, th { f\ont-size: 100%; }


/********** COLORS AND BG **********/
html, body { color: #bdbdbd; background: black url(images/bg.jpg) top center no-repeat; }


/********** GENERAL ELEMENTS **********/

h1 a { margin: 0 auto; text-indent: -99999px; background-color: transparent; width: 390px; height: 35px; display: block; }

h2 { background-color: #242424; border-top: 8px solid #141414; font-size: 16px; letter-spacing: 1px; font-weight: bold; text-shadow: 2px 2px black; font-family: Georgia; text-transform: uppercase; }

h2, h3, h4 { padding: 12px; font-weight: bold; }

h3 { font-size: 15px; background-color: #242424; padding: 8px; margin: 0 0 10px 0; border-top: 4px solid #141414; }

p { margin: 0; padding: 10px 20px; }

hr { background-color: #343434; margin: 0px 20px; height: 1px!important; border: none; }

strong { font-weight: bold; }

em { font-style:  italic; }

span.loader { padding: 8px; }


.clearfix:after { /* FF, O, etc. */
 	content: ".";
 	display: block;
 	clear: both;
 	visibility: hidden;
 	line-height: 0;
 	height: 0;
 }
 
 .clearfix {
 	display: inline-block; /* IE7xhtml*/
 }
 
 html[xmlns] .clearfix { /* O */
 	display: block;
 }
 
 * html .clearfix {
 	height: 1%; /* IE5-6 */
 } 

/********** LINKS **********/

a, a:link { color: #e0e0e0; background-color: transparent; text-decoration: none; }
a:visited { color: #e0e0e0; background-color: transparent;
	text-decoration: none;
}
a:hover {
	color: #e0e0e0;
	background-color: transparent;
	text-decoration: underline;
}
a:active {
	color: #e0e0e0;
	background-color: transparent;
	text-decoration: underline;
}

/********** CONTAINER **********/

div#container { position: relative; margin: 0 auto; left: 15px; width: 1009px; background: black url(images/container-bg.jpg) top center no-repeat; }

/********** SOCIAL-THUMBS **********/

div#social-thumbs { position: absolute; top: 48px; width: 310px; height: 34px; background-color: #141414; border: 1px solid #2d2d2d; border-top: none!important; }
div#social-thumbs li { display: inline; }
div#social-thumbs li a { display: block; position: relative; z-index: 600; float: left; height: 34px; background: url(images/social-thumbs/social-thumbs-sprite.png) no-repeat; text-indent: -9999px; margin: 0 5px; }

div#social-thumbs li.myspace a { width: 62px; background-position: -5px 0px; }
div#social-thumbs li.twitter a { width: 80px; background-position: -81px 0px; }
div#social-thumbs li.facebook a { width: 78px; background-position: -178px 0px; }
div#social-thumbs li.youtube a { width: 47px ; background-position: -273px 0px; }

div#social-thumbs li.myspace a:hover, a:active { background-position: -5px -32px; } 
div#social-thumbs li.twitter a:hover { background-position: -81px -32px; } 
div#social-thumbs li.facebook a:hover { background-position: -178px -32px; } 
div#social-thumbs li.youtube a:hover { background-position: -273px -32px; } 


/********** METANAV **********/

div#metanav { position: absolute; display: block; top: 521px; left: 20px; width: 980px; height: 25px; background-color: transparent; }
div#metanav li { display: inline; }
div#metanav li a { display: block; position: relative; z-index: 600; float: left; height: 25px; background: url(images/metanav/metanav-sprite.png) no-repeat; text-indent: -9999px; margin: 0 30px; }

div#metanav li.news a { width: 75px; background-position: 0px 0px; }
div#metanav li.tourdates a { width: 158px; background-position: -142px 0px; }
div#metanav li.merch a { width: 92px; background-position: -370px 0px; }
div#metanav li.media a { width: 86px ; background-position: -530px 0px; }
div#metanav li.band a { width: 73px ; background-position: -681px 0px; }
div#metanav li.contact a { width: 118px ; background-position: -825px 0px; }

div#metanav li.news a:hover { background-position: 0px -24px; } 
div#metanav li.tourdates a:hover { background-position: -142px -24px; } 
div#metanav li.merch a:hover { background-position: -370px -24px; } 
div#metanav li.media a:hover { background-position: -530px -24px; } 
div#metanav li.band a:hover { background-position: -681px -24px; } 
div#metanav li.contact a:hover { background-position: -825px -24px; } 

/********** CONTENT AREA **********/

div#content-area { position: relative; margin-top: 575px; background-color: transparent; width: 1009px; }
		
		/********** LEFT COLUMN **********/
		div#content-area div#leftcolumn { position: relative; float: left; background-color: transparent; width: 635px; }
		div#content-area div#leftcolumn div.leftcolumninner { position: relative; background: transparent url(images/columns-bg.png) left top repeat; margin: 7px 0; }
		
		/********** SINGLE **********/
		div#content-area div.content-inner-single { position: relative; background: transparent url(images/columns-bg.png) left top repeat; width: 1009px; margin: 7px 0; padding: 10px 0; }
		
			/********** GLUE **********/
			h2.NewsHeadline { background: none; border: none; font-size: 14px; margin: 5px 10px; font-family: Verdana, Arial, Helvetica; text-transform: none; }
			h6.NewsInfo { margin: 0px 20px; font-size: 10px; }
			.Paging { margin: 5px 20px; padding: 0 10px; text-align: right; font-size: 11px; }
			#GlueLink { text-indent: -99999px; }
		
		/********** RIGHT COLUMN **********/
		div#content-area div#rightcolumn { position: relative!important; background-color: transparent; float: right; width: 362px; }
		div#content-area div#rightcolumn div.rightcolumninner { position: relative; margin: 7px 0; background: transparent url(images/columns-bg.png) left top repeat; margin: 7px 0; }
		
			/********** SHOWSSHEDULE **********/
			div#content-area div#rightcolumn ol#showsshedule { padding: 15px 20px; }
			div#content-area div#rightcolumn ol#showsshedule li { padding: 5px 0; border-bottom: 1px dotted #343434; }
			div#content-area div#rightcolumn ol#showsshedule em.date { font-style: italic; color: #e0e0e0; }
			
			
			/********** DATES **********/
			 ol#showsshedule { padding: 10px 20px; }
			 ol#showsshedule li { padding: 5px 0; border-bottom: 1px dotted #343434; }	
			 
			 ol#showsshedule em.date { font-style: italic; color: #e0e0e0; }
			 
			 
			 div#content-area div.content-inner-single ol#showsshedule span.moreinfo  { font-size: 8px; color: #e0e0e0; float: left; margin-right: 20px; letter-spacing: 1px; padding: 1px 6px; background-color: #242424; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px;
-webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius:4px; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; }
			 div#content-area div.content-inner-single ol#showsshedule span.moreinfo:hover  { color: #e0e0e0; margin-right: 10px; background-color: #141414; }		
			 
			 
			 
			 
			  #content-area #rightcolumn span.moreinfo  { cursor: pointer; font-size: 8px; text-align: right; color: #e0e0e0; letter-spacing: 1px; display: block; padding: 2px 12px; width: 120px; background-color: #242424; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 0px;
-webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius:4px; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 0px; }
			 #content-area #rightcolumn span.moreinfo:hover  { color: #e0e0e0; background-color: #141414; }	
			 
			 
			 div#content-area div.content-inner-single span.download  { cursor: pointer; float: left; font-size: 8px; text-align: left; color: #e0e0e0; letter-spacing: 1px; display: block; padding: 2px 12px; background-color: #242424; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px;
-webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius:4px; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; }
			 div#content-area div.content-inner-single span.download:hover  { color: #e0e0e0; background-color: #141414; }	
			
			
			/********** MERCHANDISE **********/
			div#content-area div#rightcolumn div.rightcolumninner span.merch-button { padding: 6px; line-height: normal; width: 280px; display: block; margin: 0 auto; background-color: #242424; text-align: center; font-weight: bold; position: relative; margin-top: -20px; top: -24px; }
			div#content-area div#rightcolumn div.rightcolumninner img.merch { margin: 20px 12px; width: 336px; }
			
			div#content-area div.content-inner-single div.content-container-merch { position: relative; margin: 40px 33px; padding: 10px; display: block; float: left;  background-color: #141414;  }
			
			div#content-area div.content-inner-single div.content-container-merch a, a:hover { text-decoration: none; }
			
		div#content-area div.content-inner-single div.content-container-merch span.order { display: inline; padding: 10px; text-transform: uppercase;  background-color: #242424; cursor: pointer;  }
		div#content-area div.content-inner-single div.content-container-merch span.info { display: inline; padding: 8px; font-style: italic; font-size: 9px; }
			

/********** MEDIA **********/

div#content-area div.content-inner-single div.content-container { position: relative; margin: 40px 33px; padding: 10px; display: block; width: 250px; float: left;  background-color: #141414;  }
div#content-area div.content-inner-single div.content-container  / img { width: 106px; height: 106px; border: 3px solid #343434; margin: 5px; }
div#content-area div.content-inner-single div.content-container / img:hover { border: 3px solid #e0e0e0; }

div#content-area div.content-inner-single div.content-container ul li { list-style-image: url(images/arrow.png); margin: 0 0 0 20px; }

div#content-area div.content-inner-single div.content-container ul li.songs { list-style-image: url(images/arrow.png); margin: 0 0 0 20px; cursor:  pointer;}

div#content-area div.content-inner-single ul.promo { margin:  0 auto; display: block; width: 950px; }

div#content-area div.content-inner-single ul.promo li { list-style: none; margin: 15px; float: left; }

div#content-area div.content-inner-single ul.promo li img { width: auto; height: 140px; border: 3px solid #343434; }
div#content-area div.content-inner-single ul.promo li img.cover { width: 200px; height: 200px; border: 3px solid #343434; }
div#content-area div.content-inner-single ul.promo li img:hover { border: 3px solid #e0e0e0; }


/********** FOOTER **********/

div#footer { position: relative; display: block; width: 1005px; height: 100px; background: #141414 url(images/footer/footer-hr.png) left top no-repeat; margin: 5px 0px 30px 0; }
	
		div#footer ul#sitemap { position: relative; padding: 25px 30px 0px 30px; }
		div#footer ul#sitemap li { display: inline; }
		div#footer ul#sitemap li a { margin: 0 10px 0 0; text-transform: uppercase; color: #6b6b6b; }  

		/********** SOCIAL-THUMBS-FOOTER **********/
						 
		div#social-thumbs-footer { position: absolute; top: 17px; right: 20px; width: 310px; height: 34px; }
		div#social-thumbs-footer li { display: inline; }
		div#social-thumbs-footer li a { display: block; position: relative; z-index: 600; float: left; height: 34px; background: url(images/social-thumbs/social-thumbs-sprite.png) no-repeat; text-indent: -9999px; margin: 0 5px; }
						 
		div#social-thumbs-footer li.myspace a { width: 62px; background-position: -5px 0px; }
		div#social-thumbs-footer li.twitter a { width: 80px; background-position: -81px 0px; }
		div#social-thumbs-footer li.facebook a { width: 78px; background-position: -178px 0px; }
		div#social-thumbs-footer li.youtube a { width: 47px ; background-position: -273px 0px; }
						 
		div#social-thumbs-footer li.myspace a:hover { background-position: -5px -32px; } 
		div#social-thumbs-footer li.twitter a:hover { background-position: -81px -32px; } 
		div#social-thumbs-footer li.facebook a:hover { background-position: -178px -32px; } 
		div#social-thumbs-footer li.youtube a:hover { background-position: -273px -32px; } 
		
	hr.footer { padding: 0; margin: 10px 30px; background-color: #242424; }
	span.copyright { color: #323232; font-size: 11px; padding: 0 0 0 30px; }
	span.links { color: #323232; font-size: 11px; padding: 0 30px 0 0; float: right; }
	span.links a { color: #323232; }