@charset "UTF-8";
/* CSS Document */

/* 
STRUCTURE - BLUEPRINT CSS 
= = = = = = = = = = = = = = = = = */
.prepend-half {padding-left: 20px;}
.append-half {padding-right: 20px;}


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

body {
	font-family:Arial, Helvetica, Verdana, sans-serif;
	background: url(/images/bg-bottom.jpg) repeat-x fixed center bottom;
	}
	
a:link, a:visited {color: #003333;}
a:hover, a:active {color: #555;}
h1, h2, h3, h4, h5, h6 {color: #003333;}


#page-wrapper {
background: url(/images/bg-page.jpg) no-repeat scroll center top transparent;

}

/* 
CONTENT CONTAINERS
= = = = = = = = = = = = = = = = = */
.container {position: relative;}
#hd {height: 200px;}
#bd {  padding-bottom: 20px;}

#hd h3 {position: absolute; left: 26px; top: 68px; background: url(/images/hdr-album.gif) no-repeat; width:345px; height:30px; text-indent:-9999px;}

.append-half#primary  {overflow: hidden; border: solid 2px #ccc; background:#fff; margin-top: 50px;}
#primary object, #primary embed, #primary img {max-width: 500px;}

#secondary { margin-top: 50px;}

a#logo {display: block; text-indent: -9999px; background: url(/images/logo.png) no-repeat; width:300px; height:140px; position: relative; margin-right: 450px;}

.s_item {margin-bottom: 25px; overflow: hidden; padding-bottom: 10px;}
#primary .s_item {border-bottom: solid thin;}
div.s_singleEvent {border-bottom: 1px solid #333;}
.s_permabar {background: none; border-top: none; border-bottom: none; float: right; display: none}

#s_block_1 { width: 358px; }
#s_block_2 { width: 358px; position:relative; top:-200px; }
#s_block_3 { width: 358px; position:relative; top:-100px; }

.inner_block {
	left:20px;
	position:relative;
	top:-70px;
	width:300px;
	}

.block_head {background: url(/images/block_top.jpg) no-repeat left top; height:100px; position:relative; top: 40px;}

.left_box h2 {background: url(/images/block_top.jpg) no-repeat left top; padding:10px 0 0 10px;}
.box .last {background: url(/images/block_top.jpg) no-repeat left bottom;}
.inner_box { width:200px;}
.block_bot {background: url(/images/block_bot.jpg) no-repeat left top; height:120px; position:relative; top: -160px; z-index:-10}


#secondary .s_module { width: 358px; margin-bottom: 50px; border: solid 2px #ccc; background: url(/images/bg_s_module.gif) repeat transparent;}
#secondary .s_channel {width: 300px; padding-top: 4px; margin: 10px auto;}
#secondary .s_bottom {background: url(/images/block_bot.png) no-repeat left bottom; width: 358px; height:120px; position: absolute; bottom: -30px; z-index: -10;}



/* 
NAVIGTAION
= = = = = = = = = = = = = = = = = */
#top-nav { position:absolute; top:150px; width:900px; text-align:center; left: -50px;}

ul.navigation {list-style-type:none; }
ul.navigation li {
	font-size: 11px;
	float:left; 
	display:inline;
	margin-right:0px; 
	padding-right:0px; 
	text-transform: uppercase;
	}
ul.navigation a {	text-decoration:none;}	
#top-nav span {}	
#top-nav a {height: 32px; display: block; font-size: 20px;}


#top-nav a.nav-home {width: 87px; background: url(/images/nav.png) no-repeat 0px 0;}
#top-nav a.nav-bio {width: 87px; background: url(/images/nav.png) no-repeat -87px 0;}
#top-nav a.nav-news {width: 87px; background: url(/images/nav.png) no-repeat -87px 0;}
#top-nav a.nav-blog {width: 82px; background: url(/images/nav.png) no-repeat -174px 0;}
#top-nav a.nav-events {width: 86px; background: url(/images/nav.png) no-repeat -256px 0;}

#top-nav a.nav-media {width: 104px; background: url(/images/nav.png) no-repeat -452px 0;}
#top-nav a.nav-store {width: 104px; background: url(/images/nav.png) no-repeat -452px 0;}
#top-nav a.nav-community {width: 150px; background: url(/images/nav.png) no-repeat -452px 0;}

#download h4 {
background:url("/images/hdrs.png") no-repeat scroll 0 -846px transparent; border-bottom:thin solid; height:25px; text-indent:-9999px; margin-top: 20px;}



/* hover */
.pg-home #top-nav a.nav-home, #top-nav a.nav-home:hover {width: 87px; background: #003333; color:white; text-align: center;}
.pg-bio #top-nav a.nav-bio,#top-nav a.nav-bio:hover {width: 87px; background: #003333; color:white; text-align: center;}
.pg-news #top-nav a.nav-news,#top-nav a.nav-news:hover {width: 87px; background: #003333; color:white; text-align: center;}
.pg-blog #top-nav a.nav-blog,#top-nav a.nav-blog:hover {width: 82px; background: #003333; color:white; text-align: center;}

.pg-events #top-nav a.nav-events,#top-nav a.nav-events:hover {width: 86px; background:#003333; color:white; text-align: center;}


.pg-media #top-nav a.nav-media,#top-nav a.nav-media:hover {width: 104px; background: #003333; color:white; text-align: center;}




.pg-store #top-nav a.nav-store,#top-nav a.nav-store:hover {width: 104px; background: #003333; color:white; text-align: center;}

.pg-community #top-nav a.nav-community,#top-nav a.nav-community:hover {width: 150px; background: #003333; color:white; text-align: center;}




/* FOOTER */
#ft {padding-bottom: 20px; height:120px; position: relative}
#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-wrap {position: relative; top: 20px;}

#sweeps {display: none; width: 760px; height: 90px; margin: 10px auto;}


/* 
HEADINGS
= = = = = = = = = = = = = = = = = */
h3.s_headline {padding-bottom: 5px; line-height: 1.3; font-size: 20px; color: #00333; margin-bottom: 0;}

.s_channel h4 a span {display: none;}
.s_channel > h4 { height: auto;}
.s_channel h4 a {display: block; width:300px; height:25px; margin: 20px 0; background: url(/images/hdrs.png) no-repeat 0 -450px;}
#secondary .s_channel h4 a {height: 20px;}

#s_artistbio h4 a {background-position:  0 -810px;}
#s_blog h4 a {background-position:  0 -65px;}
#s_news h4 a {background-position:  0 -32px;}
.pg-blog #s_news h4 a {background-position:  0 -64px;}
#s_discography h4 a {background-position: 0 -510px; position: relative; left; -5px;}
#secondary #s_discography h4 a {background-position: 0 -365px; position: relative; left; -5px;}
#s_events h4 a {background-position: 0 -120px;}
#s_gallery h4 a {background-position: 0 -395px;}
#s_links h4 a {background-position: 0 -200px;}
#s_lyrics h4 a {background-position: 0 -350px;}
#s_media h4 a {background-position: 0 -215px;}
#s_player h4 a {background-position: 0 -240px;}
#s_poll h4 a {background-position: 0 -355px;}
.s_tweets h4 a {background-position: 0 -96px;}
#s_whoisonline h4 a {background-position: 0 -570px; height: 30px;}
/* USER PAGES */
#s_member_comments h4 a {background-position: 0 -690px;}
#s_member_photos h4 a {background-position: 0 -450px;}
#s_member_blog h4 a {background-position: 0 -475px;}
#s_member_buddylist h4 a {background-position: 0 -500px;}

#secondary #s_artistbio h4 { height:20px;margin-top: 55px;}
#secondary #s_artistbio h4 a {background-position: 0px -301px;}
#secondary #s_events h4 a {background-position: 0px -250px; position:relative; top:10px;}
#secondary #s_media h4 a {background-position: -300px -150px;}

#ft-bottom #s_artistbio h4 a { display:none;}
#TTweet_Container h4 {background: url(/images/hdrs.png) no-repeat 0 -96px; text-indent: -9999px; height: 25px; border-bottom: solid thin;}

/* 
BUTTONS
= = = = = = = = = = = = = = = = = */
.s_more {height: 36px; margin-left: 25px;}
.s_more span {display: none;}
.s_more a {display: block; width:104px; height:36px; margin: 12px 0; float: left;}
.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;}



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

/* 
DIRECT OVER RIDES
= = = = = = = = = = = = = = = = = */
/* #### Twitter 
*/
a.s_avatar {display: none;}
.s_module.tweets p {margin: 0; font-size: 13px;  }
.s_module.tweets element.style {padding: 300px;}
.singleUser {padding: 0;}
.s_module.tweets .s_item {margin-bottom: 0px;}
.s_module.tweets .s_username {display: none;}
.s_module.tweets h3 {line-height: 0px; margin-bottom: 0px;}
.s_module.tweets a.follow {background: #003333; color:#fff; padding:5px; text-decoration:none;}
.s_twitter_followers {display: none;}
.s_twitter_follow_us {display: none;}



.s_year  {color:#003333;}

.s_channel h2 a {display: block; width:300px; height:25px; margin: 20px 0; background: url(/images/hdrs.png) no-repeat -700px 0; position:relative; left: -130000px;}

h2.s_channel_title  {display: block; width:300px; height:25px; margin: 20px 0; background: url(/images/hdrs.png) no-repeat 0px -570px; position:relative; top:10px;}


/* 
SPLASH PAGE
= = = = = = = = = = = = = = = = = */


/* 
BIO PAGE
= = = = = = = = = = = = = = = = = */
.pg-bio #primary #s_artistbio .fullsize {display: none;}
.s_artistbio {z-index:1000;}


/* 
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;}
body.pg-events #s_events dd span {display: block; float: none;}
.s_mod_cal {float: right; margin-bottom: 7px;}

/* 
DISCOGRAPHY AND MUSIC
= = = = = = = = = = = = = = = = = */
#s_discography dt {float: left; margin-right: 7px;}
.pg-discography #secondary .s_module.discography {display: none;}


/* 
MEMBERSHIP / FORUM / SOCIAL
= = = = = = = = = = = = = = = = = */

#hd #s_membership {height: 40px !important; width: 400px; float: left; margin-left: 330px;}
#hd #s_membership .guest { width:235px; height: 40px !important; overflow:hidden; background-color: #e9ebec;}
#hd #s_membership .guest span {display: none;}
#hd #s_membership .guest a {display: block; text-indent: -9999px; margin-right: 1px; float: left;}

#hd #s_membership a#link_join { width: 58px; height: 40px; background: url(/images/btn-login.gif) no-repeat 0px 0;}
#hd #s_membership a#link_join:hover { background-position: 0px -40px;}

#hd #s_membership a#link_login { width: 170px; height: 40px !important; background: url(/images/btn-login.gif) no-repeat -58px 0; text-indent:-9999px;}
#hd #s_membership a#link_login:hover { background-position: -58px -40px;}
#hd #s_membership .member {float: left;}
#hd #s_membership .s_settings {display: block;}


#s_facebook_badge {margin-top: 25px;}
#Tweet_Container h4 {margin-top: 20px;}
#Tweet_Container .s_item {overflow: hidden;}
.s_module.tweets {}

.icon-pad {margin-left:15px;}
#icons {width:500px; position:absolute; top: 40px; left: 15px; height: 10px;}
#s_fans_latest .s_item {float: left;}


/* Profiles */
.pg-user #primary {width: 950px;}
.pg-user #profile .s_avatar {width: 200px; height:200px;}


/* 
MEDIA
= = = = = = = = = = = = = = = = = */
.pg-media #primary #s_media .image {width: 250px; height: 188px;}
div#switcher .button {color: #111111;}

/* 
NEWS + BLOG
= = = = = = = = = = = = = = = = = */
.pg-blog li {list-style: none; margin-bottom: 30px; padding-bottom: 30px; border-bottom: none;}
h1#watch-headline-title {font-size: small !important; color: #111;}

#s_news p, 
#s_news .s_copy {clear: both; display: block; float: none; width: 100%;}
/* 
PHOTOS
= = = = = = = = = = = = = = = = = */
div.s_paging {clear: both; padding:20px 0 0;}



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

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


.s_control {float: none; display: block; clear: both;}
.s_artist_name {display: none;}


.btn * {
	background-image:url(/_shared/prototype/images/button/btn_bg_FFFFFF.png);
	background-repeat:no-repeat;
	display:block;
	font-style:normal;
	position:relative;
	}
.btn {
	background: #ccc;
	}