@import url("reset.css");
@import url("type.css");
@import url("pages.css");


/* GENERAL STYLES
----------------------------------------*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

a, img, div { behavior: url(iepngfix.htc) }

	
body{
	background: #000;
 	}

 
	
/* HEADER
----------------------------------------*/
#header{
	width: 744px;
	margin: 20px auto;
	}
	
#centerpiece{
	overflow: hidden;
	width: 100%;
	height: 200px;
	margin-top: 20px;
	}

#centerpiece #images{
	width: 2500px;
	}
	
#centerpiece img{
	float: left;
	border: 0;
	}


/* PAGE STYLES
----------------------------------------*/
#container{
	width: 850px;
	margin: 0 auto;
 	}


/* NAV
----------------------------------------*/

#nav{
 	background: url('/images/layout/hr1.gif') no-repeat bottom;
	padding: 0px 0 10px 0;
	margin-top: 13px;
	}

*html #nav{
	margin-top: 5px !important;
	}
	
#menuButtons span{
	display: none;
	}
	
#menuButtons a{
	background: url('/images/layout/nav.gif');
	height: 24px;
	float: left;
	}

#nav ul{
	margin-top: 10px;
	}
	
#nav li{
	display: inline;
	margin-right: 10px;
	float: left;
	}
	
#menuButtons .home a{
	width: 67px;
	}
	
#menuButtons .home a:hover, 
.home .on{
	background-position: 0 -24px !important;
	}	
	
#menuButtons .tour a{
	width: 57px;
	background-position: -81px 0px;
	}
	
#menuButtons .tour a:hover,
.tour .on{
	background-position: -81px -24px !important;
	}	

#menuButtons .music a{
	width: 67px;
	background-position: -566px 0px;
	}
	
#menuButtons .music:hover a,
.music .on{
	background-position: -566px -24px !important;
	}	

#menuButtons .media a{
	width: 73px;
	background-position: -644px 0;
	}
	
#menuButtons .media a:hover,
.media .on{
	background-position: -644px -24px !important;
	}	
	
#menuButtons .bio a{
	width: 73px;
	background-position: -726px 0;
	}
	
#menuButtons .bio a:hover,
.bio .on{
	background-position: -726px -24px !important;
	}	

#menuButtons .press a{
	width: 65px;
	background-position: -491px 0;
	}

#menuButtons .press a:hover,
.press .on{
	background-position: -491px -24px !important;
	}	
	
#menuButtons .contact a{
	width: 91px;
	background-position: -393px 0;
	}
	
#menuButtons .contact a:hover,
.contact .on{
	background-position: -393px -24px !important;
	}	
	
#icons{
	float: right;
 
	}

#icons img{
	margin-left: 4px;
	margin-top: 2px;
	border: 1px solid #000;
	}

#icons img:hover{
	border: 1px solid #666;
	}
	
/* CONTENT
----------------------------------------*/

#content{
	margin-top: 10px;
	}
	
#left{
	width: 500px;
	float: left;
	overflow: hidden;
	}
	
#right{
	float: right;
	width: 300px;
	font-size: 13px;
	padding-top: 10px;
	clear: right;
	font-family: geneva, arial;
	}


/* SIDEBARS
----------------------------------------*/		
.module{
 	margin-bottom: 13px;
	background: #121212;
	padding: 8px 10px;
	font-size: 11px !important;
	}

#emailInput{
	border:1px solid #c5c5c5;
	background: #c5c5c5;
	padding: 4px;
	}



#emailInput:hover{
 	background: #fff;
	}

#subscribe:hover{
	border: 1px solid #000;
	color: #000;
	}

#subscribe{
	background: #4d4d4d;
	padding: 3px;
	border: 1px solid #ccc;
	color: #fff;
	}

*html #subscribe{
	padding: 3px 0 3px 0px !important; 
	}


#featuredAlbum{
	padding: 4px;
	border: 1px solid #2c2c2c;
	float: left;
	margin-right: 10px;
	}	

.tourDate{
	background: #b2b2b3;
	width: 38px;
	height: 36px;
	float: left;
	margin-right: 10px;
	
	}

.tourDate span{
	display: block;
	}

