/* FEKTIVE CSS */ /* Global reset -----------------------------------------------------------------------------*/ html,body { margin: 0; padding: 0; border: none; } body { font-family: Arial, Tahoma, Sans-serif; font-size: 11px; color: #FFFFFF; background: #191514; } :link,:visited { text-decoration: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 { border:none } address { font-style:normal } img {vertical-align: top; } img.border { border:1px solid #485FA2; } input, textarea, select { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; } select { padding: 0; } a, a:link, a:hover, a:visited { text-decoration: none; color: #00BAF7; font-weight:bold; } a:hover { text-decoration: none; color:#FFF; } p { padding: 0 0 8px 0; margin: 0; } div.clear { clear: both; } .noOutline { outline:none; } /* Header -----------------------------------------------------------------------------*/ #header { width: 970px; height: 100px; background-image: url(../images/header.jpg); } /* Navigation -----------------------------------------------------------------------------*/ #menu-left { width: 15px; height: 30px; float: left; background-image: url(../images/menu_left.jpg); } #menu { width: 786px; height: 30px; float: left; } #menu-right { width: 169px; height: 30px; float: left; background-image: url(../images/menu_right.jpg); } #menu a { outline: none; } a#nav-1, a#nav-1_sel { width: 71px; height: 30px; background-image: url(../images/menu.jpg); display: block; text-decoration: none; float: left; } a#nav-1:hover, a#nav-1_sel { background-position: 0px 30px; } a#nav-2, a#nav-2_sel { width: 69px; height: 30px; background-image: url(../images/menu.jpg); display: block; text-decoration: none; float: left; } a#nav-2 { background-position: -71px 0; } a#nav-2:hover, #nav-2_sel { background-position: -71px 30px; } a#nav-3, a#nav-3_sel { width: 86px; height: 30px; background-image: url(../images/menu.jpg); display: block; text-decoration: none; float: left; } a#nav-3 { background-position: -140px 0; } a#nav-3:hover, #nav-3_sel { background-position: -140px 30px; } a#nav-4, a#nav-4_sel { width: 80px; height: 30px; background-image: url(../images/menu.jpg); display: block; text-decoration: none; float: left; } a#nav-4 { background-position: -226px 0; } a#nav-4:hover, #nav-4_sel { background-position: -226px 30px; } a#nav-5, a#nav-5_sel { width: 197px; height: 30px; background-image: url(../images/menu.jpg); display: block; text-decoration: none; float: left; } a#nav-5 { background-position: -306px 0; } a#nav-5:hover, #nav-5_sel { background-position: -306px 30px; } a#nav-6, a#nav-6_sel { width: 90px; height: 30px; background-image: url(../images/menu.jpg); display: block; text-decoration: none; float: left; } a#nav-6 { background-position: -503px 0; } a#nav-6:hover, #nav-6_sel { background-position: -503px 30px; } a#nav-7, a#nav-7_sel { width: 193px; height: 30px; background-image: url(../images/menu.jpg); display: block; text-decoration: none; float: left; } a#nav-7 { background-position: -593px 0; } a#nav-7:hover, #nav-7_sel { background-position: -593px 30px; } /* Pagination -----------------------------------------------------------------------------*/ .pagination { text-align:center; margin:10px; } .selectedCSS { color:#FFF; padding-top:0px; padding-bottom:2px; padding-left:5px; padding-right:5px; font-weight:bold; border:1px solid #00BBF9; } a.numbersCSS { padding-top:1px; padding-bottom:1px; padding-left:5px; padding-right:5px; background:url(../images/nav_bg.jpg); border:1px solid #097DA4; color:#FFF; } a.numbersCSS:hover { padding-top:1px; padding-bottom:1px; padding-left:5px; padding-right:5px; color:#00BBF9; } a.nextPrevCSS { padding-top:1px; padding-bottom:1px; padding-left:5px; padding-right:5px; background:url(../images/nav_bg.jpg); border:1px solid #097DA4; color:#FFF; } a.nextPrevCSS:hover { padding-top:1px; padding-bottom:1px; padding-left:5px; padding-right:5px; color:#00BBF9; } /* Homepage -----------------------------------------------------------------------------*/ #wrapper { margin:0 auto; width: 970px; } #container { width: 970px; margin:0 auto; } #main_container { background:url(../images/mainbg.jpg) repeat-x; width:960px; margin-left:5px; margin-right:5px; margin-top:30px; } #designed_by { height:29px; overflow:hidden; width:970px; text-align:right; } /* Column 1 */ #column1 { margin-left:10px; margin-top:20px; width:180px; height:455px; float:left; } /* Column 2 */ #column2 { margin-left:10px; margin-top:20px; width:275px; height:455px; float:left; } #home_news_left { width:6px; height:455px; background:url(../images/home_news_left.jpg); float:left } #home_news_content { width:263px; height:454px; float:left; border-bottom:1px solid #116587; } #home_news_right { width:6px; height:455px; background:url(../images/home_news_right.jpg); float:left } #home_news_top { width:263px; height:35px; background:url(../images/home_news_top.jpg); } #home_news { width:263px; height:60px; background:url(../images/newsbg.jpg); font-family:Verdana, Geneva, sans-serif; } #home_news_title { width:253px; height:25px; padding-left:8px; padding-top:8px; font-size:10px; } #home_news_title a { color:#FFF; } #home_news_title a:hover { color:#02BCF9; } #home_news_date { width:100px; padding-left:8px; padding-top:7px; color:#02BCF9; float:left; font-size:9px; } #home_news_link { color:#00BBF9; width:133px; float:left; text-align:right; padding-top:7px; font-size:9px; } #home_news_link_arrow { float:left; padding-top:8px; font-size:8px; } #home_signup { width:263px; height:94px; background:url(../images/signupbg.jpg); margin-top:5px; margin-bottom:5px; } #home_signup_email { width:100%; padding-top:30px; padding-left:10px; } #home_signup_send { width:100%; margin-top:10px; text-align:right; margin-right:10px; } .home_signup_complete { margin-top:30px; margin-left:10px; width:241px; height:52px; border:1px solid #00BBF9; background:url(../images/mailing_list_bg.png) bottom no-repeat #000; font-size:9px; font-family:Verdana, Geneva, sans-serif; color:#FFF; overflow:hidden; } .home_signup_field { height:17px; width:233px; border:1px solid #00BBF9; background:url(../images/mailing_list_bg.png); font-size:9px; font-family:Verdana, Geneva, sans-serif; color:#00BBF9; padding-left:8px; padding-top:5px; } /* Column 3 */ #column3 { margin-left:10px; margin-top:20px; width:275px; height:455px; float:left; } #home_releases_left { width:5px; height:455px; background:url(../images/home_releases_left.jpg); float:left } #home_releases_content { width:265px; height:455px; float:left; } #home_releases_right { width:5px; height:455px; background:url(../images/home_releases_right.jpg); float:left } #home_releases_top { width:265px; height:35px; background:url(../images/home_releases_top.jpg); } #home_releases_middle { width:265px; height:455px; background:url(../images/home_releases_bg.jpg) no-repeat; } #home_latest_title { width:265px; height:30px; background:url(../images/home_latest_releases.jpg); } #home_lr { width:265px; height:65px; margin-bottom:5px; } #home_lr_img2 { width:61px; height:61px; border:1px solid #000; } #home_lr_img1 { width:63px; height:63px; border:1px solid #00BBF8; margin-right:5px; float:left; } #home_lr_info { width:195px; height:65px; background:url(../images/releasebg.jpg); float:left; } #home_lr_title { margin-top:4px; margin-left:7px; font-weight:bold; } #home_lr_artist { margin-left:7px; color:#000; font-weight:bold; } #home_lr_links { margin-left:7px; color:#01BBF6; } #home_lr_label { font-size:10px; } #home_lr_buttons { width:185px; text-align:right; margin-top:1px; } /* Column 4 */ #column4 { margin-left:10px; margin-top:20px; width:180px; height:455px; float:left; } #videoplayer { margin-bottom:15px; } /* Content Column / Main Column Sub Pages */ #content_column { margin-left:10px; margin-top:20px; width:560px; float:left; margin-bottom:30px; overflow: hidden; padding-top:0px; } #page_header { width:560px; height:34px; padding:0px; text-align:right; font-family:Verdana, Geneva, sans-serif; font-size:9px; padding-right:10px; padding-top:10px; } #page_content { width:530px; padding-left:14px; padding-right:14px; border-left:1px solid #097DA4; border-bottom:1px solid #097DA4; border-right:1px solid #097DA4; padding-bottom:10px; overflow:hidden; } /* List Columns */ #list_top_padding { margin-top:20px; } #list_wrapper { overflow:hidden; width:100%; } /* Fix Overflow Error - Mozilla */ #list_column { margin-left:10px; margin-top:20px; width:180px; float:left; margin-bottom:35px; } #list_header { width:180px; height:42px; } #list_items { width:180px; background:url(../images/list_column_bg.jpg) no-repeat; } #list_item { margin-left:8px; width:165px; margin-right:7px; height:17px; border-bottom:1px dotted #00BAF7; padding-top:3px; font-size:10px } #list_item_selected { font-weight:bold; color:#FFF; font-size:11px; } /* News List */ #news_flash1 { width:133px; height:130px; float:left; background:url(../images/news_top_bg3.jpg); } #news_flash2 { width:263px; height:130px; float:left; } #news_flash3 { width:133px; height:130px; float:left; background:url(../images/news_top_bg3.jpg); } #news_items { width:530px; margin-bottom:5px; } #news_item { width:530px; background:url(../images/news_item_bg.jpg) no-repeat; background-position:bottom; background-color:#181617; padding-bottom:5px; } #news_item_title { padding-left:11px; padding-top:9px; font-weight:bold; padding-bottom:2px; } #news_item_date { padding-left:11px; color:#00BBF9; width:200px; float:left; } #news_item_link { padding-left:11px; color:#00BBF9; width:290px; float:left; text-align:right; padding-top:1px; font-weight:normal; font-size:9px; } #news_title_link { color:#FFF; } #news_title_link:hover { color:#00BAF7; } /* Artist List */ #list_artist_wrapper{ margin-top: -10px; padding-top:10px; overflow: hidden; } #list_artist { width:80px; height:110px; float:left; margin-right:10px; margin-bottom:10px; } #list_artist_no { width:80px; height:110px; float:left; margin-bottom:10px; } #list_artist_image { width:78px; border:1px solid #00BBF9; } #list_artist_image2 { width:76px; border:1px solid #000; } #list_artist_name { width:72px; height:26px; text-align:center; padding-top:4px; padding-left:4px; padding-right:4px; font-size:10px; font-family:Verdana, Geneva, sans-serif; background:url(../images/artists_title_name_bg.png) no-repeat; overflow:hidden; } #list_artist_link { color:#FFF } /* Labels List */ #list_label_wrapper { margin-top: -10px; padding-top:10px; overflow: hidden; } #list_label { width:125px; height:175px; float:left; margin-right:10px; margin-bottom:10px; } #list_label_no { width:125px; height:175px; float:left; margin-bottom:10px; } #list_label_image { width:123px; border:1px solid #00BBF9; } #list_label_image2 { width:121px; border:1px solid #000; } #list_label_name { width:115px; height:50px; text-align:left; padding-top:10px; padding-left:6px; padding-right:6px; padding-right:4px; font-size:10px; font-family:Verdana, Geneva, sans-serif; background:url(../images/labels_list_name_bg.png) no-repeat; overflow:hidden; } #list_label_link { color:#FFF } /* Release List */ #release_item { clear:both } #release_header { } #release_title { margin-bottom:20px; margin-top:10px; } .release_t_label { color:#01BAFA; font-size:14px; font-weight:bold; } .release_t_release { color:#FFF; font-size:14px; font-weight:bold; } #release_image { width:63px; height:63px; border:1px solid #00BBF9; float:left; } #release_image2 { width:61px; border:1px solid #000; } #release_info { width:300px; height:65px; margin-left:1px; float:left; background:url(../images/releasebg.jpg) repeat-x; } #release_name { margin-left:10px; font-family:Verdana, Geneva, sans-serif; font-weight:bold; margin-top:7px; } #release_artist { margin-left:10px; font-family:Verdana, Geneva, sans-serif; font-weight:bold; color:#000; } #release_label { margin-left:10px; font-family:Verdana, Geneva, sans-serif; font-size:10px; color:#01BAFA; } #release_genre { margin-left:10px; font-family:Verdana, Geneva, sans-serif; font-size:10px; color:#01BAFA; } #release_buttons { width:164px; height:65px; float:left; background:url(../images/releasebg.jpg) repeat-x; } #release_date { font-family:Verdana, Geneva, sans-serif; font-size:10px; color:#FFF; margin-top:7px; } #release_play { float:left; text-align:right; width:154px; margin-right:10px; margin-top:22px; } #release_text { clear:both; padding-top:8px; width:530px; line-height:150%; padding-bottom:8px; border-bottom:1px dotted #00BAF7; } #release_tracks { margin-bottom:20px; } #release_track { height:24px; border-bottom:1px dotted #00BAF7; } #release_track_mix { width:434px; float:left; color:#01BAFA; font-size:11px; font-weight:bold; padding-top:5px; } #release_track_play { width:90px; float:left; padding-top:4px; } .back_link a { margin-top:10px; font-weight:normal; font-size:9px; font-family:Verdana, Geneva, sans-serif } /* Contact */ #contact_title { font-size:14px; font-weight:bold; margin-bottom:14px; } #contact_address { font-size:12px; padding-bottom:2px; line-height:130% } #contact_symbol { color:#01BAFA; float:left; width:10px; font-weight:bold; font-size:12px; padding-top:2px; } #contact_numbers { font-size:12px; padding-top:2px; } #contact_email { color:#FFF; text-decoration:underline; font-weight:normal; font-size:12px; } #contact_people { font-size:14px; font-weight:bold; margin-bottom:14px; margin-top:28px; clear:both; } #list_contact_wrapper { margin-top:-10px; padding-top:10px; overflow: hidden; } #list_contact { width:125px; height:175px; float:left; margin-right:10px; margin-bottom:10px; } #list_contact_no { width:125px; height:175px; float:left; margin-bottom:10px; } #list_contact_image { width:123px; border:1px solid #00BBF9; } #list_contact_image2 { width:121px; border:1px solid #000; } #list_contact_details { width:113px; height:50px; text-align:left; padding-top:8px; padding-left:6px; padding-right:6px; font-size:10px; font-family:Verdana, Geneva, sans-serif; background:url(../images/contact_details_bg.png) no-repeat; overflow:hidden; } #list_contact_name { font-weight:bold; } #list_contact_job { font-weight:bold; color:#000; } #list_contact_email { padding-left:10px; color:#FFF } #list_contact_link { font-weight:normal; color:#FFF } /* Listing Page Styles -----------------------------------------------------------------------------*/ .list_item { margin-bottom:20px; } .list_header { width: 555px; height: 21px; font-size: 13px; padding: 6px 0 0 7px; border-bottom:1px solid #3C3B39; font-weight:bold; } .list_date { color:#00BBF9; font-size:11px; padding-top:5px; } .list_text { padding-top:5px; } .list_img { margin-right:5px; } .list_link { padding-right:0px; font-size:10px } img.list_img { margin-left:5px; border:1px solid #3C3B39; margin-top:5px; } /* Details Page Styles -----------------------------------------------------------------------------*/ .detail_wrapper{ overflow:hidden; width:100% } /* Fix Overflow Error - Mozilla */ .detail_item { margin-bottom:20px; } .detail_margin { margin-bottom:10px; } .detail_header { width: 530px; padding-top:5px; font-size: 14px; font-weight:bold; } .detail_date { width: 530px; color:#00BBF9; padding-top:5px; font-size:12px; font-weight:bold; } .detail_text { width: 530px; padding-top:10px; font-size:12px; } .detail_img { width: 128px; border:1px solid #00BBF9; float:right; margin-left:10px; margin-bottom:10px; } .detail_img2 { width: 126px; border:1px solid #000; } .detail_link { padding-top:20px; } .detail_buttons{ padding-top:20px; } img.detail_img { border-left:1px solid #485FA2; border-right:1px solid #485FA2; border-bottom:1px solid #3C3B39; } /* Forms -----------------------------------------------------------------------------*/ .form_input { border:0px; background: #FFF; color: #505050; padding: 2px 4px; height:13px; font-size:11px; margin-bottom:3px; } .contact_fields { border:1px solid #333D47; background: #D8D8D8; padding: 4px 4px; height:18px; font-size:14px; } .contact_drop_down { border:1px solid #333D47; background: #D8D8D8; padding: 0px 0px; height:18px; font-size:12px; } .email_sent_msg { border:1px solid #E0E0E0; background: #EAEAEA; width:400px; height:25px; text-align:center; padding-top:11px; font-weight:bold; font-size:13px; } /* Footer -----------------------------------------------------------------------------*/ #footer { clear:both; margin: 0 auto 0 auto; width: 960px; height: 50px; overflow:hidden; } #footer_logo { float:left; } #footer_powered { margin: 0 auto 0 auto; width: 960px; height: 40px; margin:0 auto; text-align:right; padding-top:5px; }