/* MONSTER CSS */
/* Global reset
-----------------------------------------------------------------------------*/ 
html,body { margin: 0; padding: 0; border: none; }
body { font-family: Tahoma, Arial, sans-serif; font-size:  11px; color: #545454; background:url(../images/bg.png) top repeat-y #F2F2F2; }

: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: Tahoma, Arial, sans-serif; font-size: 11px; }
select { padding: 0; }
a, a:link, a:hover, a:visited { text-decoration: none; color: #4f80ff; font-weight:bold; }
a:hover { text-decoration: none; color:#333; }
p { padding: 0 0 8px 0; margin: 0; }
div.clear { clear: both; }

/* Header 
-----------------------------------------------------------------------------*/ 
#header { width: 950px; height: 46px; background:#FFF; margin:25px 0 7px 7px; }
#header_left  { width: 323px; height: 46px; float:left; }
#header_right { width: 52px; height: 46px; float:left; }
#player_control { padding:5px 15px 0 0; text-align:right; cursor:pointer; text-transform:uppercase; font-size:8px; font-weight:bold; }
#player_control:hover { color:#505050; }

/* Navigation 
-----------------------------------------------------------------------------*/ 
#menu_bar { width: 574px; height: 46px; margin-bottom: 10px; background: #fdfdfd; }
#menu { width: 574px; float:left; background: #fdfdfd; }
#menu a { outline: none; }

a#nav-1, a#nav-1_sel { width: 49px; height: 46px; background-image: url(../images/menu.jpg); display: block; text-decoration: none; float: left; }
a#nav-1:hover, a#nav-1_sel { background-position: 0px 46px; }

a#nav-2, a#nav-2_sel { width: 90px; height: 46px; background-image: url(../images/menu.jpg); display: block; text-decoration: none; float: left; }
a#nav-2 { background-position: -49px 0; }
a#nav-2:hover, #nav-2_sel { background-position: -49px 46px; }

a#nav-3, a#nav-3_sel { width: 88px; height: 46px; background-image: url(../images/menu.jpg); display: block; text-decoration: none; float: left; }
a#nav-3 { background-position: -139px 0; }
a#nav-3:hover, #nav-3_sel { background-position: -139px 46px; }

a#nav-4, a#nav-4_sel { width: 192px; height: 46px; background-image: url(../images/menu.jpg); display: block; text-decoration: none; float: left; }
a#nav-4 { background-position: -227px 0; } 
a#nav-4:hover, #nav-4_sel { background-position: -227px 46px; }

a#nav-5, a#nav-5_sel { width: 77px; height: 46px; background-image: url(../images/menu.jpg); display: block; text-decoration: none; float: left; }
a#nav-5 { background-position: -419px 0; }
a#nav-5:hover, #nav-5_sel { background-position: -419px 46px; }

a#nav-6, a#nav-6_sel { width: 78px; height: 46px; background-image: url(../images/menu.jpg); display: block; text-decoration: none; float: left; }
a#nav-6 { background-position: -496px 0; }
a#nav-6:hover, #nav-6_sel { background-position: -496px 46px; }

/* Pagination
-----------------------------------------------------------------------------*/ 
.pagination { clear:both; text-align:center; height:15px; padding:1px 10px 0 10px; background: url(../images/bg_header.jpg); color:#FFF; font-size:10px; }
.selectedCSS { background:#FFF; color:#398159; 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; color:#FFF }
a.numbersCSS:hover  { padding-top:0px; padding-bottom:2px; padding-left:5px; padding-right:5px; background:#FFF; color:#333;}
a.nextPrevCSS { padding-top:1px; padding-bottom:1px; padding-left:5px; padding-right:5px; color:#FFF  }
a.nextPrevCSS:hover  { padding-top:0px; padding-bottom:2px; padding-left:5px; padding-right:5px; background:#FFF; color:#333;}

/* Homepage 
-----------------------------------------------------------------------------*/ 
#wrapper { margin:0 auto; width:964px; background: #fdfdfd; }
#container { margin:0 auto; width:962px; }

#column1 { width:729px; float:left; margin-left:7px; }
#column2 { width:214px; float:left; margin-left:7px; }

/* Right Column Boxes */
#player_header { width:202px; height:35px; background-image: url(../images/title_music_player.jpg); }
#player_content { width:202px; height:158px; background-color:#D8D8D8; padding:3px; margin-left:5px; margin-bottom:7px; }

#newsletter_header { width:198px; background:#4f80ff url(../images/bg_header.jpg); margin-left:5px; color:#FFFFFF; padding:1px 5px 2px 5px; font-weight:bold; font-size:10px;}
#newsletter_content { width:202px; /*height:135px;*/ background:url(../images/newsletter_bg) #D8D8D8; padding-left:3px; padding-right:3px; margin-left:5px; margin-right:8px; }
#newsletter_text { padding:3px; }
#newsletter_form { padding-left:3px; }
#newsletter_form_field { height:20px; }
#newsletter_submit { padding:2px 0 3px 0; }

#stores_header { width:198px;  background:#4f80ff url(../images/bg_header.jpg); margin-left:5px; color:#FFFFFF; padding:1px 5px 2px 5px; font-weight:bold; font-size:10px; margin-top:7px;}
#stores_content { width:208px; /*height:135px;*/ background-color:#FFFFFF; /*padding-left:3px; padding-right:3px;*/ margin-left:5px; margin-right:8px; }
#stores_text { padding:3px; }
#stores_form { }
#stores_form_field { height:20px; }
#stores_submit { padding:3px; }

#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: 729px; height: 263px; float: left; margin: 0 0 7px 2px; }
#content_wrapper { width: 729px; margin:7px 7px 0 2px; }

#content_item1 { width: 140px; height:336px; float:left; margin:0 3px 0 0; background:#4f80ff; }
#content_item2 { width: 140px; height:336px; float:left; margin:0 3px 0 0; background:#0f43cb; }
#content_item3 { width: 140px; height:336px; float:left; margin:0 3px 0 0; background:#052c93; }
#content_item4 { width: 140px; height:336px; float:left; margin:0 3px 0 0; background:#052c93; }
#news_list_item { width: 300px; height:336px; float:left; margin:0 0 0 0; }

#content_image { width: 140px; height:140px; margin-bottom: 5px; padding-top:2px; background-color:#FFF; }
#content_type  { color:#FFFFFF; padding:1px 5px 2px 5px; font-weight:bold; font-size:10px; background:#4f80ff url(../images/bg_header.jpg); }
#content_title { font-weight:bold; padding:5px 5px 0px 5px; color:#FFFFFF; }
#content_text  { padding:5px; color:#FFFFFF; }
#content_link  { padding-left:5px; position:absolute; top: 707px; color:#FFFFFF; }

/* SUB PAGES */
div.title_news { width: 529px; height: 22px; font-size: 13px; color:#FFF; padding: 6px 0 0 7px; border-bottom:1px solid #333D47; margin-bottom:5px; }
div.page_title { width: 100%; font-size: 10px; padding: 1px 0 2px 5px; text-align:left; color:#FFF;  background:#4f80ff url(../images/bg_header.jpg); text-transform:uppercase; margin-bottom:0px; }
div.page_sub_menu { width:100%; font-size: 12px; padding-top:5px; text-align:right; }

#table_row { }
#table_cell { padding:5px; border-bottom:1px solid #333D47; }

#news_list_header   { color:#FFF; padding:1px 5px 2px 5px; font-weight:bold; font-size:10px; background:#4f80ff url(../images/bg_header.jpg); margin-bottom:2px; }
#news_item			{ height:76px; width:299px; clear:both; font-size:90% }


#news_list_image    { width: 82px; height:76px; float:left; }
#news_content_title { font-weight:bold; padding:0 5px 0px 5px; color: #333; margin: 0 5px 0 0; }
#news_content_text  { color:#666; margin: 2px 3px 0 0; }
#news_content_link  { color:#666; }
#news_divider       { border-bottom:#999 dotted 1px; width:299px; margin:2px 0 2px 0; clear:both; }

/* Radio Archive */
#radio_archive      { margin:0px 7px 0 0px; width:258px; float:left; background:url(../images/newsletter_bg) #F3F3F3 no-repeat; padding-bottom:10px; padding-right:5px; min-height:587px; }
#radio_detail       { margin:0px 0 0 0; width:459px; float:left; }
#radio_detail_text  { padding:5px 10px 0 10px; }
#radio_list_item    { margin:5px 0 5px 0; }
#radio_date			{ float:left; width:65px; padding-left:5px; margin-bottom:5px; }
#radio_name			{ float:left; width:180px; margin-bottom:5px; }

/* Track List
-----------------------------------------------------------------------------*/ 
#track_item	  { margin-bottom:4px; border-bottom:#999 dotted 1px; }
#track_body   { height:15px; padding:5px; }
#track_no     { float:left; width:15px; padding-bottom:3px; padding-right:6px; text-align:right; overflow:hidden; font-weight:bold; }
#track_name   { float:left; width:600px; }
#track_play   { float:left; width:80px; }

/* Listing Page Styles
-----------------------------------------------------------------------------*/ 
.list_item     { width:729px; height:120px; margin:5px 0 12px 0; }
.list_img      { width:130px; float:left; margin-top:2px; }
.list_content  {  }
.list_header   { font-size:120%; padding-bottom:3px; font-weight:bold; }
.list_date     { color:#4f80ff; padding-bottom:3px; }
.list_text     { line-height:1.5; height:90px;  }
.list_link     { height:20px;  text-align:right; }

.list_title    { font-weight:bold; padding:5px 5px 0px 5px; color:#999; }
img.img_border { border:1px solid #D5D5D5; }
.list_divider  { border-bottom:#999 dotted 1px; width:729px; clear:both; }

/* Details Page Styles
-----------------------------------------------------------------------------*/ 
.detail_item   { margin:3px 0 5px 0; min-height:550px; }
.detail_header { font-size: 120%; padding: 5px 0 0 0; font-weight:bold; width:100%;  }
.detail_date   { color:#4f80ff; padding-top:5px; }
.detail_text   { line-height:1.5; padding-top:5px; min-height:290px; }
.detail_img    { margin-right:5px; float:left; margin-top:5px; }
.detail_link   { padding-top:10px; }
.detail_back   { margin-top:5px; clear:both; }
.detail_buy    { text-align:center; background:#4f80ff url(../images/bg_header.jpg); height:15px; }
a.buylink 	   { color:#FFF }
a.buylink:hover{ color:#CCC }
img.detail_img { border:1px solid #999; }

/* 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 { width:967px; height:40px; background:url(../images/footer.gif) no-repeat 8px 9px; font-size:80%; clear:both; }
#footer_left { float:left; width:600px; padding:22px 0 0 19px; }
#footer_right { float:left; width:340px; padding:14px 0 0 0; text-align:right; }