.tourEntry{
	margin-bottom: 15px;
	}

#featured-video embed,
#featured-video object{
	width: 280px;
	height: 233px;
	}


h3 span{
	text-align: right;
	text-transform: none;
	position: relative;
	float: right;
	font-size: 11px;
	font-weight: normal;
	display: block;
	top: -18px;
	}

@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari 3.0 and Chrome rules here */
	h3 span{
	top: 0px;

	}
 }



.view-all{
	color: #f5eced;
	text-transform: uppercase;
	text-decoration: underline;
	font-size: 9px;
	margin-top: 19px;
	display: block;
	font-family: arial;
	}

.trackrow{
	height: 27px;
	}

.trackrow td{
	vertical-align: middle;
	}

.tracktitle{
	vertical-align: middle;
	margin-left: 8px;
 	font-size: 11px;
	}


#view{
	background: none;
	border: 1px solid #222;
	font-size: 13px !important;
	}

#view li{
	display: inline;
	margin-right: 8px;
	}

#view .title{
	font-family: Futura;
 	}

#rss li{
	margin-bottom: 5px;
	}

#rss .title{
	margin-right: 3px;
	color: #B8B788;
	font-family: Georgia;
	font-weight: bold;
	font-size: 13px;
	}


#email-signup{
	padding: 0 !important;
	}


.twitter h3{
	border: none !important;
	}

.twitter{
	margin-bottom: 15px;
	}

.facebook{
	margin-bottom: 15px;
	}

.connect_widget{
	background: #fff !important;
	}

/* FOOTER
----------------------------------------*/		
#footer{
	margin-top: 40px;
	font-size: 11px;
	}
	

#skyline{
	background: url('/images/layout/footer.jpg') repeat-x;
	width: 100%;
	height: 106px;
	}

#credits{
	background: #1a1a1a;
	height: 35px;
	margin-top: 2px;
	padding-top: 17px;
	}
	
#credits div{
	width: 860px;
	margin: 0 auto;
	}

#credits .left{
	float: left;
	}
	
#credits span{
	float: right;
	}

 #footer .right{
 	font-family: arial;
 	padding-top: 1px;
 	}
 
 #footer .right a{
 	font-style: italic;
 	}	

#footer .right span{
	float: left;
	}

#footer .rdm{
	padding: 17px 0 0 0;    
	overflow: hidden;    
	background-image: url('/images/grafix/rdm_small.gif');    
	background-repeat: no-repeat;        
	height: 0px !important;    
	height /**/:17px;
	display: block;
	float: left;
	position: relative;
	top: -4px;
	margin-left: 5px;
	}

/* COMMENTS
----------------------------------------*/	
#comments{
	margin-top: 10px;
	}

#comments input{
	background: #fff;
	border: none;
	font-size: 13px;
	padding: 3px;
	font-family: arial;
	 }

#comment-info{
	margin-bottom: 5px;
	font-family: georgia;
	font-style: italic;
	}

#comment-name{
	margin-right: 32px;
	float: left;
	}
	
#comment-email{
	float: left;
	}
	
#comment-input{
	margin-bottom: 10px;
	font-size: 13px;
	padding: 3px;
	font-family: arial;
	}

#comment-submit{
	float: left;
	}
	
#all-comments{
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #7C7C7C;
	}
	
.comment-entry{
	margin-bottom: 10px;
	padding-top: 10px;
	border-top: 1px solid #666;
	}
	
.comment-entry .date{
	font-style: italic;
	color: #858585;	
	font-size: 16px;
	}
	
.comment-entry .text{
	font-family: arial;
	font-size: 14px;
	}
	
/* SIDEBAR
----------------------------------------*/	
#press .entry{
	padding: 10px 0;
	}

#promo a,
#promo img{
	float: left:
	margin-left: 20px;
 	}
	
#promo p{
	margin-top: 3px;
 	}

#promo .entry{
	display: inline;
	width: 130px;
	float: left;
	}
	
#rss p{
 	margin-bottom: 8px;
 	}
	
#rss .icon{
	text-decoration: none !important;
	margin-right: 3px;
	position: relative;
	top: 4px;
 	}