body p {font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#333333; line-height:24px;} #bd {width: 990px;} .container {width: 990px;} #secondary {margin-top:40px;} .append-half {padding-right: 20px;} .prepend-half {padding-left: 20px;} #secondary img {max-width: 300px;} #hd { position:relative; height: 290px; display: block; } a#logo { width:187px; height:20px; background:url(/images/logo-sm.png) no-repeat; border:0; outline:0; text-indent:-9999em; cursor:pointer; display:block; margin:5px 0 0 20px; } #player-flash { position:absolute; z-index:5; left:250px;} h1, h2, h3, h4, h5 { text-decoration:none; font-weight:bold; color:#000; } h2 a, h2 a:visited {text-decoration: none !important;} h3 {margin-bottom: .25em;} h3.s_headline, h3 a:link, h3 a:visited { margin-bottom: 10px; margin-top: 15px; line-height: 1.1; font-size: 24px; color: #000} h3.s_headline a:hover { text-decoration: none; color: #000;} .s_channel h4 {padding-top: 6px;} #secondary h4 a { font-size: 20px; text-transform: uppercase; color: #663333;} #secondary h4 { border-bottom:thin solid #ff6666; color:#663333; font-size:20px; text-transform:uppercase; margin-bottom:5px; } /* default_styling -- hello world */ .s_channel{margin: 1em 0;} .s_items{margin: 1em;} .s_item { margin: 1em 0; } #primary embed, #primary object {max-width: 440px;} .s_paging {padding-top: 25px; display: block; float: none;} dl, dt {float: left;} dd {margin-left: 7px;} p.formats {margin: 0; padding: 0;} div#s_twitter div.image {display:none;} th {text-align:left;} td.s_filter form {text-align:right; } h4 a img {float: none; display: block;} .s_block {display: block;} #primary .s_byline {border-top: solid thin #b1b1b1; border-bottom: solid thin #b1b1b1; margin-bottom: 10px; padding: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;} #primary .s_byline span { color: #f88080;} /*=== top navigation ===*/ div#navigation {position:absolute; z-index:10; left:100px; background:url(/images/bg-nav-saint.jpg) no-repeat; height: 40px; width: 590px;} body.pg-home div#navigation {top:385px;} /* #tabsCustom a { float:left; background:url(/images/tab_left.png) no-repeat; _background:url(/images/tab_left_IE6.gif) no-repeat; background-position:0% -100px; margin:0; padding:0 0 0 6px; text-decoration:none; margin:0 5px 0 0; } #tabsCustom a:hover{background-position:0% -50px !important;} #tabsCustom a span { float:left; display:block; background:url(/images/tab_right.png) no-repeat; _background:url(/images/tab_right_IE6.gif) no-repeat; background-position:100% -100px; padding:8px 15px 8px 6px; color:#4C3B20; } #tabsCustom a:hover span {background-position:100% -50px !important; color:#000;} */ /* /* NAVIGTAION = = = = = = = = = = = = = = = = = */ 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 {display: none} #top-nav a {height: 25px; display: block;} /* hover */ .pg-home #top-nav a.nav-home, #top-nav a.nav-home:hover {width: 60px; background: url(/images/nav-saint.png) no-repeat 0px -25px;} .pg-blog #top-nav a.nav-blog,#top-nav a.nav-blog:hover {width: 110px; background: url(/images/nav-saint.png) no-repeat -60px -25px;} .pg-events #top-nav a.nav-events,#top-nav a.nav-events:hover {width: 74px; background: url(/images/nav-saint.png) no-repeat -170px -25px;} .pg-photos #top-nav a.nav-photos,#top-nav a.nav-photos:hover {width: 80px; background: url(/images/nav-saint.png) no-repeat -244px -25px;} .pg-media #top-nav a.nav-media,#top-nav a.nav-media:hover {width: 70px; background: url(/images/nav-saint.png) no-repeat -324px -25px;} .pg-discography #top-nav a.nav-discography,#top-nav a.nav-discography:hover {width: 62px; background: url(/images/nav-saint.png) no-repeat -394px -25px;} .pg-bio #top-nav a.nav-bio,#top-nav a.nav-bio:hover {width: 66px; background: url(/images/nav-saint.png) no-repeat -456px -25px;} .pg-forum #top-nav a.nav-forum,#top-nav a.nav-forum:hover {width: 150px; background: url(/images/nav-saint.png) no-repeat -645px -25px;} /* Commented Backslash Hack hides rule from IE5-Mac \*/ #navCustom a span {float:none;} body.pg-home #tabsCustom a.nav-home, body.pg-news #tabsCustom a.nav-news, body.pg-photos #tabsCustom a.nav-photos, body.pg-media #tabsCustom a.nav-media, body.pg-discography #tabsCustom a.nav-discography, body.pg-events #tabsCustom a.nav-events, body.pg-forum #tabsCustom a.nav-forum, body.pg-bio #tabsCustom a.nav-bio{background-position:0% 0px !important;} body.pg-home #tabsCustom a.nav-home span, body.pg-news #tabsCustom a.nav-news span, body.pg-photos #tabsCustom a.nav-photos span, body.pg-media #tabsCustom a.nav-media span, body.pg-discography #tabsCustom a.nav-discography span, body.pg-forum #tabsCustom a.nav-forum span, body.pg-bio #tabsCustom a.nav-bio span, body.pg-events #tabsCustom a.nav-events span {background-position:100% 0px !important; color:#000;} #biography {width:310px; height:388px; text-indent:-9999em; background:url(/images/biography.gif) no-repeat;} /* ---------------------------------------------------------------- P R I M A R Y C O N T E N T -------------------------------------------------------------- */ #primary object, #primary embed, #primary img { max-width:440px; } .s_item:first-child h3{margin-top:50px;} /* NEWS */ #s_news .s_items {margin-top: -20px;} #s_news .s_byline .s_date { background: url(/images/bg-date.png) no-repeat; display:block; font-family:tilden-sans-light-1,tilden-sans-light-2,serif; height:70px; left:-50px; padding:4px 2px; position:absolute; top:20px; width:70px !important; z-index:3; } #s_news .s_byline .s_month { background:none; border:medium none; color:#fff; display:block; left:24px; line-height:30px; position:absolute; top:37px; } #s_news .s_byline .s_day {background:none; border:medium none; color:#fff; display:block; font-size:36px; left:17px; line-height:25px; margin-top:18px; position:absolute; text-align:center; top:0; z-index: 100; width:40px;} #s_news .s_byline .s_year {display: none;} /* BIO */ .s_artist_name {display: none;} #s_artistbio .s_item {background:none repeat scroll 0 0 white; margin-top:-20px; padding:20px; border: solid #d5d5d5;} /* EVENTS */ #s_events .s_item {background:none repeat scroll 0 0 white; margin-top:-20px; padding:20px; } /* PHOTOS */ #s_gallery .s_items { background:none repeat scroll 0 0 white; margin-top:-20px; padding:20px; border:solid #d5d5d5;} .pg-photos.summary .s_byline {margin-left: 130px;} /* Media */ #s_media .s_items {background:none repeat scroll 0 0 white; margin-top:-20px; padding:20px; border: solid #d5d5d5;} #s_player .s_items { background:none repeat scroll 0 0 white; margin-top:-20px; padding:20px; border: solid #ccc;} .pg-media.summary .s_byline {margin-left: 130px;} /* Music */ #s_discography .s_items {background:none repeat scroll 0 0 white; margin-top:-20px; padding:20px; border: solid #d5d5d5;} #s_discography .s_item {position: relative;} #s_discography .s_byline { margin-left: 210px; display: none;} #s_discography .clearfix {display: block; clear: both;} #s_discography dd {width: 200px;} #primary #s_discography a.ts_buttonlink {margin: 12px 0; position: absolute; top: 100px; right: 55px;} #sampler {float: none; clear: both;} #sampler .cover {border: 1px solid #555;} #sampler .price {font-size: 32px; font-weight: bold;} #sampler h3 {padding: 0; margin: 0;} #sampler p, #sampler ol {margin:0; padding:0; font-family:Arial, Helvetica, sans-serif;} #sampler ol {margin-left: 30px; float: left} /* EVENTS */ #s_events { background:none repeat scroll 0 0 #fff; border:medium solid #CCCCCC; margin-top:-20px; padding:20px; width:450px;} /* ---------------------------------------------------------------- M E M B E R S H I P + C O M M U N I T Y ---------------------------------------------------------------- */ .login-wrap {background: #000; width: 100%;} .module-login {background: #000; height: 40px; padding: 4px; width:800px; margin-left: 200px; position: relative; color: #fff;} .module-login #s_membership {height: 23px !important; position: absolute; top: 5px; margin-left:300px; width: 500px; } .module-login #s_membership .guest {position: absolute; top: 0; right: 10px; width:170px; height: 23px !important; overflow:hidden; background-color: #000;} .module-login #s_membership .guest span {display: none;} .module-login #s_membership .guest a {display: block; text-indent: -9999px; margin-right: 1px;} .module-login #s_membership a#link_join { width: 50px; height: 23px; background: url(/images/bg_login.gif) no-repeat 0 0; float: left;} .module-login #s_membership a#link_join:hover { background-position: 0 -23px;} .module-login #s_membership a#link_login { width: 115px; height: 23px !important; background: url(/images/bg_login.gif) no-repeat -53px 0; text-indent:-9999px; float: right} .module-login #s_membership a#link_login:hover { background-position: -53px -23px;} .module-login #s_membership .member {float:right; margin-right:-60px; width:300px;} .module-login #s_membership .s_settings {padding-left: 10px;} div.profile .s_item {margin: 0 10px 15px 10px; background: #FFF; padding: 10px; margin-bottom: 12px;} /* btn */ .btn * {background-image: url(/images/btn_bg_fff.png); height:20px;} a.btn, a:visited.btn {color:#fff; background-color:#000; text-decoration:none; font-weight:bold;} a:hover.btn {color: #000; background-color: #ad9f96;} /* end: btn */ /* google search */ form#cse-search-box { height:30px; padding:0px; margin:0 0 15px;position:relative; width:310px;} input#google_input {margin:4px 0 0 8px; width:205px; border:1px solid #8a6621 !important; line-height:100%;} input#google_submit { position:absolute; top:0px; left:225px; z-index:10; display:block; width:74px; height:30px; outline:0; border:0; text-indent:-9999em; font-size:1px; /* for IE */overflow:hidden; background: url(/images/google_search.gif) no-repeat; } input#google_submit:hover { background-position:0 -30px; cursor:pointer;} #search_box {background: url(/images/google_input.gif) no-repeat top left; margin:0 0 0 680px;} body.pg-home #s_news img.image {display:none;} body.pg-home #s_news p.s_byline {margin-bottom:5px;} body.pg-home #s_media h3 {clear:both;} /* twitter */ #s_twitter ul { list-style-type:none; font-size:13px; font-weight:bold; padding:95px 0 0 20px; line-height:100%;} #s_twitter ul a { font-size:11px;} #twitter-link { position:absolute; top:60px; left:105px; z-index:10;display:block; width:152px; height:19px; outline:0; border:0; text-indent:-9999em;overflow:hidden; background: url(/images/btn_twitter.gif) no-repeat; } #twitter-link:hover { background-position:0 -19px;} #s_twitter .s_channel h3 {display: none;} .s_twitter .s_item, #s_twitter .s_item {background: none; border-bottom: 1px solid #ccc; padding-bottom: 7px; float:none} .s_twitter h3, .s_twitter_followers {display: none;} #s_twitter .s_avatar {background:#d7e1e3 url(/images/twit-follow.jpg) no-repeat top right; border: 4px solid #ccc; width: 300px; height: 70px;} #Tweet_Container .s_avatar img {width:70px; height:65px; margin:3px 0 0 5px;} p.s_byline {margin: 0;} p.s_copy {margin: 0px;} #Tweet_Container p.s_byline {margin-left: 0px;} /* footer */ #ft-wrap {background: #afbfc1; width: 100%; height: 180px;} #ft {background: #afbfc1; width:970px; margin:0 auto; padding-top:10px;} #ft a {color:#fff;} #ft-logos {float:right; margin-right:40px;} /* nav */ #ft-nav ul { list-style-type:none; margin:30px 0 0px 20px; padding:0 0 20px 0; display:block; float:left;} #ft-nav ul li, #ft-nav ul li a {float:left; display:inline; padding-right:5px; font-weight:bold; text-decoration:none; color:#FFF9E9; text-transform:uppercase; font-size: 10px!important; } #ft-nav ul li a:hover { text-decoration:underline; } /* default page */ .pg-home #s_player {margin-top:20px;} .pg-home .s_embed {padding-top:10px;} .pg-home #s_player .s_comments_links {display:none;} #s_player .s_comments_alternative {display:none;} .pg-home #s_player .s_comments_alternative {display:block;} .pg-home #s_player p {display:none;} .pg-home #s_player h3.s_title {margin:0 0 20px 65px; padding-top:10px;} .pg-home #s_player .s_item {position:relative;} .s_comments_alternative {padding:0 5px 5px 5px; position:absolute;z-index:2;top:0px; left:0px; width:50px; height:40px; color:#000; text-align:center;text-decoration:none !important; background:url(/images/tab_right.png) no-repeat;_background:url(/images/tab_right_IE6.gif) no-repeat; background-position:100% -100px;} .s_comments_alternative span{ color:#000;} .s_comments_number { font-size:25px; display:block; font-weight:bold; line-height:25px; padding:2px 0 0 0;} .s_comments_alternative .s_text { font-size:10px;line-height:100%;} .pg-home #s_news p.s_byline {display:none;} /* === USER / PROFILES / FORUM === */ .pg-user #s_profile .s_avatar, .pg-user #profile .s_avatar { width: 300px; height: 250px;} .pg-user #primary {width: 880px;} .pg-user #profile a.s_avatar {width: 200px; height: 200px; background-repeat: no-repeat} /* members panels */ .ui-tabs-hide {display:none;} #tabs .show_all{float:right; margin-right:15px;} /* google search */ #cse-search-box {margin-bottom:10px;} #google_input {float:left;} body.pg-home #s_events h4 span.s_events_up_arch {display: none;} .address1, .address2, .zip {display: block;} p.sharethis {font: normal 9px Verdana, Arial, Helvetica; clear: both; color: #555; margin-top: 20px;} /* lyrics */ body.pg-ringtones li.s_track {clear: both; margin-bottom: 3em; margin-top: 2em;} /* ringtones */ span.pageTotal {height:18px;} #beatsbydre { display: block;} #primary span img {margin-left:30px; margin-top: 10px;} #s_news span img { height:40px; margin-left:30px; margin-top:10px; position:relative; z-index:100;}