@import url("pages.css");

*{
	margin:0;
	padding: 0;
	}

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

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
	}

body{
	font-size: 12px;
	font-family: courier new, courier, arial;
	line-height: 1.3;
	background: #000 url("/images/grafix/bg.jpg") fixed no-repeat top center;
    text-align: center;
	}

#wrapper{
 	}
	
#container{
	margin: 0 auto;
	width: 964px;
	text-align: left;
	}

img{
	border: none;
	}

a{
	color: #d3252a;
	text-decoration: none;
	font-weight: bold;
	}

#left-col a:hover, #mid-col a:hover, #right-col a:hover, #content a:hover, #body-col a:hover, #footer a:hover{
 	background: #d3252a;
	color: #fff;
	}

#product-image a:hover, #sidebar a:hover, .photos-container a{
	background: none;
	color: #000;
	}

a:hover img{
 	background: none !important;
 	}

#navigation a:hover{
	background-color: none !important;
	}

h2{
	font-size: 16px;
	letter-spacing: 1px;
	color: #222c36;
	}
	
h3{
	font-weight: normal;
	font-size: 16px;
	}

table{
	border: none;
	}

.back-link{
	font-size: 14px;
	}
	
/* HEADER
-----------------------------------------------*/
#header{
 	height: 256px;
  	position: relative;
 	z-index: 0;
	background: #000;
	margin-left: -2px;
	}

#header img{
 	margin-left: -3px
 	}

#navigation{
	height: 59px;
	background: url("/images/layout/nav-bg.gif") repeat-x;
	margin-top: -1px;
	width: 967px;
 	}

*html #navigation, *html #header{
	margin-left: 10px;
	}

#navbar{
	margin: 0px auto;
	text-align: center;
	height: 46px;
	width: 930px;
	padding-top: 18px;
  }

#navbar li{
	display: inline;
	margin-right: 10px;
	height: 20px;
	}

#navbar a{
    padding: 22px 0 0 0;
    overflow: hidden;
    background-image: url("/images/layout/nav-links.gif");
    background-repeat: no-repeat;
    height: 0px !important;
    height /**/:22px;
  	 float:left;
  	 margin-right: 33px;
   }

#navbar #home a{
  	width: 58px;
  	background-position: 0px 0;
	}

#navbar #home.on a, #navbar #home a:hover{
	background-position: 0 -22px;
 	}

#navbar #news a{
   	background-position:  -84px 0;
 	  width: 101px;
 	}

#navbar #news.on a, #navbar #news a:hover{	
	background-position: -84px -22px !important;
	}


#navbar #tour a{
	background-position: -211px 0;
 	width: 54px;
	}

#navbar #tour.on a, #navbar #tour a:hover{	
	background-position: -211px -22px !important;
	}

#navbar #records a{
	background-position: -290px 0;
	width: 139px;
	}

#navbar #records.on a, #navbar #records a:hover{
	background-position: -290px -22px !important;
	}


	
#navbar #photos a{
	background-position: -454px 0;
	width: 77px;
	}
	
#navbar #photos.on a, #navbar #photos a:hover{
	background-position: -454px -22px !important;
	}
	
#navbar #videos a{
	background-position: -554px 0;
	width: 73px;
	}

#navbar #videos.on a, #navbar #videos a:hover{
	background-position: -554px -22px !important;
	}

#navbar #bio a{
	background-position: -650px 0;
	width: 37px;
	}

#navbar #bio.on a, #bio a:hover{	
	background-position: -650px -22px !important;
	}

#navbar #store a{
	background-position: -709px 0;
	width: 69px;
	opacity: 0.4 !important;
	cursor: pointer;
	}

/*#navbar #store a:hover{
	background-position: -709px -22px !important;
	}
*/

#navbar #contact a{
	background-position: -704px 0;
	width: 89px;

	}

#navbar #contact.on a, #navbar #contact a:hover{
	background-position: -704px -22px !important;
	}


#contact{
	margin: 0 !important;}

#navbar .img{
	display: inline;
	margin: 0 !important;
	}
	
#scissors{
	background: url("/images/layout/scissors.gif") no-repeat;
	height: 15px;
	width: 20px;
 	display: inline;
	float:left;
	margin-right: 20px !important;
 	}
	
#beaker{
	background: url("/images/layout/beaker.gif") no-repeat;
	height: 20px;
	width: 15px;
 	margin: 0 !important;
	display: inline;
	float:right;
	positIon: relative;
	top: -3px;
 	}


