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


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

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


html{
	background: url('/images/layout/bg.jpg');
	}

body{
	overflow-x: hidden;
 	font-size: 13px;
 	font-family: Georgia, times new roman;
	background: url('/images/grafix/centerpiece.jpg') no-repeat !important;
 	background-position: 50% 29px !important; 
	}

 	
h1 a{
 	padding: 73px 0 0 0;
    overflow: hidden;
    background-image: url("/images/grafix/logo.jpg");
    background-repeat: no-repeat;
    
    height: 0px !important;
    height /**/:73px;
    display: block;
    width: 579px;
    position: relative;
    top: 185px;
    left: 185px;
 	}
 
 

/* TYPE
---------------------------------------------*/
a{
	color: #332e04;
	text-decoration: none;
	}

a:hover{
 	color: #c2b205;
	}

h3{
	background: #d3cdb5;
	border: 1px solid #a9a8a8;
	padding: 5px;
	margin: 10px 0;
	font-size: 13px;
	}

h4{
	margin-bottom: 3px;
	font-size: 18px;
	font-weight: bold;
	font-family: arial;
	line-height: 1;
	}

h4 a{
	font-size: 18px;
	font-family: arial;
	font-weight: bold;
 	text-decoration: none;
 	}



h2{
    overflow: hidden;
    background-repeat: no-repeat;
    height: 0px !important;	
    padding: 14px 0 0 0;
    height /**/:14px;
    position: relative;
    top: 28px;
    left: 33px;
    float: left;
	}

#wide h2{
	left: 0px !important;
	top: -15px !important;
	}

.news h2{
	background: url('/images/grafix/news.gif') no-repeat;
	width: 76px;
	}

.blog h2{
	background: url('/images/grafix/blog.gif') no-repeat;
	width:78px;
	}

.music h2{
	background: url('/images/grafix/music.gif') no-repeat;
	width: 87px;
	}

.media h2{
	background: url('/images/grafix/media.gif') no-repeat;
	width: 88px;
	}
	
.tour h2{
	background: url('/images/grafix/tour.gif') no-repeat;
	width: 77px;
	}	

.contact h2{
	background: url('/images/grafix/contact.gif') no-repeat;
	width: 126px;
	}

.bio h2{
	background: url('/images/grafix/bio.gif') no-repeat;
	width: 48px;
	}


.press h2{
	background: url('/images/grafix/press.gif') no-repeat;
	width: 84px;
	}


/* PAGE LAYOUT
---------------------------------------------*/
#topbar-container{
	height: 29px;
	background: url('/images/layout/topbar-bg.jpg') repeat-x;
	width: 100%;
	}

#header{
	height: 376px;
 	}

 
#center{
	width: 842px;
	margin: 0 auto;
	height: 1px;
	}
	
#pagewrapper{
	width: 870px;
	margin: 0 auto;
	margin-top: -1px !important;
	}

 *html #pagewrapper{
	margin-top: -801px !important;

 	}

#content{
	margin-top: -1014px;
 	}

*html #content{
 	}

#center-left{
 	position: relative;
 	background: url('/images/layout/center-left.gif');
 	height: 346px;
 	width: 101px;
 	left: -174px;
 	}
 	
#center-right{
 	height: 455px;
 	width: 53px;
 	background: url('/images/layout/center-right.gif');
 	position: relative;
	top: -455px;
	left: 920px;
 	}



/* HEADER
---------------------------------------------*/
#top-player{
	width: 400px;
	}

#topbar-content{
	width:868px;
	margin: 0 auto;
	}

#topbar-content ul{
	float: right;
	width: 400px;
	text-align: right;
	padding-top: 1px;
	margin-top: -23px;
	}
	
#topbar-content li{
	display: inline;
	margin-right: 2px;
	}

#topbar-content img{
	border: 1px solid #000;
	}

#topbar-content img:hover{
	border: 1px solid #f7e505;
	}

#topbar-content .title{
	font-family: arial;
	font-size: 10px;
	color: #999;
	position: relative;
	top: -6px;
	margin-right: 6px;
	}
	
/* NAV
---------------------------------------------*/
#nav{
 	position: relative;
 	top: -112px;
 	left: 172px;
	}

#nav li{
	display: inline;
	margin-right: 4px;

	}

