@charset "UTF-8";
/* CSS Document */
/* 
STRUCTURE - BLUEPRINT CSS 
= = = = = = = = = = = = = = = = = */
.prepend-half {padding-left: 20px;}
.append-half {padding-right: 20px;}
.span-24, div.span-24 {margin:0; width:950px;}


/* 
GLOBAL STYLE
= = = = = = = = = = = = = = = = = */

body {
	background:url("/images/bg-site.jpg") no-repeat scroll center top transparent; #FFF; font-family:Arial, Helvetica, Verdana, sans-serif;
	}
	
a:link, a:visited {color: #000;text-decoration: none;}
#primary a:link, a:visited {color: #000;text-decoration: underline;}
#primary a:hover, a:active {color: #ffff33; }
a:hover, a:active {color: #ffff33; }
h1, h2, h3, h4, h5, h6 {color: #fff;}

dt {float: left; margin-right: 7px;}

/* 
CONTENT CONTAINERS
= = = = = = = = = = = = = = = = = */
.container {position: relative;}
#hd  {height:100px; margin-top:70px; margin-left: -30px;}

#bd { background: none ; margin-top: 40px; padding-bottom: 120px;}


#primary  {background:none; margin-top:40px;}
#secondary {float: right;}

a#logo {display: block; text-indent: -9999px; background: url(/images/logo.gif) no-repeat; width:400px; height:100px;}
.s_item {margin-bottom: 25px;}
div.s_singleEvent {border-bottom: 1px solid #F6C;}
.s_permabar {background: none; border-top: none; border-bottom: none; float: right; display: none}

#primary-hd {background: url(/images/bg-primary.png) no-repeat;}

#primary object, #primary embed, #primary img { max-width:550px;}

a#logo  {
background:url("/images/logo.png") no-repeat scroll 0 0 transparent; display:block; height:140px;  margin-top:-50px;}

.module {background: #F70085; padding-bottom: 20px;}

.pmodule-bottom{
background:url("/images/pmodule-bot.png") no-repeat scroll 0 0 transparent;
height:95px;
margin-left:-8px;
top:-25px;
width:641px;
}

.fmodule-bottom{
background:url("/images/fmodule-bot.png") no-repeat scroll 0 0 transparent;
height:95px;
margin-left:-8px;
position: relative;
top:10px;
width:920px;
}
#video {position: relative; top: -40px;}

.s_social {position:relative; top:-60px;}

.s_items  {color:#121212; margin:1em 1.4em;}

.nocontent {position: relative; top: 70px; left: 30px;}


/* COLUMN SECONDARY [RIGHT] */
.pg-home #secondary {margin-left: inherit;}
#s_brightcove {padding: 5px; background: #121212;}

#secondary .s_twitter {padding-bottom: 10px; margin-top: -100px;}
#secondary .s_twitter .s_items {background: url(/images/bg-twitter.gif) no-repeat #3bfffd  scroll 15px 0 ; position: relative; top: -20px; padding: 20px;}
#secondary .s_twitter .s_avatar, #secondary .s_twitter h3 {
display:none;}
#secondary .s_twitter h3 {display: none;}
#secondary .s_twitter p {margin: 0; padding: 0; font-size: 18px; font-weight: bold; line-height: 18px; font-family: tk-teimer-web; width: 290px; overflow: hidden;}
#secondary .s_twitter .s_byline { font-size: 12px; margin-bottom:-10px; font-family: tk-teimer-web;}
#widget {padding: 5px;}
.s_twitter > h4 {
background:url("/images/hdrs.png") no-repeat scroll 0 -47px #111111; text-indent:-9999999px;}
.s_channel.s_twitter {overflow:hidden;}


#twitterverse-wrapper {width: 300px !important; overflow: hidden;}




#hd h1 {text-indent: -9999px; height: 5px;}

.s_module {
background:url("/images/bg-module-hd.png") no-repeat scroll -10px 0  transparent; margin-bottom:50px; position:relative; width:358px;}

.s_bottom  {
background:url("/images/block-bot.png") no-repeat scroll left bottom transparent;
bottom:-20px;
height:120px;
position:absolute;
width:370px;
left:-10px;
z-index:-10;}

.s_bottom_ol  {
background:url("/images/block-bot-2.png") no-repeat scroll left bottom transparent;
bottom:-20px;
height:120px;
position:absolute;
width:370px;
left:-10px;
z-index:-10;}

.s_icon_wrap {background: #3BFFFD; min-height:50px; margin-left:20px; width:323px; position:relative; top:-18px; padding-bottom: 15px;}


/* 
NAVIGTAION
= = = = = = = = = = = = = = = = = */
#top-nav { position: absolute; top: 170px; width: 800px;}
.navigation {}
.navigation ul {list-style-type:none; }
.navigation li {
	font-size: 11px;
	float:left; 
	display:inline;
	margin-right:0px; 
	padding-right:0px; 
	text-transform: uppercase;
	}
.navigation a {	text-decoration:none;}	
#top-nav span {display: none}	
#top-nav a {height: 30px; display: block;}	

#top-nav a.nav-home {width: 74px; background: url(/images/nav.gif) no-repeat 0 0;}
#top-nav a.nav-news {width: 72px; background: url(/images/nav.gif) no-repeat -74px 0;}
#top-nav a.nav-events {width: 70px; background: url(/images/nav.gif) no-repeat -145px 0;}
#top-nav a.nav-bio {width: 79px; background: url(/images/nav.gif) no-repeat -215px 0;}
#top-nav a.nav-discography {width: 75px; background: url(/images/nav.gif) no-repeat -296px 0;}
#top-nav a.nav-media {width: 80px; background: url(/images/nav.gif) no-repeat -370px 0;}
#top-nav a.nav-photos {width: 90px; background: url(/images/nav.gif) no-repeat -449px 0;}
#top-nav a.nav-forum {width: 127px; background: url(/images/nav.gif) no-repeat -539px 0;}	
/* #top-nav a.nav-store {width: 80px; background: url(/images/nav.gif) no-repeat -472px 0;} */

/* hover */
.pg-home #top-nav a.nav-home, #top-nav a.nav-home:hover {width: 74px; background: url(/images/nav.gif) no-repeat 0 -30px;}
.pg-news #top-nav a.nav-news, #top-nav a.nav-news:hover {width: 72px; background: url(/images/nav.gif) no-repeat -74px -30px;}
.pg-events #top-nav a.nav-events, #top-nav a.nav-events:hover {width: 70px; background: url(/images/nav.gif) no-repeat -145px -30px;}
.pg-bio #top-nav a.nav-bio, #top-nav a.nav-bio:hover {width: 79px; background: url(/images/nav.gif) no-repeat -215px -30px;}
.pg-discography #top-nav a.nav-discography, #top-nav a.nav-discography:hover {width: 75px; background: url(/images/nav.gif) no-repeat -296px -30px;}
.pg-media #top-nav a.nav-media, #top-nav a.nav-media:hover {width: 80px; background: url(/images/nav.gif) no-repeat -370px -30px;}
.pg-photos #top-nav a.nav-photos, #top-nav a.nav-photos:hover {width: 90px; background: url(/images/nav.gif) no-repeat -449px -30px;}
.pg-forum #top-nav a.nav-forum, #top-nav a.nav-forum:hover {width: 127px; background: url(/images/nav.gif) no-repeat -539px -30px;}
/* #top-nav a.nav-store:hover {width: 80px; background: url(/images/nav.gif) no-repeat -472px -30px;} */




/* FOOTER */

#ft {background:#F70085; padding-bottom: 20px;}


#ft ul.navigation li {margin-right: 12px;}
#ft-logos {float: right; text-indent:-9999px; width:175px; height:46px; background: url(/images/logos-footer.gif) no-repeat; margin: 0 22px 4px 0;}
#ft-legal {float: right; clear: both; margin-top: 1px; width: 200px;}
#ft-legal a {color: #666;}
#beatsbydre {display: none !important;}
#poweredby {margin: 8px 0 0 20px; display: block}

#ft ul {
height:20px;
margin-left:50px;
padding:8px 50px 3px;}

#ft ul li, #ft-nav ul li a {
color:#FFF9E9;
display:inline;
float:left;
font-size:12px;
font-weight:bold;
padding-right:5px;
text-decoration:none;
text-transform:uppercase;}

/* 
HEADINGS
= = = = = = = = = = = = = = = = = */
h3.s_headline {border-bottom: 1px solid #f6c; padding-bottom: 5px; line-height: 1.3; font-size: 20px; color: #000;}

#secondary h4 {position: relative; z-index: 1;}



.s_channel h4 a span {display: none;}
.s_channel > h4 { height: auto;}
.s_channel h4 a {display: block; width:359px; height:30px; margin: 20px 0; background: url(/images/p-headers.jpg) no-repeat -700px 0;}
#secondary .s_channel h4 a {height: 35px;}

#s_news h4 a {background-position:  0 -10px; width: 600px;}
#s_artistbio h4 a {background-position:  0 -90px; width: 600px;}
#s_discography h4 a {background-position: 0 -170px; width: 600px;}
#s_events h4 a {background-position: 0 -50px;}
#primary #s_events h4 a {background-position: 0 -50px; width: 600px;}
#s_gallery h4 a {background-position: 0 -100px;}
#s_links h4 a {background-position: 0 -200px;}
#s_media h4 a {background-position: 0 -130px; width: 600px;}
#s_player h4 a {background-position: 0 -130px; width: 600px;}
#s_gallery h4 a {background-position:0 -450px; width:600px;}
#s_messageboard h4 a {background-position: 0 -210px; width: 600px;}
#s_member_comments h4 a {background:url("/images/p-headers.jpg") no-repeat scroll 0 -290px transparent; display:block; height:30px; margin:20px 0; width:359px;}
#s_member_photos h4 a {background:url("/images/p-headers.jpg") no-repeat scroll 0 -330px transparent; display:block; height:30px; margin:20px 0; width:359px;}
#s_member_blog h4 a {background:url("/images/p-headers.jpg") no-repeat scroll 0 -370px transparent; display:block; height:30px; margin:20px 0; width:359px;}
#s_member_buddylist h4 a {background:url("/images/p-headers.jpg") no-repeat scroll 0 -410px transparent; display:block; height:30px; margin:20px 0; width:359px;}

#secondary #s_artistbio h4 { height:20px;margin-top: 55px; display:none;}
#secondary #s_artistbio h4 a {background-position: -300px -300px;}
#secondary #s_events h4 a {background:url("/images/hdrs.jpg") no-repeat scroll 0 -145px #111111; height:35px; width: 359px; text-indent:-9999999px;}
#secondary #s_media h4 a {background-position: -300px -150px;}
.s_updates {height:70px; position: relative; }

/* secondary */
.s_updates > h4 {
background:url("/images/hdrs.png") no-repeat scroll 0 -15px #111111; height:35px; width: 359px; text-indent:-9999999px;}



.s_social > h4 {
background:url("/images/hdrs.jpg") no-repeat scroll 0 -76px #111111; height:35px; width: 359px; text-indent:-9999999px; position:relative; z-index: 1;}
#secondary #s_media h4 a {
background:url("/images/hdrs.jpg") no-repeat scroll 0 -110px #111111; height:35px; width: 359px; text-indent:-9999999px;}






/* 
BUTTONS
= = = = = = = = = = = = = = = = = */




.s_more {height: 36px;}
.more {left:200px; position:relative; top:-30px;}
.s_more span {display: none;}
a.s_more  {display:block; float:right; height:36px; left:-50px;
position:relative; top:-50px; width:104px;}
.s_more.s_news a {background: url(/images/btn-more-news.gif) no-repeat;}
.s_more.s_events a {background: url(/images/btn-more-dates.gif) no-repeat;}
/*.s_join { left:210px; position:relative; top:-19px;}*/

.s_join  {position:absolute; left:200px; top:-30px}

.itunes {position:relative; top: -40px; left: 460px;}
#fb-like {margin-left: 120px; margin-top: 10px;}



/* 
= = = = = = = = = = = = = = = = =
PAGE SPECIFIC STYLES ////////////
= = = = = = = = = = = = = = = = = 
*/


#note {width: 350px; height:550px; background: #f8f6e8 url(/images/note-from-sheryl_thumb.jpg) no-repeat; margin-top: -20px;color: #333; position: relative; }
#note .padding {padding: 8px 26px;}
#note h3 { color: #333; font-weight: bold;}
#note p {line-height: 1.5; display:none}
#note h4 {position: absolute; right: 7px; bottom: 0px; color: #111;}
#note a {color: #CC0000; font-weight: bold;}


/* 
EVENTS AND TOUR
= = = = = = = = = = = = = = = = = */
body.pg-home div#s_events div.s_items div.s_singleEvent div.s_addition,
body.pg-home div#s_events div.s_items div.s_singleEvent span.s_tickets {display: inline !important; z-index: 99; position: absolute; right: 2px;}

body.pg-events #secondary .s_module.events {display: none;}
body.pg-events .location {font-size: 18px;}
.s_mod_cal {float: right; margin-bottom: 7px;}


/* 
NEWS
= = = = = = = = = = = = = = = = = */
#s_news .s_byline {display: none;}


/* 
PHOTOS
= = = = = = = = = = = = = = = = = */



/* 
CMS SPECIFIC ////////////////////
= = = = = = = = = = = = = = = = = */

/* SHADOWBOX */
#sb-title-inner {padding: 5px;}

#comment_box,
.commentbox_toggle {display: none;}
.s_control {float: none; display: block; clear: both;}
.s_artist_name {display: none;}


.btn * {
	background-image:url(/_shared/prototype/images/button/btn_bg_000000.png);
	background-repeat:no-repeat;
	display:block;
	font-style:normal;
	position:relative;
	}
.btn {
	background: #cc0000;
	}
	
	
	/*
----------------------------------------------------------------
	M E M B E R S H I P + C O M M U N I T Y
------------------------------------------------------------- */

#secondary #s_membership {float:right; margin-top: -20px; margin-right: -10px;}
#secondary #s_membership .guest {width:220px; float: right; margin-right: 30px;}
#secondary #s_membership .guest span {display: none;}
#secondary #s_membership .guest a {display: block; float: left; text-indent: -9999px;}

#secondary #s_membership a#link_join { width: 70px; height: 29px; background: url(/images/btn_login.jpg) no-repeat 0px 0;}
#secondary #s_membership a#link_join:hover { background-position: 0 -29px;}

#secondary #s_membership a#link_login { width: 140px; height: 29px; background: url(/images/btn_login.jpg) no-repeat -70px 0;}
#secondary #s_membership a#link_login:hover { background-position: -70px -29px; width: 140px;}
#secondary #s_membership .member {float: right; width: 250px; background:#3BFFFD;}
#secondary #s_membership .s_settings {padding-left: 10px;}


	
	/* =============== CARRIED OVER FROM ILIKE THAT PAGE ================*/
	

#secondary .s_items {
background:url("/images/bg-twitter.gif") no-repeat scroll 15px 0 #3BFFFD;
padding:20px;
position:relative;
top:-20px;
}

/* over rides */
#secondary .s_year {
color:black;
padding:0 2px;
text-align:center;
}