/* LEFT COLUMN
-----------------------------------------------*/
#left-col{
	width:387px;
	float: left;
	margin-left: 12px;
	}

#left-col .top{
	background: url("/images/layout/left-col_top.jpg") no-repeat;
	height: 69px;
	}
	
#left-col .middle{
	background: url("/images/layout/left-col_middle.jpg") repeat-y;
	padding: 0px 20px 0px 20px;
	float: left;
 	}
	
#left-col .bottom{
	background: url("/images/layout/left-col_bottom.jpg") no-repeat;
	height: 33px;
	float: left;
	width: 384px;
	}

 
#news-title_home{
	background:transparent url("/images/titles/theword_title.gif") no-repeat scroll 0% 0%;
	height:0px !important;
	overflow:hidden;
	padding:36px 0pt 0pt;
	position: relative;
	top: 19px;
	left: 92px;

 	}

.news-image{
    margin-right: 10px;
 	margin-bottom: 10px;
 	}

.news-image img{
	display: block;
	}

.news-image a{
 	line-height:  0;
	}

.news-image a:hover{
 
	}

.news-content{
 	line-height: 1.6;}

.news-content img{
   	}
 
 /* MIDDLE COLUMN
-----------------------------------------------*/

#mid-col{
	float:left;
	margin-left: 8px;
	}

#mailing-list{
	background: url("/images/layout/mailing-list_bg.gif") no-repeat;
	width: 283px;
	height: 123px;
 	padding: 0 0 0 20px;
 	margin-top: 3px;
 	margin-bottom: 8px;
 	}

#mailing-list p{
	color: white;
	padding-top: 17px;
	font-weight: bold;
	padding-bottom: 2px;
	font-size: 11px;
	font-family: courier new, courier;
	}

#mail-input{
	font-size: 11px;
	padding: 3px;
	margin-top: 2px;
	border: 1px solid #c1a38b;
	float: left;
	margin-right: 5px;
	}

#mail-submit{
 	height: 28px;
 	}

#email-title{
	background:transparent url("/images/titles/join-the-list.gif") no-repeat scroll 0% 0%;
	height:0px !important;
	overflow:hidden;
	padding:41px 0pt 0pt;
	position: relative;
	top: 13px;
	left: -2px;
	}

#videos-top{
	background: url("/images/layout/video_top.jpg") no-repeat;
	width: 303px;
	height: 56px;
	}

#videos-mid{
	background: url("/images/layout/video_mid.jpg") repeat-y;
	width: 278px;
	margin-left: 2px;
	padding: 10px 10px 0 10px;
	}

#videos-bot{
	background: url("/images/layout/video_bot.jpg") no-repeat;
	width: 303px;
	height: 19px;

	}

#video-info{
	margin-bottom: 12px;
	width: 275px;
	margin-left: 2px;
	}

#videos-mid object, #videos-mid embed{
	width: 275px;
	height: 230px;
	margin-bottom: 5px;
 	}

 #videos #more{
 	margin-top: 7px;
 	}


#ringtones p{
	position: relative;
	top: -42px;
	width: 282px;
	left: 20px;
	color: #f5cdc1;
	font-size: 9px;
	line-height: 10px;
	font-family: arial;
	}

/* RIGHT COLUMN
-----------------------------------------------*/
#right-col{
	width: 230px;
	float: left;
	margin-left: 8px;
   	}
 
 *html #right-col{
 	margin-left: 5px !important;
 	}
 
#social-icons.home{
	background: url('/images/grafix/socialicons-bg.gif');
	width: 225px;
	height: 32px;
	margin-left: 3px;
	margin-top: 6px;
	margin-bottom: 5px;
	}
	
#social-icons.home ul{
	padding-top: 3px;
	}

#social-icons.home li{
	margin-right: 0;
	}

*html #social-icons.home li{
	margin-right: 6px;
	}

#social-icons.home a:hover{
 	background: none;
 	}
	
#right-col .top{
	background: url("/images/layout/right-col_top.jpg") no-repeat;
	height: 63px;
	}
	
#right-col .middle{
	background: url("/images/layout/right-col_middle.jpg") repeat-y;
	padding: 10px 20px 5px 20px;
	width: 187px;
 	}

*html #right-col .middle{
	padding: 10px 17px 5px 17px !important;
	}
	
#right-col .bottom{
	background: url("/images/layout/right-col_bottom.jpg") no-repeat;
	height: 25px;
	}

#in-the-store{
	width: 197px;
	}

