/* DGC
color yellow =  #ECCA24
 */

body {
	background:#121212 url(http://dev.dgcrecords.interscope.com/images/bg_body.jpg) bottom center repeat-y;
	color:#999;
	margin: 0; padding: 0;
	font-size: 13px;
	}

.container {width:960px !important; background: #353630; background:#000; position: relative;}
#bd {background:url(/mages/bd_bg.jpg) repeat-y top left; padding-left:10px; padding-top: 10px;}
.pg-artists.history #bd {background: none; padding-left:10px; padding-top: 20px;}

#primary {overflow: hidden; margin-top: 15px;}
#secondary {margin:10px 0 0 0;}
.prepend-1 {padding-left: 20px;}


/* hd */
#hd  { 
	position:relative;
	height:219px;
	} 

#hd h1 {
	position:absolute;
	text-indent:-9999em;
	}

#header_bg {
	/* background:url(http://dev.dgcrecords.interscope.com/images/header_bg.jpg) no-repeat top center; */
	width:950px; height:219px;
	}

/* === SEARCH === */
div#site-search { 
	background: url(/images/bg_search2.gif) no-repeat; height:26px; width:290px; margin: 10px 0 20px 0; padding: 0 0 12px 0;
	position: absolute; top: 42px; right: 5px;
	}
	
div#site-search form {position: relative; height: 29px; margin: 0; padding: 0;}
div#site-search #btn_search {margin: 0 0 0 4px; position: absolute; top: 4px; right: 6px;}
input#search_txt {font-size: 11px; height: 12px; color: #666; vertical-align: middle; margin: 2px 0 0 25px;}



