
/* Global reset
-----------------------------------------------------------------------------*/ 
html { background:#262722 url(../images/bg_html.jpg) repeat-y; background-position:top; background-attachment:fixed; color:#FFF; }

body { margin: 0; padding: 0; border: none; }
body { font-family: Arial, Tahoma, Sans-serif; font-size:  11px;  }

/* background-image: url(../images/bg.jpg); background-color: #262722; background-attachment:fixed; */

: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 #131313; }
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: #00BBFF; }
a:hover { text-decoration: none; color:#fff }
p { padding: 0 0 8px 0; margin: 0; }
#clear { clear: both; }

/* Header 
-----------------------------------------------------------------------------*/ 
#header { width: 978px; height: 109px; background: url(../images/header.jpg); }

/* Navigation 
-----------------------------------------------------------------------------*/ 
#menu { width: 978px; height: 33px; background: #252621;}

#menu { width: 978px; height: 33px;}
#menu a { outline: none; }

a#nav-1, a#nav-1_sel { width: 109px; height: 33px;background-image: url(../images/menu.jpg); display: block; text-decoration: none; float: left; }
a#nav-1:hover, a#nav-1_sel { background-position: 0px 33px;}

a#nav-2, a#nav-2_sel { width: 109px; height: 33px;background-image: url(../images/menu.jpg); display: block; text-decoration: none; float: left; }
a#nav-2 { background-position: -109px 0; }
a#nav-2:hover, #nav-2_sel { background-position: -109px 33px;}

a#nav-3, a#nav-3_sel { width: 109px; height: 33px;background-image: url(../images/menu.jpg); display: block; text-decoration: none; float: left; }
a#nav-3 { background-position: -218px 0; }
a#nav-3:hover, #nav-3_sel { background-position: -218px 33px;}

a#nav-4, a#nav-4_sel { width: 109px; height: 33px;background-image: url(../images/menu.jpg); display: block; text-decoration: none; float: left; }
a#nav-4 { background-position: -327px 0; } 
a#nav-4:hover, #nav-4_sel { background-position: -327px 33px;}

a#nav-5, a#nav-5_sel { width: 109px; height: 33px;background-image: url(../images/menu.jpg); display: block; text-decoration: none; float: left; }
a#nav-5 { background-position: -436px 0; }
a#nav-5:hover, #nav-5_sel { background-position: -436px 33px;}

a#nav-6, a#nav-6_sel { width: 109px; height: 33px;background-image: url(../images/menu.jpg); display: block; text-decoration: none; float: left; }
a#nav-6 { background-position: -545px 0; }
a#nav-6:hover, #nav-6_sel { background-position: -545px 33px;}

a#nav-7, a#nav-7_sel { width: 109px; height: 33px;background-image: url(../images/menu.jpg); display: block; text-decoration: none; float: left; }
a#nav-7 { background-position: -654px 0; }
a#nav-7:hover, #nav-7_sel { background-position: -654px 33px;}

a#nav-8, a#nav-8_sel { width: 109px; height: 33px;background-image: url(../images/menu.jpg); display: block; text-decoration: none; float: left; }
a#nav-8 { background-position: -763px 0; }
a#nav-8:hover, #nav-8_sel { background-position: -763px 33px;}

a#nav-9, a#nav-9_sel { width: 106px; height: 33px;background-image: url(../images/menu.jpg); display: block; text-decoration: none; float: left; }
a#nav-9 { background-position: -872px 0; }
a#nav-9:hover, #nav-9_sel { background-position: -872px 33px;}

/*
a#nav-10, a#nav-10_sel { width: 90px; height: 33px;background-image: url(../images/menu.jpg); display: block; text-decoration: none; float: left; }
a#nav-10 { background-position: -888px 0; }
a#nav-10:hover, #nav-10_sel { background-position: -888px 33px;}
*/

/* Pagination
-----------------------------------------------------------------------------*/ 
.pagination { text-align:center; margin-top:4px;  background:#141512; border:1px solid #373737; padding:5px; font-size:12px; }
.selectedCSS { }
a.numbersCSS  { }
a.numbersCSS:hover  { }
a.nextPrevCSS { }
a.nextPrevCSS:hover  { }

/* Back Link
-----------------------------------------------------------------------------*/ 
#back_link { text-align:center; margin-top:4px;  background:#141512; border:1px solid #373737; padding:5px; }

/* Page Title
-----------------------------------------------------------------------------*/ 
#page_title { font-size: 14px; color: #FFF; width: 575px; margin-bottom:4px; font-weight:bold; padding-left:10px; padding-top:10px; height:26px; background: url(../images/bg_title_bar.jpg) repeat-x; } 

/* Sub Page - Sub Menu
-----------------------------------------------------------------------------*/ 
#sub_menu { text-align:center; margin-top:4px; margin-bottom:4px; background:#141512; border:1px solid #373737; padding:5px; font-size:12px; }

/* Homepage 
-----------------------------------------------------------------------------*/ 
#wrapper { margin: 0 auto; width: 978px; padding: 0 0 0 0; background:#1D1D19 url(../images/bg_wrapper.jpg) repeat-y; }
#container { width: 978px; margin: 0 auto; }

/* Left Column
-----------------------------------------------------------------------------*/ 
#left_column { width: 585px; float:left; margin:4px 0px 4px 4px; }

#news_ticker_wrapper { width:585px; height: 24px; background: url(../images/bg_title_bar.jpg) repeat-x; }
#news_ticker { padding:5px 0 0 10px; width:573px; height: 15px; overflow:hidden }
a#ticker_text { color:#FFF; }
a#ticker_text:hover { color:#0CF }

#banners { width: 585px; height: 224px;}

#latest_news { width: 585px; margin-top:4px;  }

#news_items { width: 585px; height:318px; padding-bottom:4px; padding-top:4px; }
#news_item { width:142px; height:317px; float:left; padding:1px 1px 0 1px; background: url(../images/bg_news_item.jpg) repeat-x;  }
#news_item_padding { width:3px; float:left; }

#news_title { height:585px; height:36px; background: url(../images/bg_title_bar.jpg) repeat-x; }
#news_item_img { height:142px; margin-bottom:4px; }
#news_item_content { width:130px; padding:4px; }
#news_item_date { color:#00BBFF; font-size:11px; padding-bottom:3px; }
#news_item_title { font-size:13px; font-weight:bold; padding-bottom:3px; }
#news_item_desc { }
#news_item_link { height:19px; margin-top:5px; }

#quick_links_wrapper { width: 585px; height:106px; background: url(../images/bg_footer_links.jpg); }
#quick_links_header	 { width:585px; height:24px; background:url(../images/bg_latest_release_header.jpg); }
#quick_links_row_1   { margin-left:5px}
#quick_links_row_2   { margin-left:33px; }

/* Right Column
-----------------------------------------------------------------------------*/ 
#right_column { width: 381px; padding:4px; float:left; }

#latest_singles_header, #latest_album_header, #hot_topics_header, #mailing_list_header, #player_header { width:381px; height:24px; background:url(../images/bg_latest_release_header.jpg); }

#latest_singles_wrapper 	{ width:381px; height:248px; }
#latest_singles_body		{ width:381px; height:224px; background:url(../images/bg_latest_release.jpg); }
#latest_singles_artwork		{ width:381px; padding:4px 4px 0px 4px; height:91px; }
#latest_singles_selector	{ width:381px; margin:2px 4px 0px 4px; }
#latest_singles_selector_bar{ width:91px; height:5px; background-color:#444444; border-top:1px solid #00BBFF }
#latest_singles_content_1	{ position:absolute; top:273px; width:356px; margin:0px 4px 4px 4px; height:106px; background:#141512; border:1px solid #444444; padding:4px 7px 4px 7px; }
#latest_singles_content_2	{ position:absolute; top:273px; width:356px; margin:0px 4px 4px 4px; height:106px; background:#141512; border:1px solid #444444; padding:4px 7px 4px 7px; }
#latest_singles_content_3	{ position:absolute; top:273px; width:356px; margin:0px 4px 4px 4px; height:106px; background:#141512; border:1px solid #444444; padding:4px 7px 4px 7px; }
#latest_singles_content_4	{ position:absolute; top:273px; width:356px; margin:0px 4px 4px 4px; height:106px; background:#141512; border:1px solid #444444; padding:4px 7px 4px 7px; }
#latest_singles_title 		{ margin-top: 3px; font-size:13px; font-weight:bold; }
#latest_singles_date		{ margin-top: 3px; margin-bottom:3px; font-size:12px; font-weight:bold; color:#00BBFF; }
#latest_singles_desc 		{ margin-top: 3px; margin-left:3px;}
#latest_singles_more 		{ margin-top: 3px; position:absolute; top:92px; }

#latest_album_wrapper 		{ width:381px; height:126px; margin-top:4px; }
#latest_album_body			{ width:381px; height:102px; background-image:url(../images/bg_latest_album.jpg); }
#latest_album_image 		{ width: 108px; height:100px; float:left; margin:1px 3px 1px 1px; }
#latest_album_content 		{ float:left; width:250px; margin-top:2px; }
#latest_album_title 		{ margin-top: 3px; font-size:11px; font-weight:bold; }
#latest_album_desc 			{ margin-top: 3px; }
#latest_album_more 			{ margin-top: 3px; }

#hot_topics_wrapper 		{ width: 381px; height:126px; margin-top:4px; }
#hot_topics_body			{ width:381px; height:102px; background-image:url(../images/bg_hot_topics.jpg); }
#hot_topics_content			{  }

#mailing_list_wrapper 		{ width: 381px; height:98px; margin-top:4px;  }
#mailing_list_body			{ width:381px; height:74px; background-image:url(../images/bg_newsletter.jpg); }
#mailing_list_text			{ width:130px; height:64px; float:left; padding:7px 5px 5px 5px; }
#mailing_list_form			{ width:235px; height:66px; float:left; margin:3px 0px 3px 0px; background:#141512; border:1px solid #373737; }
#mailing_list_name			{ margin-right:4px; text-align:right; margin-top:5px; padding-bottom:5px; color:#00BBFF; }
#mailing_list_email			{ margin-right:4px; text-align:right; padding-bottom:3px; color:#00BBFF }
#mailing_list_button		{ margin-right:4px; text-align:right }
.mailing_list_input 		{ border: 1px solid #323232; background: #000; color: #FFF; padding: 1px 5px; width:175px; }

#player_wrapper 			{ width:381px; height:106px; margin-top:4px; }
#player_body				{ width:381px; height:82px; background-image:url(../images/bg_player.jpg); }

/* Track List
-----------------------------------------------------------------------------*/ 
#track_item	  { margin-bottom:4px; }
#track_body   { width:575px; height:15px; background:url(../images/bg_track_item.jpg) repeat-x; padding:5px; }
#track_no     { float:left; width:15px; color:#00BBFF; font-size:11px; padding-bottom:3px; padding-right:6px; text-align:right; overflow:hidden; }
#track_name   { float:left; width:380px; }
#track_play   { float:left; width:80px; }
#track_play   { float:left; width:80px; }

/* Listing Styles
-----------------------------------------------------------------------------*/ 
#list_item	 { margin-bottom:4px; }
#list_header { width:579px; height: 19px; background: #222222 url(../images/bg_list_header.jpg) top center repeat-x; font-size: 12px; color: #FFF; padding-left: 6px; padding-top:5px; }
#list_body   { float:left; width:483px; height:102px;  background:url(../images/bg_list_item.jpg) repeat-x; }
#list_date   { color:#00BBFF; font-size:11px; padding-bottom:3px; }
#list_text   { padding:5px 5px 0px 5px; height:72px; }
#list_img    { float:left; height:100px; width:100px; padding:1px; background:url(../images/bg_list_item.jpg) repeat-x; }
#list_link   { padding:5px; }

/* Details Page Styles
-----------------------------------------------------------------------------*/ 
#detail_item   { background:#292A26 url(../images/bg_detail_item.jpg) repeat-x; padding-bottom:10px;  }
#detail_header { width:579px; height:21px; background: #222222 url(../images/bg_list_header.jpg) top center repeat-x; font-size: 13px; color: #FFF; padding-left: 6px; padding-top:7px; }
#detail_body   { width:579px; min-height:298px; }
#detail_date   { color:#00BBFF; font-size:12px; padding:5px 5px 0 0; }
#detail_text   { padding:5px; }
#detail_img    { float:left; width:155px; padding:1px 0 5px 1px; }
#detail_link   { padding:5px; }

#detail_img_underline { width:150px; height:5px; background-color:#444444; border-top:1px solid #00BBFF; margin-top:1px }

/* Links Page Styles
-----------------------------------------------------------------------------*/ 
#link_header   { width: 579px; height: 19px; background: #222222 url(../images/bg_list_header.jpg) top center repeat-x; font-size: 12px; color: #FFF; padding-left: 6px; padding-top:5px; }
#link_category { margin-bottom:4px; padding:10px 4px 10px 4px; min-height:50px; background:url(../images/bg_list_item.jpg) repeat-x; }
#link_block    { width:33%; float:left; }
#link_item	   { padding-left:5px; }

/* Forms
-----------------------------------------------------------------------------*/ 
.contact_fields { border:1px solid #131313; background: #FFF; height:16px; font-size:12px; }
.contact_drop_down { border:1px solid #131313; background: #FFF; height:16px; font-size:12px; }
.email_sent_msg { border:1px solid #131313; background: #222222; color:#00BBFF; width:450px; height:20px; text-align:center; padding-top:10px; font-weight:bold; margin-bottom:20px; }

/* Footer 
-----------------------------------------------------------------------------*/ 
#footer_wrapper { }
#footer { background:#141512; height: 24px; padding:10px; }
#footer_left { width: 118px; height: 24px; float: left; text-align: left; }
#footer_right { width: 830px; height: 24px; text-align: right; float:left; padding-top:6px; }