#store-title{
	background:transparent url("/images/titles/store_title.gif") no-repeat scroll 0% 0%;
	height:0px !important;
	overflow:hidden;
	padding:36px 0pt 0pt;
	position: relative;
	top: 17px;
	left: 41px;
	width: 170px;
	}	

#product-image{
	background: url('/images/layout/store-bg.gif');
	width: 191px;
	height: 224px;
	padding: 10px 0 0 10px;
	margin-left: -2px;
	margin-bottom: 8px;
 	}

#on-tour-title{
	background:transparent url("/images/titles/on-tour_title.gif") no-repeat scroll 0% 0%;
	height:0px !important;
	overflow:hidden;
	padding:40px 0pt 0pt;
	position: relative;
	top: 22px;
	left: 19px;
	width: 175px;
	}	

#on-tour-body{
	width: 197px;
	}

#right-col .entry{
	margin-top: 7px;
	padding-top: 7px;
	background: url('/images/layout/linebreak.gif') top repeat-x;
	width: 100%;
	line-height: 1.4;
	color: #111;
	}

#right-col .first{
	margin-top: 0px !important;
	background: none !important;
	padding: 0 !important;
	}

.tour-date{
	font-size: 12px;
	color: #3d3d3d;
  	}

.tour-location{
	font-size: 15px;
	line-height: 1.2;
	}

.tour-title{
	font-size: 13px;
	}
	
/* GENERAL PAGE LAYOUT
-----------------------------------------------*/

#content{
	padding-top: 4px;
	}
	
#body-col{
	width: 664px;
 	margin-left: 13px;
 	float: left;
	}



#body-col .top{
	background: url("/images/layout/body-col_top.jpg") no-repeat;
	height: 54px;
	float:left;
	width: 664px;
	line-height: 1;
	}
	
#body-col .middle{
	background: url("/images/layout/body-col_middle.jpg") repeat-y ;
	padding-left: 20px;
	padding-right: 20px;
	float:left;
	padding-top: 14px;
	width: 623px;
	}

#body-col .bottom{
	background: url("/images/layout/body-col_bottom.jpg") no-repeat;
	height: 46px;
	width: 664px;
	float:left;
	}


#body-col{
	full: width: 942px !important;
	}

#body-col .fulltop{
	background: url("/images/layout/fullbody-col_top.jpg") no-repeat;
	height: 44px;
	float:left;
	width: 942px;
	line-height: 1;
	}

#body-col .fullmiddle{
	background: url("/images/layout/fullbody-col_middle.jpg") repeat-y ;
	padding-left: 20px;
	padding-right: 20px;
	float:left;
	padding-top: 30px;
	width: 898px;
	}

	
#body-col .fullbottom{
	background: url("/images/layout/fullbody-col_bottom.jpg") no-repeat;
	height: 44px;
	width: 942px;
	float:left;
	}

#body-col p{
	line-height: 1.5;
 	}

.pagination{
	clear:left;
	}


/* SIDEBAR
-----------------------------------------------*/

#sidebar{
	float: left;
	width: 269px;
	margin-left: 8px;
	}

*html #sidebar{
	margin-left: 5px !important;
	}

#book a{
	background: url('/images/grafix/book.gif') no-repeat;
	display: block;
	height: 224px;
	width: 256px;
	margin-bottom: 10px;
	margin-left: 5px;
	}

#book a:hover{
	background: url('/images/grafix/book.gif') no-repeat;
	}

#book span{
	padding-top: 190px;
	padding-left: 16px;
	font-family: arial black, arial;
	font-size: 16px;
	color: #fff;
	display: block;
	}
	
/* FOOTER
-----------------------------------------------*/
#footer{
	border-top: 1px solid #272727;
	clear:both;
	width: 925px;
	margin: 15px 15px 0px 15px;
	padding-top: 10px;
	padding-bottom: 20px;
	float:left;
	color: #4F4F4F;
	}

#footer a{
 	color: #ccc;
	}

#footer a:hover{
	color: #ccc;}

#footer-nav{
	width: 600px;
	float:left;
	}

 #site-credit div{
 	float: left;
 	margin-right: 5px;
 	}

 #footer .credits {
 	background-image:url(/images/grafix/rdm_small.gif);
	background-repeat:no-repeat;
	display:block;
	height:0 !important;
	overflow:hidden;
	padding:17px 0 0;
	position:relative;
 	width: 74px;
 	top: -2px;
 	}

*html #footer .credits{
	top: 0 !important;
	}

#footer a.credits:hover{
	background-image:url(/images/grafix/rdm_small.gif) !important;
	}
	
#site-credit{
	float:right;
	width: 130px;
	text-align: right;
	}