#nav a{
	font-family: Courier;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	font-size: 18px;
	text-decoration: none;
	}

*html #nav a{
 	}

#nav a:hover{
	text-decoration: underline;
	}
	
#nav .star{
	margin-right: 4px;
	color: #d3ffc9;
	}


/* TWO COLUMN TEMPLATE
---------------------------------------------*/
#main{
 	background: url('/images/layout/narrow_middle.png') repeat-y;
   	padding: 0px 35px;
 	width: 493px;
	}	

#main-top{
	background: url('/images/layout/narrow_top.png') no-repeat;
	height: 57px;
	width: 563px;
	}

#main-top span.rss{
	float: left;
	margin-top: 27px;
	margin-left: 40px;
	}

#main-top span.view-all{
	float:right;
 	font-family: futura;
 	font-size:13px;
	font-weight:normal;
	position:relative;
	text-align:right;
	text-transform:none;
	top:32px;
	right: 40px;
	}

#main-top .view-all a{
 	display: block;
 	}

#main-top .view-all a:hover{
	color: #000;
	text-decoration: underline;
	}

#main-bottom{
	background: url('/images/layout/narrow_bottom.png') no-repeat;
	width: 563px;
	height: 58px;
	}

#left{
	float: left;
 	width: 563px;

	}

#right{
	width: 300px;
	float: right;
	margin-top: 8px;
	}

 .hr3{
 	margin-bottom: 8px;
 	}

/* ONE COLUMN WIDE TEMPLATE
---------------------------------------------*/
#wide{
	background: url('/images/layout/wide_middle.png') repeat-y;
	width: 800px;
	padding: 25px 35px 36px 35px;
 	margin-left: -9px;
 	}	
	
#wide .left{
	float: left;
	width: 480px;
	margin-right:  20px;
	}
	
#wide .right{
	width: 298px;
	float: left;
	}

#wideTop{
	background: url('/images/layout/wide_top.png') no-repeat;
	width: 870px;
	height: 21px;
  	margin: 0px 0 0 -9px;
	}

#wideBottom{
	background: url('/images/layout/wide_bottom.png') no-repeat;
	width: 874px;
	height: 75px;
	margin-left: -9px;
	}
	
.hr2{
	margin-bottom: 2px;
	}

.back-link{
	position: relative;
	top: -15px;
 	}


/* SIDEBAR
---------------------------------------------*/
.module{
	width: 272px;
	float: right;
	padding: 15px;
	padding-top: 6px;
	background: url('/images/layout/mod-mid.gif') repeat-y;
	}

.module-top{
	background: url('/images/layout/mod-top.gif') no-repeat;
	height: 2px;
	width: 303px;
	float: right;
	font-size: 1px;
	}

.module-bot{
	background: url('/images/layout/mod-bot.gif') no-repeat;
	height: 3px;
	width: 302px;
	float: right;
	margin-bottom: 9px;
	font-size: 1px;
	}

.module h3{
	padding: 0;
	background: none;
	border: none;
    overflow: hidden;
    background-repeat: no-repeat;
    height: 0px !important;	
    padding: 11px 0 0 0;
    height /**/:11px;
 	width: 100%;
 	}

.module h3 span{
 	font-size:13px;
	font-weight:normal;
	position:relative;
	text-align:right;
	text-transform:none;
	top:-25px;
	display: block;
	}

a.view-all{
 	font-family: futura;
	display: block;

	}

a.view-all:hover{
	color: #000;
	text-decoration: underline !important;
	}

.hr6{
	margin-bottom: 8px;
	width: 272px;
	}



#fan-clubbe p{
	font-size: 11px;
	padding: 3px 0;
	line-height: 1.2;
	}

#email-input{
 	border: 1px solid #ccc;
	padding: 4px 3px;
	background: #c9eafb;
	font-size: 11px;
	font-family: tahoma;
	}

#email-subscribe{
	margin-left: 2px;
	position: relative;
	top: 8px;
	}

*html #email-subscribe{
	top: 2px;
	}

#email-input:hover{
	border: 1px solid #000;
	background: #fff;
	}

#fan-clubbe h3{
    background: url('/images/grafix/joinfanclubbe.gif') no-repeat;
    width: 232px;
 	}

#fan-clubbe .hr6{
	margin-bottom: 3px !important;
	}

