/* CSS */ /* Global reset -----------------------------------------------------------------------------*/ html,body { margin: 0; padding: 0; border: none;background: #000; background:#000 center top no-repeat url(../images/main_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: #ff0000; outline:none; border:none; } a:hover { text-decoration: none; color:#000; outline:none; border:none; } p { padding: 0 0 8px 0; margin: 0; } h1 { color:#00cdfc;} div.clear { clear: both; } /* Header -----------------------------------------------------------------------------*/ #header { width: 867px; height: 63px; display:inline; overflow:hidden;} #header_spacer { height:40px;} .minilogo1 a, .minilogo2 a, .minilogo3 a { text-decoration:none; border:0; } /* Navigation -----------------------------------------------------------------------------*/ #menu_bar { width: 867px; height: 39px; margin-bottom:6px; } #menu { width: 867px; height: 31px; } #menu a { outline: none; } a#nav-1, a#nav-1_sel { width: 67px; height: 34px; 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 34px; } a#nav-2, a#nav-2_sel { width: 96px; height: 34px; background-image: url(../images/menu.jpg); display: block; text-decoration: none; float: left; } a#nav-2 { background-position: -67px 0; } a#nav-2:hover, #nav-2_sel { background-position: -67px 34px; } a#nav-3, a#nav-3_sel { width: 79px; height: 34px; background-image: url(../images/menu.jpg); display: block; text-decoration: none; float: left; } a#nav-3 { background-position: -163px 0; } a#nav-3:hover, #nav-3_sel { background-position: -163px 34px; } a#nav-4, a#nav-4_sel { width: 181px; height: 34px; background-image: url(../images/menu.jpg); display: block; text-decoration: none; float: left; } a#nav-4 { background-position: -242px 0; } a#nav-4:hover, #nav-4_sel { background-position: -242px 34px; } a#nav-5, a#nav-5_sel { width: 76px; height: 34px; background-image: url(../images/menu.jpg); display: block; text-decoration: none; float: left; } a#nav-5 { background-position: -423px 0; } a#nav-5:hover, #nav-5_sel { background-position: -423px 34px; } a#nav-6, a#nav-6_sel { width: 106px; height: 34px; background-image: url(../images/menu.jpg); display: block; text-decoration: none; float: left; } a#nav-6 { background-position: -499px 0; } a#nav-6:hover, #nav-6_sel { background-position: -499px 34px; } a#nav-7, a#nav-7_sel { width: 70px; height: 34px; background-image: url(../images/menu.jpg); display: block; text-decoration: none; float: left; } a#nav-7 { background-position: -605px 0; } a#nav-7:hover, #nav-7_sel { background-position: -605px 34px; } a#nav-8, a#nav-8_sel { width: 98px; height: 34px; background-image: url(../images/menu.jpg); display: block; text-decoration: none; float: left; } a#nav-8 { background-position: -675px 0; } a#nav-8:hover, #nav-8_sel { background-position: -675px 34px; } /* Pagination -----------------------------------------------------------------------------*/ .pagination { text-align:center; padding:10px 10px 0 10px; background-color:#2E2E30;} .selectedCSS { background:#ff0000; 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: 867px; height:719px; background:center top no-repeat url(../images/bg_panel.png); } #sub_wrapper { margin:0 auto; width: 867px; background:center top repeat-y url(../images/bg_panel2.png); } #sub_wrapper-bottom { margin:0 auto; width: 867px; height:31px; background:center top repeat-y url(../images/bg_panel2_footer.png); } #container { width: 830px; margin:0 auto; } #page_content { width:848px; } #home_img { width:830px; height:112px; margin-top:8px; position:relative;} #head_left { float:left;display:inline;} #head_right { float:right; width:386px; height:63px; display:inline; background: no-repeat url(../images/search_bg.jpg); margin-right:20px; overflow:hidden} #submenu { width: 785px; height:17px; background: no-repeat url(../images/sub_menu_bg.jpg); display:inline-block;} #submenu a { text-transform:uppercase; font-size:9px; color:#FFF;} #submenu a:hover { color:#ff0000; } #sublink { float:right; margin:1px 45px 0 0; } #large_logo { display:inherit; float:right; height:329px; background: url(../images/logo.png);} #page_img { display:inherit; float:right; height:55px;} #podcast { width:188px; height:26px; margin:0; padding:0; background: #e4e4dc; } #col2_img { width:188px; height:133px; margin:0; padding:0; background: #e4e4dc; margin-bottom:4px; } #col2_event { width:188px; height:180px; margin:0; padding:0; background: #000; margin-bottom:5px; } #newletter { width:188px; height:76px; margin:0; padding:0; background: #e4e4dc no-repeat url(../images/newsletter_bg.jpg);} #column1 { position:releative;width:622px; float:left; overflow:hidden; background-color:#303032; margin:8px 8px 0 0;} #column1a { position:releative;width:622px; height:705px; float:left; overflow:hidden; margin:8px 8px 0 0; background: #000 repeat-x url(../images/tv.jpg); } #column1_hp { width:425px; float:left; overflow:hidden; } #column2_hp { width:420px; float:left; overflow:hidden; } #column2 { width:202px; float:left; 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: 188px; 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 -----------------------------------------------------------------------------*/ #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; } #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:#000000; 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:#000000; 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:#000000; 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 { width:204px; height:74px; overflow:hidden; padding:0; } .news_item_wrapper { height:67px; overflow:hidden;} .news_item_content { color:#ffffff; padding:0 10px 5px 5px; } .news_item_date, .news_item_date a { color:#3333333; font-size:10px; padding:3px 0 3px 10px; } .news_item_date a { font-style:normal; } .news_item_title { color:#ff0000; font-weight:bold; padding:5px;} .news_item_title a { color:#ffffff; font-weight:bold; } .news_more_link a { color:#ff0000; font-weight:bold; margin-left:5px;} .news_more_link a:hover{ text-decoration:underline;} .news_more_link img { vertical-align:middle; } .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; } #news_ticker { padding:11px 0 0 75px; width:330px; height: 15px; overflow:hidden; color:#FFF; } #ticker a { color:#FFF; } #ticker a:hover { color:#cc0000; } /* 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 { width:622px; height:31px; font-size: 13px;font-weight: bold; color:#e2e2e2; background: #ffffff no-repeat top left url(../images/main_title_bg.jpg); padding:5px 0 0 10px; } #content_footer { width:622px; height:24px; background: #ffffff no-repeat top left url(../images/main_footer_bg.jpg); } div.page_sub_menu { width:100%; height:30px; font-size: 13px; padding-top:5px; text-align:center } #page_title_text { } .table_row { color:#ffffff; } .table_cell { padding:5px; border-bottom:1px solid #999; } /* Listing Page Styles -----------------------------------------------------------------------------*/ .list_item { padding:5px; width:612px; height:80px; border-bottom: 1px solid #000; background-color:#2e2e2f; overflow:hidden;} .shop_list_item { margin:0 0 6px 0; padding:5px; width:612px; height:120px; border-bottom: 1px solid #000; background-color:#2e2e2f;} .list_header { color: #fff; font-size: 13px; font-weight:bold; padding-bottom:2px; } .list_date { color:#ff0000; font-size:11px; } .list_text { color:#fff; line-height:16px;font-family:Arial, Helvetica, sans-serif; font-size: 12px;} .list_img { } .list_link { font-size:10px; font-weight:bold; color:#ff0000; text-align:right; padding-right:6px; margin-bottom:6px; } img.list_img { margin-right:5px; } /* Details Page Styles -----------------------------------------------------------------------------*/ .detail_item { } .shop_detail_item { margin:0 0 6px 0; padding:5px; width:612px; height:100px; background-color:#2e2e2f;} .detail_header { color:#fff; font-size: 13px; font-weight:bold; margin-top:3px; padding-left:5px;} .detail_date { color:#fe0000; font-size:11px; font-weight:bold; padding:5px;} .detail_text { color:#fff; padding:5px; font-size:12px; line-height:18px;} .detail_img { margin:5px;} .news_detail_img { margin: 3px 0 5px 2px; padding-left:3px;} .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; width: 867px; text-align:right;} #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 { background:none;} #copyright img { float:right; padding:5px 5px 0 0; } #copyright p { float:left; padding:8px 0 0 10px ; color:#FFF; } .discog_header { color:#fff; height: 21px; font-size: 13px; padding: 6px 0 0 7px; font-weight:bold; } .biog_text { color:#fff; font-size:12px; padding:5px; line-height:18px; } #newsletter_signup { width:188px; height:220px; display:inline-block; float:left; } #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 { color:#FFF; display:inline-block; margin-top:8px;} #mailing_list_button{ float:right; height:16px; width:55px; text-align:center; margin-right:10px; margin-top:8px;} #mailing_list_button a {color:#fff; text-transform:uppercase; font-size:11px; font-weight:bold; } #mailing_list_button a:hover { cursor:pointer; } .mailing_list_input { border:none; color: #6a6b66; width:190px; padding:2px; margin-left:130px;} /* homepage search bar -----------------------------------------------------------------------------*/ #search_text { color:#FFF; display:inline-block; margin-top:8px;} #search_button { float:right; height:16px; width:35px; text-align:center; margin-right:94px; margin-top:7px;} #search_button a {color:#fff; text-transform:uppercase; font-size:11px; font-weight:bold; } #search_button a:hover { cursor:pointer; } .search_input { border:none; color: #6a6b66; width:190px; padding:2px; margin-left:70px;} /* homepage column 2 -----------------------------------------------------------------------------*/ #search_bar { width:406px; height:25px; margin-top:23px; display:inline-block;} #twitter_bar { width:406px; height:35px; background-image: url(../images/twitter_bg.jpg); margin-top:7px;} #player_content { width:200px; height:164px; background-image: url(../images/player_bg.jpg);background-repeat:no-repeat; float:left; margin:8px 5px 0 0; } #quick_links { width:201px; height:164px; background-image: url(../images/quicklinks_bg.jpg);background-repeat:no-repeat; float:left; margin-top:7px; } #quick_links a { color:#000; } #releases_hp { width:406px; height:165px; background-image: url(../images/latest_releases_bg.jpg);background-repeat:no-repeat; margin-top:7px;} #releases_body { width:404px; height:120px;float:left; margin-top:38px; } #newsletter_bar { width:406px; height:35px; background-image: url(../images/mailing_list_bg.jpg);background-repeat:no-repeat; margin-top:7px; display:inline-block;} /* homepage news row -----------------------------------------------------------------------------*/ .hp_news_box { float:left; height:206px; width:204px; margin:8px 6px 0 2px; } .hp_news_img { margin:0;padding:0;width:204px; height:74px; background:#000; position:relative;} .hp_news_body { width:204px; height:132px; background:#000 no-repeat url(../images/news_bg.jpg);} .news_item_img_top { z-index:200; position:absolute; top:0; left:0; } .news_item_img { z-index:10; position:absolute; top:0; left:0; } #contact_line {color:#FFF;} #social_links { display:inline-block; float:right;} /* hide twitter widgets header and footer -----------------------------------------------------------------------------*/ .twtr-ft div, .twtr-hd { display:none;} /* concertina menu css -----------------------------------------------------------------------------*/ ul#slide {padding:0; margin:0; list-style:none; width:314px; height:180px; border:1px solid #bfbfbf; border-top:none; position:relative; overflow:hidden;} ul li div {position:absolute; left:-9999px; background:#f4f4f4; color:#000; } #slide li.top {display:block; float:left; height:32px; line-height:32px; width:314px; overflow:hidden;} #slide li {color:#eee; background:#89a; cursor:pointer;} #slide li.clicked {color:#fff; background:#678;} #slide li div {position:static; height:82px; width:304px; padding:5px; line-height:1.2em; font-family: verdana, sans-serif; text-indent:0; } #slide li div img {display:block; margin:5px 0 8px 0;} #slide li div img.fLeft {clear:left; float:left; display:block; margin:8px; margin-right:8px;} #slide li div h3 {font-size:13px; color:#000; padding:0; margin:0;} #slide li div p {font-size:12px; color:#888; line-height:1.4em; padding:10px 0; margin:0;} #slide li div a {color:#00c; text-decoration:none; font-size:11px;} #slide li div a:hover {text-decoration:underline; background:#fff;color:#00c;} #slide li div a.big {display:block; height:30px; line-height:30px; border-top:1px solid #ddd; font-size:14px; color:#44a; text-decoration:none; text-indent:5px;} #slide li div a.big:hover {background:#fff; color:#000; font-size:14px; text-decoration:none;} #slide li div dl {border-bottom:1px solid #ddd; margin:20px 0 0 0; padding-bottom:10px;} #slide li div dt {font-size:11px; font-weight:bold; color:#000;} #slide li div dd {padding:0; margin:0; line-height:1.5em; font-size:11px; color:#666;} #slide li div dd a {color:#00c; text-decoration:none;} #slide li div dd a:hover {background:#fff; color:#00c; text-decoration:underline;} .jcarousel-item img { border:#999 solid 1px;}