*html #site-credit{
	width: 140px;
	}
 
#loading-indicator{
	margin: 50px auto;
	text-align: center;
 	color: #8d8d8d;
 	font-weight: bold;
 	font-family: arial;
 	font-size: 10px;
 	}


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

#no-comments{
	margin-top: 10px;
	font-style: italic;
	color: #7b7b7b;
	}
	
#comments{
	background:transparent url(/images/layout/linebreak.gif) repeat-x scroll center top;
	padding-top: 10px;
	}

#comment-form{
	margin-top: 15px;
	background:transparent url(/images/layout/linebreak.gif) repeat-x scroll center top;
	padding-top: 10px;
	}

#comment-form p{
	padding-top: 5px;
	}

.fields{
	background: #fbeddb;
 	border: 1px solid #d9b384;
 	padding: 4px;
 	font-family: arial;
 	font-size: 12px;
 	}

.comment-label{
	font-family: arial;
	font-size: 11px;
	font-weight: normal;
	color: #666;
	}

#submit-button{
	margin-top: 8px;
	}

#comments h2{
	margin-bottom: 7px;
	}

.comment-entry .name{
 		}

#comments ul{
	list-style-type: none;
	}

#comments li{
	clear: both;
	padding-bottom: 10px;
	margin: 0;
	}

.the_commentor{
  	margin-bottom: 5px;
  	font-size: 13px;
 	}

.the_comment{
 	background: #daccc3;
	border: 1px solid #f5efeb;
 	padding: 14px;
	margin-bottom: 10px;
	}

.odd .the_comment{
 	}

.comment-entry{
 	}

.comment-entry.odd{
 	}

.comment-entry.even{
 	}
		
.comment-entry.first{
	border: none;
	}


/* SIDEBAR MODULES
-----------------------------------------------*/
#email-signup{
 	margin-left: 2px;
	background: url("/images/sidebar/email-signup.jpg");
	width: 262px;
	height: 104px;
	}

 
	
*+html #email-signup span input{
    line-height: normal;
	vertical-align: 50%;
	}
	
*+html #email-signup span #emailaddy{
	vertical-align: baseline;
	}
	
#email-signup #emailaddy {
  width: 160px;
  }

#emailaddy{
	position: relative;
 	background: #48562b;
	border: 1px solid black;
	padding: 4px;
	color: white;
	font-family: arial, tahoma;
	margin-top: 61px;
	margin-left: 14px;
	}

*html #emailaddy{
	width: 150px;
	padding: 3px;
 	}

#joinemail{
	position: relative;
 	top: 11px;
 	}

*html #joinemail{
	top: 7px;
	}

#in-the-store_promo{
	background: url('http://shiftb.com/images/sidebar/store-bg.jpg');
	width: 255px;
	height: 269px;
	text-align: center;
	margin-left: 6px;
	}

.in-the-store_product{
	padding: 30px 0 0 0 ;
	margin: 0 auto;
	width: 150px;
	}

#in-the-store_promo ul{
	list-style-type: none;
	}

a#product-thumb{
	width: 150px;
	margin: 0 auto;
	text-align: center;
	display: block;
	}

#buy-link{
	margin-top: 3px;
	}

#recent-blog-posts{
	background: url('/images/sidebar/blog-bg.gif') no-repeat;
	width: 263px;
	height: 199px;
	margin-left: 4px;
	}

#recent-blog-posts ul{
	list-style-type: none;
	padding-top: 35px;
	padding-left: 15px;
	width: 225px;
	}

#recent-blog-posts li{
	padding-bottom: 7px;
	background: url('/images/sidebar/blog-br.gif') bottom repeat-x;
	padding-top: 5px;
	}

#recent-blog-posts #view-all{
	float: right;
	margin-right: 15px;
	background: #333;
	margin-top: 4px;
	}

a#view-all{
	color: #ffffff !important;
	padding: 2px 5px;
	
	font-size: 11px;
	}

#social-icons{
	background: url('/images/grafix/socialicon-bg2.gif');
	width: 254px;
	height: 32px;
	margin-left: 6px;
	margin-top: 2px;
	margin-bottom: 3px;
	}

#social-icons ul{
 	margin-left: 4px;
 	padding-top: 3px;
	}

*html #social-icons li{
	margin-right: 6px;
	}

#social-icons li{
	list-style-type: none;
	display: inline;
 	}

#anthology{
	margin-top: 6px;
	}

/* MISC
-----------------------------------------------*/	
.user-message{
	height: 300px;
	}