#tour-dates h3{
    background-image: url('/images/grafix/tourdates.gif');
 	}
	
#tour-dates .entry{
	margin-bottom: 8px;
	background: url('/images/layout/hr5.gif') repeat-x bottom;
	padding-bottom: 8px;
	font-family: courier;
	}

*html #tour-dates .entry{	
	padding-bottom: 4px !important;
	margin-bottom: 4px !important;
	}

.tourDate{
	background: url('/images/layout/date-bg.gif');
	width: 37px;
	height: 31px;
	float: left;
 	color: #fff;
	text-align: center;
	font-weight: bold;
	margin-right: 5px;
	padding-top: 5px;
	font-size: 20px;
	line-height: 0.75;
	}
	
#tour-dates .tourDate span{
	display: block;
	text-transform: uppercase;
	font-size: 14px;
	}	
	
#tour-dates .tourDetails{
	float: left;
	width: 186px;
	line-height: 1.3;
	}

#tour-dates .tourTickets{
	position: relative;
	float: right;
	top: 4px;
	}

#tour-dates .tourTickets a:hover{
	border: 1px solid #ccc;
 	}

#tour-dates .tourTickets a{
	border: 1px solid #643f02;
	font-size: 1px;
	height: 22px;
	display: block;
	width: 32px;
	}

#tour-dates .tourCity{
	font-weight: bold;
	}
	
#tour-dates .tourVenue{
	font-size: 11px;
	}

*html #tour-dates .tourVenue{
	font-size: 11px !important;
 	font-family: courier new;
	}

#tour-dates #tour-count{
	width: 100px;
	margin-bottom: -23px;
	position: relative;
	top: -18px;
	}

#featured-video{
	font-family: courier;
	font-size: 12px;
	}

#featured-video h3{
	background: url('/images/grafix/featuredvideo.gif') no-repeat;
 	}
	
#featured-video embed,
#featured-video object{
	width: 270px;
	height: 223px;
	margin-bottom: 8px;
	}

#merch{
	margin: 8px 0;
	float: left;
	}

#shelf{
	background: url('/images/grafix/shelf.jpg');
	width: 303px;
	height: 86px;
 	}

#shelf ul{
	margin-left: 87px;
	position: relative;
	top: -7px;
	}

#shelf li{
	display: inline;
	float: left;
	}

#photo-spotlight  h3{
	background: url('/images/grafix/recentphotos.gif') no-repeat;
	
	}

#slideshow{
	width: 268px;
	height: 150px;
	border: 2px solid #000;
	}

/* COMMENTS
---------------------------------------------*/


#comments input{
	margin-left: 15px;
	border: 1px solid #ccc;
	padding: 3px;
	background: #e8e5d9;
	}

#comments input:hover,
#comment-input:hover{
	border: 1px solid #000;
	background: #fff;
	}

#comment-name{
	margin-bottom: 10px;
	}
	
#comment-email{
	margin-bottom: 10px;
	}	

#comment-input{
	border: 1px solid #ccc;
	padding: 3px;
	background: #e8e5d9;
	
	}
	
#comment-submit{
	clear: left;
	float: left;
	margin: 10px 0 0 0 !important;
 	font-family: Georgia;
	font-weight: bold;
	background: #877E1C !important;
	padding: 4px 10px !important;
	color: #fff;
 	}
 	
 #comment-submit:hover{
 	background: #f1de01 !important;
 	}
 	
 #all-comments{
 	margin-bottom: 20px;
 	}
 	
 .comment-entry{
 	background: url('/images/layout/hr5.gif') repeat-x bottom;
 	padding-bottom: 8px;
 	line-height: 1.3;
 	font-family: courier;
 	}
 	
 	
 /* MISC
---------------------------------------------*/
#paginate{
	margin-top: 8px;
	}
	

.bubble{
	position: relative;
	top: 2px;
	padding: 0 !important;
	border: 0 !important;
	}
	
	
/* FOOTER
---------------------------------------------*/

#footer{
	margin-bottom: 30px;
	padding-top: 4px;
	padding-left: 5px;
	font-size: 12px;
	}

#footer .credits{
    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;
	position: relative;
	top: -2px;
	}
	

#footer .left{
 	float: left;
	margin-right: 5px;
	}
	
#footer .right{
	float: right;
	}