/* ===== links and Headings ===== */
h1, h2, h3, h4, h5 {color: #CCCCCC;}
h3 {line-height: 1.2;}

a:link, a:visited {
border:0pt none;
color:#f1f1f1;
text-decoration:underline;

}
a:hover, a:active {
border:0pt none;
color:#fff;
text-decoration: none;
}

h3, h3 a:link, h4 {
font-size:15px; 
text-decoration:none; 
font-weight:bold;
color:#f1f1f1;
text-transform:uppercase;
margin-bottom: 0;
}

h3 a:link {text-decoration: underline;}

h3 a:hover {
text-decoration: none;
color: #fff;
}

h4 {height: 40px; margin-bottom: 10px !important;}


/* ===== navigation ===== */
#navigation {position:absolute; z-index:100; top:175px; left:0;} 
ul#menu {padding:0 0; margin:0 0 0 15px; height:31px;}
#menu a { outline:0;text-decoration: none; display: block; float: left; height: 31px; margin-right:0px; text-indent:-9999em; background: url(/images/matrix_nav.v2.gif) no-repeat;}
#menu li{list-style: none;float: left; margin-top:0px; }

#menu a.nav-home {width: 90px; background-position: 0px 0px;}
#menu a.nav-blog {width: 162px; background-position:-91px 0px;}
#menu a.nav-artists {width: 150px; background-position:-260px 0px;}
#menu a.nav-events {width: 124px; background-position:-417px 0px;}
#menu a.nav-news {width: 112px; background-position:-546px 0px;}
#menu a.nav-media {width: 132px; background-position:-659px 0px;}
#menu a.nav-feeds {width: 158px; background-position:-792px 0px;}

#menu a:hover.nav-home, body.pg-home #menu a.nav-home {background-position: 0px -32px;}
#menu a:hover.nav-blog, body.pg-blog #menu a.nav-blog {background-position: -91px -32px;}
#menu a:hover.nav-artists, body.pg-artists #menu a.nav-artists {background-position: -260px -32px;}
#menu a:hover.nav-events, body.pg-events #menu a.nav-events {background-position:-417px -32px;}
#menu a:hover.nav-news, body.pg-news #menu a.nav-news {background-position:-546px -32px;}
#menu a:hover.nav-media, body.pg-media #menu a.nav-media {background-position: -659px -32px;}
#menu a:hover.nav-feeds, body.pg-feeds #menu a.nav-feeds {background-position: -792px -32px;}


div.more {height: 50px;}
div.more ul {padding: 0; height: 30px; float: right;}
div.more ul li {list-style-type: none; margin: 0;}
div.more a {background: url(/images/bg_more.gif) no-repeat; height: 30px; width: 109px; display: block; padding: 5px 0 0 18px;}
div.more ul a.nav-more {color: black; background-position: 0px 0px;}

/* btn */
.btn * {background-image: url(/images/btn_bg_000.png); }
a.btn {color:#fff; background-color:#555; text-decoration:none; font-weight:bold; font-family:Arial !important; text-transform:uppercase;}
a:hover.btn {color: #fff; background-color: #ECCA24;}
/* end: btn */

/*===== secondary =====*/
div#secondary .s_item {margin-right: 20px;}
div#secondary div.ad-unit {margin: 25px 0;}
div#secondary div#s_membership {margin: 20px 0 50px 0;}
div#secondary div#s_media img.image {width:100px; height:75px; padding:10px 15px; background:url(/images/frame_media.gif) no-repeat 0 -2px; }
div#secondary .s_blmlist {display: none;}
div#secondary .s_date {display: block;}
div#secondary #s_media .s_date,
div#secondary .s_comments_separator {display: none;}


/* === GLOBAL HTML/CMS/UI === */
dt.s_releaseDate, dt.s_label {margin-right: 4px}
dt.s_label {float: left}

div.s_paging { margin: 10px 0 20px 450px; width: 150px; height: 25px;}
.s_permabar {background: #010101;background-image: none;border-color: #212121;border: none;}

.success {color: black;}

.s_item { margin: 1em 0; }
p.formats {margin: 0;padding: 0;}
th {text-align:left;}
td.s_filter form {text-align:right; }
h4 a img {float: none; display: block;}
.s_block {display: block;}
p.sharethis {font: normal 9px Verdana, Arial, Helvetica; clear: both; color: #555; margin-top: 20px;} /* lyrics */
img.image {margin: 0 10px 10px 0;}


.address1,
.address2,
.zip {display: block;}


/* ===
HOMEPAGE 
=== */

/* news */
body.pg-home div#s_news h4 {height: 75px;}
body.pg-home div#s_news p.s_byline {float:right;margin-top:2px;}
body.pg-home div#s_news img.image {width:100px; height:100px; padding:10px 15px; background:url(/images/img_bg_130x120.gif) no-repeat top center;  float:left; }
body.pg-home div#s_news h3.s_headline {margin-bottom:0px;}


/* ===== Events ===== */
body.pg-home div#s_events h4 {height:65px;}
body.pg-home div#s_events .s_items {background:url(/images/events_bg.gif) no-repeat; padding:15px 0; height:213px;}
body.pg-home div#s_events div.s_singleEvent { border:none !important; height:45px; overflow:hidden; margin-bottom:5px; position: relative; font-size: 12px;}
body.pg-home div#s_events div.s_dateblock {display:none;}
body.pg-home div#s_events span.s_date {display:inline; margin-left:25px;}
body.pg-home div#s_events span.s_venue { margin-left:10px;}
body.pg-home div#s_events div.s_singleEvent span.s_venue a { text-decoration:none; text-transform:uppercase; margin-left:10px;}
body.pg-home div#s_events div.s_singleEvent span.s_artist-name { font-size:13px;}
body.pg-home div#s_events div.s_singleEvent span.location {margin-left:5px;}
body.pg-home div.s_addition,
body.pg-home span.s_tickets {display:block !important; position: absolute; right: 0; top: 10px;}
body.pg-home span.s_tickets a.buyticketurl {background:url(/images/btn_buytickets.gif) no-repeat !important; height:25px; width:120px; text-indent:-9999em; margin-right:5px; display:block; z-index:100;}
body.pg-home div#s_events div.s_singleEvent div.s_addition span.s_comments_separator,
body.pg-home div#s_events div.s_singleEvent div.s_addition span.s_icon_comments,
body.pg-home div#s_events div.s_singleEvent div.s_addition span.s_eventattendees {display:none;}
.pg-events div#s_discography .s_item h3 {margin-bottom: 0;}

#s_events .s_byline {display: none;}
#s_events dl {color: white; font-size: 15px;}
#s_events p:first-child { background: url(/images/divider.jpg) no-repeat 0 18px; padding-bottom: 10px;}
#s_events .s_permabar {padding: 20px 0 0 0;}
#s_events #s_comments { background: url(/images/divider.jpg) no-repeat top left; padding-top: 10px;}
#s_events .s_where .s_venue a {padding-right: 5px}
div.s_singleEvent {border-bottom: 1px solid #333 !important}
div.s_singleEvent.hoveredEvent { border-bottom:1px solid #ccc !important; cursor:pointer; background-color: #222;}
body.pg-events.default span.s_tickets {display: none;}

#secondary .s_events_total {display: none;}


/* === DGC RADIO / HOMEPAGE === */
#mod_radio {height:392px;  width:590px; margin:10px 0 0 0; background:url(/images/radio_bg.gif) no-repeat; padding-top:15px;}
#mod_radio_inner { margin:0 0 0 25px; height:350px;  width:520px;}

/* === BRIGHTCOVE VIDEO PLAYER === */
#brightcove {height:570px; width:290px; margin:10px 0 50px 0;}


/* ===== NEWS PAGE ===== */
#s_news .s_item {margin: 15px 0; padding-bottom: 1px; border-bottom: 1px dotted #333;}
#s_news .s_item h3,
#s_news .s_item h3 a:link {font-size: 16px;}
#s_news .s_byline {text-align: left;}


/* === DISCOGRAPHY === */
div#secondary div#s_discography p.s_blmlist,
div#secondary div#s_discography dt.s_label,
div#secondary div#s_discography dd.s_label,
div#secondary div#s_discography dt.s_format,
div#secondary div#s_discography dd.s_format {display:none;}
div#secondary div#s_discography p.s_byline {margin-bottom:0;}
div#secondary div#s_discography img.thumbnail, 
div#secondary div#s_discography img.fullsize {width:100px; height:100px; padding:10px 15px; background:url(/images/img_bg_130x120.gif) no-repeat top center;  }
div#secondary div#s_discography h4 {height:65px;}
div#s_discography .s_info h3 {margin-bottom: 0;}
div#s_discography .logo {display: none;}
div#primary div#s_discography img.thumbnail,
div#primary div#s_discography img.fullsize {border: 1px solid #333;}
/* #primary div#s_discography img.fullsize, #primary div#s_discography img.thumbnail {border: 1px solid #333;} */

.discography.default #s_discography dl,
.discography.default #s_discography h5,
.discography.default #s_discography table.s_tracks,
.discography.default #s_discography .s_copy {display: none;}
#s_discography tr.s_track td {border-bottom: 1px dotted #333;}

/* === MEMBERSHIP === */
div#s_membership {position:relative; /* margin-top:150px; */}
div#s_membership a:link,  div#s_membership a:visited {color:#fff; text-decoration:none; font-size:11px;}
div#s_membership a:hover {text-decoration:underline;}
div#s_membership h3 {color:#fff; font-size:13px; font-weight:bold; margin:5px 0 0 10px; line-height:100%;}
div#s_membership h3 a.name {color:#fff;font-size:13px;}
div#s_membership p { margin-left:10px;}

a#link_join{display:block; width:292px; height:87px; text-indent:-9999em; background:url(/images/btn_signup.gif) no-repeat; border:0; outline:0;}
a#link_join:hover { background-position:0 -87px;} 

a#link_login {display:block; width:290px; height:31px; text-indent:-9999em; background:url(/images/btn_login.gif) no-repeat; border:0; outline:0; margin-top:10px;}
a#link_login:hover {background-position: 0 -30px;} 
span#link_separator {display:block; width:200px; height:30px; text-indent:-9999em; background:url(/images/link_separator_bg.gif) no-repeat; margin-left:40px;}


/* ===== MEDIA PAGE ===== */
body.pg-artists #primary #s_media {margin: 50px 0;}
body.pg-artists #secondary #s_media .image { /* border: 2px solid #333; */ margin: 0 10px 10px 0; width: 100px; height: 75px;}

body.pg-media #s_media img.image,
body.pg-artists #primary #s_media img.image {width: 250px; height: 188px; border: 1px solid #333;}
body.pg-media #s_media .s_item {float: left; margin: 0 15px 75px; height: 200px; width: 260px; position: relative;}
body.pg-media #s_media .s_item span.s_artist-name { display: block; position: absolute; top: 1px; left: 1px; padding: 4px; background: black; width: 242px; color: #ECCA24;}

body.pg-media #s_media .s_item .s_byline,
body.pg-media #s_media .s_item .s_blmlist,
body.pg-media #s_media .s_item img.play_btn {display: none;}

body.pg-media.player #secondary #s_discography,
body.pg-media.player #secondary .sz-300x250 {display: none;}
body.pg-media.player .s_items {margin: 25px 0 !important; }

/*
.play_btn {width: 50px; height:50px !important; position: absolute; top: 15px; left: 15px; width: 25px; height: 18px;}
*/

/* === TWITTER FEEDS === */
.s_twitter h4 span { display: block; text-indent: -9999px; background: url(/images/hdrs/hdr_twitter_artist.gif) no-repeat; width:300px; height:50px;}
.s_twitter li, .s_twitter .s_item {list-style-type: none; padding: 10px 0; border-bottom: 1px dotted #444;}
a#twitter-follow {display:block;text-align:right; margin: 0 20px 30px 0;}
a#twitter-follow span {padding: 7px; background: #222;}
a#twitter-follow:hover {color: #EDCB24;}

/* ===== /ARTIST/HOMEPAGE ===== */
.pg-artists.home .s_dateblock,
.pg-artists.home .s_addition {display: none;}



/* ===== /ARTISTS ===== */
body.pg-artists.list div#s_artistbio h4,
/* body.pg-artists .s_paging */ {display: none;}

body.pg-artists div#s_artistbio {margin-top: 50px;}
body.pg-artists div#s_artistbio.s_channel {} /* border: 2px #678117 solid;background: #99C123; */
body.pg-artists div#s_artistbio div.s_items {margin:10px 0 10px 10px}
body.pg-artists div#s_artistbio div.s_item,
ul.artist-roster {margin:0; padding:0;}
ul.artist-roster li {display:block; float:left;  width:170px; height:140px; margin:0 0 5px 7px; list-style-type:none; position:relative;}
div#s_artistbio div.s_items ul.artist-roster li a {width:165px; height:79px;  background:url(/images/frame_165x79.gif) no-repeat; display:block;}
div#s_artistbio div.s_items ul.artist-roster li h3 a {width:165px; height:auto !important;  background:none !important;}
ul.artist-roster li img{height:64px; width:145px; overflow:hidden; margin:5px 0 0 10px;}
ul.artist-roster li h3 a{color:#ECCA24;}
span.s_artist-name, span.s_artist_name { color:#121212; font-size:12px; padding: 0 4px; font-weight:bold; text-transform: uppercase; line-height: 12px !important; background: #edcb24;}
div.span-16 {overflow:hidden;}

.s_artist_profile #s_artistbio {background: url(/images/bg_artists.jpg) top left no-repeat; width:560px; height: 300px; position: relative; margin: 0 0 30px 0; text-align: -9999px;}
.s_artist_profile #s_artistbio img.fullsize {margin: 50px 0 0 15px; height: 213px; width: 500px;}
.s_artist_profile #s_artistbio h4 {margin: 0 0 0 0; padding: 0 0 0 0; height: 20px; position: absolute; top: 15px; left: 25px; font-size: 22px;}
.s_artist_profile #s_artistbio a {color: black; text-decoration: none;}
.s_artist_profile #s_artistbio p, .s_artist_profile p.s_copy {display: none;}

.s_everywhere {position: absolute; left: 790px !important; top: 220px; width: 150px}
.s_everywhere h4 {display: none;}
.s_everywhere a.icon_holder {display: none !important}
.s_everywhere a.icon_holder.myspace,
.s_everywhere a.icon_holder.Myspace,
.s_everywhere a.icon_holder.wikipedia,
.s_everywhere a.icon_holder.twitter  {display: inline !important; cursor: hand !important}


#artist-archive { padding: 10px; background: #151515; background: none; width: 100%; margin: 0 0 20px 0; position: relative;}
h3.hdr_dgc_archive {text-indent: -9999px; width:300px; height: 60px; background: url(/images/hdrs/hdr_artists_archive.gif) no-repeat; float: left;}

/* navigation Artist By Year */
#navigation-artists {position:absolute; z-index:100; top:225px; right: 20px; width: 199px;} 
ul#menu-artists {padding:0 0; margin:0 0 0 15px; height:50px;}
#menu-artists a { outline:0;text-decoration: none; display: block; float: left; height: 50px; margin-right:0px; text-indent:-9999em; background: url(/images/btn_artistsbyyear_matrix.gif) no-repeat;}
#menu-artists li{list-style: none;float: left; margin-top:0px; }
#menu-artists a.nav-year {width: 193px; background-position: 0px 0px;}
#menu-artists a:hover.nav-year {background-position: 0px -50px;}


/* navigation Timeline */
#navigation-timeline { width: 250px; font-weight: bold; position: absolute; left: 360px;} 
ul#menu-artists {padding:0 0; margin:0 0 0 15px; height:50px;}
#menu-artists a { outline:0;text-decoration: none; display: block; float: left; height: 50px; margin-right:0px; text-indent:-9999em; background: url(/images/hdrs/hdr_timeline_matrix.gif) no-repeat;}
#menu-artists li{list-style: none;float: left; margin-top:0px; height: 50px; }
#menu-artists a.nav-year {width: 193px; background-position: 0px 0px;}
#menu-artists a:hover.nav-year {background-position: 0px -50px;}


/* archive artists social icons */
body.pg-artists.list li.year {
	list-style: none;
	font-size: 20px;
	font-weight: bold;
	margin: 10px 0 0 0;
	}

body.pg-artists.list li ul li {
	list-style: none;
	font-size: 14px;
	border-bottom: 1px dashed #555;
	padding: 5px 0 12px 0;
	margin: 0;
	color:#ECCA24;
	clear: both;
	}

ul#artist-archive-ul {margin: 0; padding: 0;}
ul#artist-archive-ul li {clear: both;}
ul#artist-archive-ul span.artist-name {float: left;}
li.artist-name {height: 16px;}

span.artist-links {}
span.artist-links a {width: 16px; height: 16px; display: block; float: right; margin: 0 4px 0 0; font-size: 11px;}
span.artist-links a span { display: none; position: absolute;}

span.artist-links .icon_holder.myspace, span.artist-links .icon_holder.Myspace, span.artist-links .icon_holder.MySpace, span.artist-links .icon_holder.MYSPACE {
background:transparent url(/images/icons/16x16/icons.png) no-repeat scroll -32px 0;}

span.artist-links .icon_holder.youtube, span.artist-links .icon_holder.Youtube {
background:transparent url(/images/icons/16x16/icons.png) no-repeat scroll -48px 0;}

span.artist-links .icon_holder.itunes, span.artist-links .icon_holder.iTunes {
background:transparent url(/images/icons/16x16/icons.png) no-repeat scroll -64px 0;}

span.artist-links .icon_holder.amazon, span.artist-links .icon_holder.Amazon {
background:transparent url(/images/icons/16x16/icons.png) no-repeat scroll -80px 0;}

span.artist-links .icon_holder.wikipedia, span.artist-links .icon_holder.Wikipedia,span.artist-links .icon_holder.Wiki {
background:transparent url(/images/icons/16x16/icons.png) no-repeat scroll -16px 0;}

span.artist-links .icon_holder.official {
background:transparent url(/images/icons/16x16/icons.png) no-repeat scroll 0 0;}

div.officialSite {position: absolute; background: url(/images/hdrs/hdr_officialsite.png) no-repeat; width:126px; height:39px; top: 275px; left: 670px;}
div.officialSite a {width: 120px; height: 30px !important; display: block !important;}
div.officialSite span {text-indent: -9999px; display: none}


/********* USER / PROFILE / REGISTER ****************** */
a.s_avatar {background-color: transparent;}
.pg-user #profile {width: 250px;}
.pg-user #profile .s_avatar {width: 200px; height: 200px;}
.pg-user .s_items th {background: #333;}



/***************************** MISC settings ************************************/
span.pageTotal {height:18px;}
/*table.toolbar {position:absolute; z-index:10;}*/
div.s_gmap_detail {color:#000;}
div.s_gmap_detail a {color:#990000;}


body.pg-ringtones li.s_track {clear: both; margin-bottom: 3em; margin-top: 2em;} /* ringtones */ 
body.pg-media img.image {margin-right:10px;}

/* footer */
div#global-chrome-content {
	background:url(/images/footer_bg.jpg) repeat-x top center; 
	width:100%; 
	height:auto;
	}

#ft {
	text-align:left;
	width:950px;
	margin:0 auto;
	height: 150px;
	padding-top:40px;
	}

#ft-nav {float: right; font-size: 12px;}
#ft-nav ul {margin-top: 30px;}
#ft-nav li { list-style-type: none; float: left; display: inline; font-weight: bold;}
#ft-nav a {padding: 0 7px;}
#ft-nav #nav-rss {background: url(/images/icon_rss_16x16.gif) no-repeat 7px 0px;}
#ft-nav #nav-rss a {padding: 0 7px 0 27px;}

#ft-logos { font-size: 11px;}
#pos-bot {width:750px; margin:0 auto 5px auto; float:none !important;}
img#logo_dgc {float:left; margin:20px 10px 0 300px;}