/* CSS */ /* Global reset -----------------------------------------------------------------------------*/ html,body { margin: 0; padding: 0; border: none;background: #000000; background-image: url(../images/bg.jpg); } body { font-family: Tahoma, Arial, sans-serif; font-size: 11px; overflow:auto;} :link,:visited { text-decoration:none; outline:none; border:none; } ul,ol { list-style:none } h1,h2,h3,h4,h5,h6, pre,code { font-size:1em; } ul,ol,li,h1,h2, h3,h4,h5,h6,pre, form,body,html,p, blockquote,fieldset, input { margin:0; padding:0 } a img,:link img, :visited img { outline:none; border:none; } address { font-style:normal } img {vertical-align: top; } input, textarea, select { font-family: Tahoma, Arial, sans-serif; font-size: 11px; } select { padding: 0; } a, a:link, a:hover, a:visited { text-decoration: none; color: #959595; outline:none; border:none; } a:hover { text-decoration: none; color:#10bdf1; outline:none; border:none; } p { padding: 0 0 8px 0; margin: 0; } h1 { color:#10bdf1;} div.clear { clear: both; } /* Header -----------------------------------------------------------------------------*/ #header { width: 954px; height: 76px; } #header_spacer { height:10px;} .minilogo1 a, .minilogo2 a, .minilogo3 a { text-decoration:none; border:0; } /* Navigation -----------------------------------------------------------------------------*/ #menu_bar { width: 959px; height: 39px; margin-bottom:6px; } #menu { width: 959px; height: 33px; } #menu a { outline: none; } a#nav-1, a#nav-1_sel { width: 105px; height: 33px; background-image: url(../images/menu.jpg); display: block; text-decoration: none; float: left; } a#nav-1 { background-position: 0px 0; } a#nav-1:hover, a#nav-1_sel { background-position: 0px 33px; } a#nav-2, a#nav-2_sel { width: 85px; height: 33px; background-image: url(../images/menu.jpg); display: block; text-decoration: none; float: left; } a#nav-2 { background-position: -105px 0; } a#nav-2:hover, #nav-2_sel { background-position: -105px 33px; } a#nav-3, a#nav-3_sel { width: 100px; height: 33px; background-image: url(../images/menu.jpg); display: block; text-decoration: none; float: left; } a#nav-3 { background-position: -190px 0; } a#nav-3:hover, #nav-3_sel { background-position: -190px 33px; } a#nav-4, a#nav-4_sel { width: 110px; height: 33px; background-image: url(../images/menu.jpg); display: block; text-decoration: none; float: left; } a#nav-4 { background-position: -290px 0; } a#nav-4:hover, #nav-4_sel { background-position: -290px 33px; } a#nav-5, a#nav-5_sel { width: 130px; height: 33px; background-image: url(../images/menu.jpg); display: block; text-decoration: none; float: left; } a#nav-5 { background-position: -400px 0; } a#nav-5:hover, #nav-5_sel { background-position: -400px 33px; } a#nav-6, a#nav-6_sel { width: 90px; height: 33px; background-image: url(../images/menu.jpg); display: block; text-decoration: none; float: left; } a#nav-6 { background-position: -530px 0; } a#nav-6:hover, #nav-6_sel { background-position: -530px 33px; } a#nav-7, a#nav-7_sel { width: 140px; height: 33px; background-image: url(../images/menu.jpg); display: block; text-decoration: none; float: left; } a#nav-7 { background-position: -620px 0; } a#nav-7:hover, #nav-7_sel { background-position: -620px 33px; } a#nav-8, a#nav-8_sel { width: 110px; height: 33px; background-image: url(../images/menu.jpg); display: block; text-decoration: none; float: left; } a#nav-8 { background-position: -760px 0; } a#nav-8:hover, #nav-8_sel { background-position: -760px 33px; } a#nav-9, a#nav-9_sel { width: 89px; height: 33px; background-image: url(../images/menu.jpg); display: block; text-decoration: none; float: left; } a#nav-9 { background-position: -870px 0; } a#nav-9:hover, #nav-9_sel { background-position: -870px 33px; } /* Pagination -----------------------------------------------------------------------------*/ .pagination { text-align:left; padding:10px; background:repeat-x url(../images/header_head.jpg); } .selectedCSS { background:#10bdf1; color:#FFF; padding-top:0px; padding-bottom:2px; padding-left:5px; padding-right:5px; font-weight:bold; } a.numbersCSS { padding-top:1px; padding-bottom:1px; padding-left:5px; padding-right:5px; } a.numbersCSS:hover { padding-top:1px; padding-bottom:1px; padding-left:5px; padding-right:5px; } a.nextPrevCSS { padding-top:1px; padding-bottom:1px; padding-left:5px; padding-right:5px; } a.nextPrevCSS:hover { padding-top:1px; padding-bottom:1px; padding-left:5px; padding-right:5px; } /* Homepage -----------------------------------------------------------------------------*/ #wrapper { margin:0 auto; width: 990px;} #wrapper-bottom { margin:0 auto; width: 990px; height:80px; } #container { width: 959px; margin:0 auto; } #page_content { width:959px; margin-top:6px; } #home_img { width:767px; height:220px;} #head_left { float:left; margin-bottom:20px;} #head_right { float:right; display:inline; margin-bottom:20px;} #large_logo { display:inherit; float:right; height:329px; background: url(../images/logo.png)} #page_img { display:inherit; float:right; height:55px;} #player_content { width:186px; height:149px; margin:0; padding:0; background: #ffffff no-repeat top left url(../images/player_bg.jpg) } #podcast { width:186px; height:26px; margin:0; padding:0; background: #e4e4dc } #col2_img { width:186px; height:133px; margin:0; padding:0; background: #e4e4dc; margin-bottom:4px; } #col2_event { width:186px; height:180px; margin:0; padding:0; background: #000; margin-bottom:5px; } #quick_links { width:186px; height:120px; margin:0; padding:0; background: #e4e4dc; margin-bottom:5px; } #newletter { width:186px; height:76px; margin:0; padding:0; background: #e4e4dc no-repeat url(../images/newsletter_bg.jpg)} #column1 { width:767px; float:left; overflow:hidden;} #column2 { width:186px; float:left; padding-left:6px; overflow:hidden;} #column3 { width:953px; float:left; overflow:hidden;} #latest_head img { position:absolute; margin-top:6px; z-index:100;} #event_head img { position:absolute; margin-top:6px; z-index:101;} #home_row1 { width:680px; height:220px; float:left; background-color: #121212; overflow:hidden; padding:10px;} #home_row2 { width:680px; height:243px;float:left; background-color: #121212; overflow:hidden;} #home_news { width:350px; height:241px; margin-right:5px; background-color: #121212; margin-bottom:5px; margin-top:4px} #home_schedule { width:350px; height:240px; margin-right:5px; background-color: #121212; overflow:hidden} #schedule_scroller { width: 330px; height: 186px; overflow: auto; position:relative;} #sub_tmpl_scroller { width: 500px; height: 460px; overflow: auto; position:relative; margin:10px;} #sub2_tmpl_scroller2 { width: 460px; height: 460px; overflow: auto; position:relative; margin:10px;} #sub2_tmpl_scroller { width: 670px; height: 460px; overflow: auto; position:relative; margin:10px;} .radio_item_wrapper { width: 630px; height: 200px; margin:10px; background-color:#000; padding:5px;} .radio_item_scroller{ width: 600px; height: 178px; overflow: auto; position:relative; margin:10px; background-color:#000;} #sub_tmpl_col2 {} /* Left Column Boxes -----------------------------------------------------------------------------*/ #player_header { width:190px; height:35px;} #radio_show_header { width:190px; height:35px; background-image: url(../images/title_radio_show.jpg); } #radio_show_image { width:180px; height:129px; margin-left:9px; margin-right:8px; } #radio_show_content { height:17px; margin-left:8px; margin-right:8px; padding-left:3px; padding-top:5px; padding-bottom:5px; } #partners_header { width:190px; height:35px; background-image: url(../images/title_partners.jpg); } #partners_content { width:180px; height:49px; background-color:#D8D8D8; margin-left:9px; margin-right:8px; } #demos_header { width:190px; height:35px; background-image: url(../images/title_demos.jpg); } #demos_content { width:180px; height:45px; background-color:#D8D8D8; margin-left:9px; margin-right:8px; padding-left:3px; padding-top:3px; } /* Right Column Boxes */ #forum_header { width:190px; height:35px; background-image: url(../images/title_forum.jpg); } #forum_content { width:181px; height:167px; background-color:#D8D8D8; padding:3px; margin-left:3px; margin-right:8px; } #quick_links_header { width:175px; height:26px; } #quick_links_content{ width:175px; height:157px; } #quick_links_container { margin-bottom:15px;} #middle_news { width: 125px; height: 177px; float: left; padding-left:5px } #top_right { width: 264px; height: 177px; float: left; padding-left:5px; } div.top_right_content { width: 260px; padding: 0 5px;} div.right_content { width: 180px; padding: 0 5px;} div.ttl { color: #7a7a7a; font-size: 13px; letter-spacing: -0.5px; } div.news_title, div.right_text { color: #FFFFFF; font-size: 15px; padding-top:5px; } div.right_top_content { padding: 5px 0 15px 0; } div.news_date { height:25px; font-size:14px; color:#485FA2;} div.title_right { width: 172px; height: 21px; background: #000 url(../images/bg_pagetitle_bar.jpg) top center repeat-x; font-size: 13px; color: #ffffff; padding: 6px 0 0 7px; font-weight: bold; text-align:center } /* HOME PAGE ---------------------------------------------------------------------------------*/ #top_img { width: 545px; height: 180px; float: left; margin-bottom:15px; } #content_wrapper { } #content_item1 { width: 265px; height:234px; float:left; background:url(../images/news_2row_bg.gif); position:relative; } #content_item2 { width: 265px; height:234px; float:left; margin-left:15px;} #content_item3 { width: 265px; height:110px; margin-bottom:14px; background-image:url(../images/news_bg.gif); display:block; overflow:hidden; } #content_item4 { width: 265px; height:110px; background-image:url(../images/signup_bg.gif) } #content_image { width: 130px; height:130px; } #content_type { color:#3981F9; padding:5px; font-weight:bold; font-size:10px; } #content_title { font-weight:bold; padding:5px 5px 0px 5px; } #content_text { padding:5px; } #content_link { padding-left:5px; position:absolute; top: 707px; } #release { width:190px; background-image:url(../images/release_bg.gif); background-repeat:no-repeat; height:305px;padding:5px 10px 10px 10px; position:relative; } #release_header { width:190px; margin-bottom:5px; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; } #release_container { margin-bottom:15px;} #release_image { margin-bottom:3px; } #release_type { color:#3981F9; padding:5px; font-weight:bold; font-size:10px; } #release_title { width:156px; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#fff; margin-bottom:3px; } #release_artist { width:156px; color:#000; margin-bottom:5px; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; } #release_text { padding:5px; } #release_label { color:#000; font-weight:bold; margin-bottom:3px; margin-top:10px;} #release_date {color:#000} #release_link { padding-left:5px;} #release_buy_button { position:absolute; bottom:20px; left:115px;} #release_more_link { color:#000; position:absolute; bottom:20px; } #release_more_link a{ color:#000;} #release_more_link a:hover{ color:#fff;} .news_item_divider { width:330px; clear:both; border-bottom:#4a4b4f dashed 1px; margin: 0 10px; } #news_header, .discography_line { color:#fff; font-size:12px; line-height:18px; } #discography_header, #schedule_header { color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; padding:5px 5px 5px 10px; margin-bottom:5px; } .schedule_content { color:#ecede5; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:5px 5px 5px 10px;} .news_item_img img { height:106px; width:251px; float:left; overflow:hidden; } .news_item_wrapper { height:67px; overflow:hidden;} .news_item_content { color:#fff; padding:5px 10px 5px 10px; } .news_item_date, .news_item_date a { color:#ffffff; font-size:10px; padding:3px 0 3px 10px; } .news_item_date a { font-style:normal; } .news_item_title { color:#ecede5; font-weight:bold; padding-left:10px;} .news_item_title a { color:#10bdf1; font-weight:bold; padding-top:5px;} .news_more_link { position:absolute; bottom:5px; left:190px; } .news_more_link a { color:#feee00;} .news_more_link a:hover{ color:#fff;} .promo_img img { border:0; padding-right:10px; float:left; } .promo_content { color:#ecede5; float:left; display:block; } .promo_title { color:#ecede5; font-size:14px; font-weight:bold; padding-bottom:10px;} #event_header { color:#feee00; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; padding:10px; padding-top:5px;} #event_desc { color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; padding:0 10px;} #event_date { color:#feee00; margin-top:5px; font-weight:bold } #event_item_img img { border:#feee00 solid 1px; margin:5px; float:left; margin-right: 10px; height:98px; width:98px; } /* SUB PAGES ------------------------------------------------------------------------------*/ div.title_news { font-size: 13px; padding: 6px 0 5px 0; font-weight: bold; color:#10bdf1; border-bottom:#fff solid 1px; margin-bottom:5px; } div.page_title { font-size: 13px; padding: 6px 0 0 7px; font-weight: bold; color:#FFF; } div.page_sub_menu { width:100%; height:30px; font-size: 13px; padding-top:5px; text-align:center } .table_row { color:#10bdf1;} .table_cell { padding:5px; border-bottom:1px solid #fff; } /* Listing Page Styles -----------------------------------------------------------------------------*/ .list_item { margin:0 0 6px 0; padding:5px; width:757px; height:100px; background: bottom repeat-x url(../images/details_body.jpg);} .list_item2 { margin:6px 0 0 0; padding:5px; width:757px; height:120px; background: bottom repeat-x url(../images/details_body.jpg);} .list_header { color: #10bdf1; font-size: 13px; font-weight:bold; padding-bottom:2px; } .list_date { color:#ffffff; font-size:11px; } .list_text { color:#ffffff;} .list_img { } .list_link { font-size:10px; font-weight:bold; color:#ffffff; text-align:right; padding-right:5px; } img.list_img { border:0; } .news_list_item { margin:0 0 6px 0; padding:5px; width:757px; height:124px; background: bottom repeat-x url(../images/details_body.jpg);} /* Details Page Styles -----------------------------------------------------------------------------*/ .detail_item { padding:5px; width:757px; min-height:597px; background: #080808 bottom repeat-x url(../images/details_body.jpg); padding-bottom:20px; } .detail_item2 { padding:10px; width:750px; min-height:557px; background: #080808 bottom repeat-x url(../images/details_body.jpg); padding-bottom:20px; } .detail_header { color:#10bdf1; font-size: 13px; font-weight:bold; } .detail_date { color:#ffffff; font-size:11px; font-weight:bold; padding:5px;} .detail_text { color:#ffffff; padding:5px; font-size:12px; line-height:18px;} .detail_img { margin-right:5px; padding-top:5px; } .detail_link { padding-top:15px; } img.detail_img { border:0; } /* Forms -----------------------------------------------------------------------------*/ .form_input { border:0px; font-size:11px; padding:4px; width:235px;} .contact_fields { padding: 4px 4px; height:18px; font-size:14px; } .contact_drop_down { padding: 0px 0px; height:18px; font-size:12px; } .email_sent_msg { width:400px; height:25px; text-align:center; padding-top:11px; font-weight:bold; font-size:13px; } /* Footer -----------------------------------------------------------------------------*/ #footer { margin: 0 auto 6px auto; width: 959px; text-align:right; background: bottom repeat-x url(../images/details_body.jpg);} #footer_content { float:left; margin-top:5px; } #footer_img_logo { display:inline-block; float:left; height:45px; margin-top:10px;} #filler { padding-left:75px;} #copyright { float:right; padding:5px 5px 0 0; } .discog_header { color:#000; height: 21px; font-size: 13px; padding: 6px 0 0 7px; font-weight:bold; } .biog_text { color:#000; font-size:12px; padding:5px; line-height:18px; } #newsletter_signup { width:186px; height:220px; display:inline-block; float:left; } #mailing_list_form { width:166px; height:220px; float:left;padding:5px; margin-top:5px; } #mailing_list_text { width:166px; color:#FFF; font-weight:bold; float:left; padding:0 0 7px 5px; margin-left:-4px; color:#10bdf1; } #mailing_list_email, #mailing_list_name, #mailing_list_country{ margin-left:4px; color:#FFF;} #mailing_list_button{ margin-left:4px; } .mailing_list_input { border:0; color: #6a6b66; width:155px; padding:2px;margin-bottom:4px;} /* homepage column 2 -----------------------------------------------------------------------------*/ #newsletter_header { width:186px; height:29px; background-image: url(../images/newsletter_head.jpg); } #newsletter_content { width:186px; height:191px; background-image: url(../images/newsletter_body.jpg); } #player_header { width:186px; height:28px; background-image: url(../images/player_head.jpg); margin-top:6px; } #player_content { width:186px; height:149px; background-image: url(../images/player_body.jpg); } #twitter_header { width:186px; height:28px; background-image: url(../images/twitter_head.jpg);margin-top:6px ;} #twitter_content { width:176px; height:175px; background-image: url(../images/twitter_body.jpg);padding:5px;} /* homepage news row -----------------------------------------------------------------------------*/ #news_row { width:768px; height:213px; margin-top:6px; margin-right:5px; } .hp_news_box { float:left; height:213px; width:252px; overflow:hidden;} .hp_news_img { margin:0;padding:0;width:251px; height:106px; background-color:#000; } .hp_news_body { width:235px; height:91px; background-image: url(../images/news_body.jpg); padding:8px; } .spacer2 { float:left; height:213px; width:6px; } /* homepage releases row -----------------------------------------------------------------------------*/ #releases_row { width:767px; height:180px; margin-top:6px; } #releases_scroller { width:509px; height:149px;float:left; margin-right:6px; oveflow:hidden; } #releases_head { width:509px; height:28px;float:left; background-image: url(../images/releases_head.jpg); } #releases_body { width:509px; height:149px;float:left; background-image: url(../images/releases_body.jpg); } #soundcloud { width:252px; height:84px; float:left;margin-bottom:5px; } #quick_links { width:252px; height:88px; float:left; } h1 { margin:0 6px 0 0; width:767px; height:29px; color:#fff; text-transform:uppercase; font-size:12px; font-weight:bold; padding:7px 0 0 10px; background:repeat-x url(../images/header_head.jpg);} /* hide twitter widgets header and footer -----------------------------------------------------------------------------*/ .twtr-ft div, .twtr-hd { display:none;} #contact_line { color:#959595};