/* FIREBALL CSS */
/* Global reset
-----------------------------------------------------------------------------*/ 
html,body { margin: 0; padding: 0; border: none;background: #000; }
body { font-family: Tahoma, Arial, sans-serif; font-size:  11px; color: #8d8c8c;  background:url(../images/bg.jpg); background-repeat:repeat-x }

: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: #fff;  }
a:hover { text-decoration: none; color:#fff; }
p { padding: 0 0 8px 0; margin: 0; }
div.clear { clear: both; }

/* Header 
-----------------------------------------------------------------------------*/ 
#header { width: 954px; height: 110px; background:#FFF; border-left:solid 1px #800000; border-right:solid 1px #800000; }
#header_left  { width: 150px; height: 90px; float:left; }
#header_centre  { width: 680px; height: 90px; float:left; background-image:url(../images/header2.gif); background-repeat:no-repeat; vertical-align:bottom }
#header_right { width: 124px; height: 90px; float:left; }

/* Navigation 
-----------------------------------------------------------------------------*/ 
#menu_bar { width: 680px; height: 25px; }
#menu { width: 680px; padding-top:65px; height: 25px;}
#menu a { outline: none; }

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

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

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

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

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

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

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

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

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

/* Pagination
-----------------------------------------------------------------------------*/ 
.pagination { text-align:left; padding:10px; }
.selectedCSS { background:#800000; 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: 979px; }
#container { width: 979px; margin:0 auto; }
#home_content { width: 954px; height:519px; background-image:url(../images/content_bg.gif); background-repeat:no-repeat; border:solid 1px #800000; border-top:0;}
#main_content { width: 954px; background-image:url(../images/content_bg2.gif); background-repeat:no-repeat; border:solid 1px #800000; border-top:0;}

#column1 { width:190px; float:left; margin-left:15px;}
#column2 { width:545px; float:left;  }
#column3 { width:188px; float:left; margin-left:16px; }

/* Left Column Boxes */
#player_header { width:190px; height:35px; background-image: url(../images/title_music_player.jpg); }
#player_content { width:175; height:110px; background-image:url(../images/player_bg.gif); background-repeat:no-repeat; }

#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;}

#newsletter_header { color:#feee00; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; padding:10px; padding-bottom:5px; padding-top:5px}
#newsletter_content { width:243px; height:135px; background-color:#D8D8D8; padding-left:3px; padding-right:3px; margin-left:3px; margin-right:8px; }
#newsletter_text {  padding-left:10px; color:#FFF;  }
#newsletter_form { padding:10px; padding-bottom:0; }
#newsletter_form_field { width:243px; height:21px; border: solid 1px #ff0000; background-image:url(../images/newsletter_input_bg.gif); background-repeat:repeat-x; }
#newsletter_form_field input{ color:#ff0000; background-image:url(../images/newsletter_input_bg.gif); background-repeat:repeat-x; }
#newsletter_submit { padding-top:7px; float:right; margin-right:-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: 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:255px; clear:both; border-bottom:#000 solid 1px; margin-left:5px; }
#news_header { color:#feee00; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; margin:5px; margin-bottom:3px; }
#news_item_img img{ border:#feee00 solid 1px; margin:5px; float:left; margin-right: 10px; }
#news_item_content {}
#news_item_date {color:#feee00; margin-top:5px; font-weight:bold}
#news_item_title {color:#FFF; padding-top:5px; margin-left:3px;}
#news_more_link {position:absolute; bottom:5px; left:190px;}
#news_more_link  a{ color:#feee00;}
#news_more_link a:hover{ color:#fff;}

#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 { width: 529px; height: 22px; font-size: 13px; color:#feee00; padding: 6px 0 0 0; border-bottom:1px solid #800000; margin-bottom:5px; }
/* div.page_title { width: 529px; height: 27px; font-size: 13px; padding: 6px 0 0 7px; font-weight: bold; text-align:center; background:url(../images/page_title_bg.jpg); } */
div.page_title { width: 529px; height: 22px; font-size: 13px; padding: 6px 0 0 7px; font-weight: bold; text-align:center; color:#FFF; background:url(../images/page_title_bg_new.jpg); }
div.page_sub_menu { width:100%; height:30px; font-size: 13px; padding-top:5px; text-align:center }

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


/* Listing Page Styles
-----------------------------------------------------------------------------*/ 
.list_item     { margin-left:5px; margin-right:5px; }
.list_header   { color:#FFF; width: 513px; height: 21px; font-size: 13px; padding: 6px 0 0 7px; border-bottom:1px solid #800000; font-weight:bold; }
.list_date     { color:#feee00; 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   { border-left:1px solid #800000; border-right:1px solid #800000; border-bottom:1px solid #800000; }

/* Details Page Styles
-----------------------------------------------------------------------------*/ 
.detail_item   { margin-left:5px; margin-right:5px; }
.detail_header { color:#FFF; width: 513px; height: 21px; font-size: 13px; padding: 6px 0 0 7px; border-bottom:1px solid #800000; font-weight:bold; }
.detail_date   { color:#feee00; font-size:11px; padding-top:5px; }
.detail_text   { padding-top:5px; }
.detail_img    { margin-right:5px; }
.detail_link   { padding-top:20px; }
img.detail_img { border-left:1px solid #485FA2; border-right:1px solid #485FA2; border-bottom:1px solid #485FA2; }

/* Forms
-----------------------------------------------------------------------------*/ 
.form_input { border:0px; font-size:11px; padding:4px; width:235px;}
.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 { margin: 0px auto 0 auto; width: 979px; text-align:right; }
#footer_content {float:left; margin-top:30px;  padding-left:10px; }
#footer_img_logo {display:inline; }
#filler {padding-left:75px;}
#copyright { float:right; padding:10px; padding-right:20px;}

/* SOUND CLOUD
-----------------------------------------------------------------------------*/
#soundcloud { padding: 26px 60px 0 12px; width: 127px; display: block;  background:url(http://www.monster-tunes.com/images/dropbox_small_white.png) no-repeat; color: #888888; font-size: 10px; height: 30px; text-decoration: none; font-family: "Lucida Grande", Helvetica, Arial, sans-serif; line-height: 1.3em; }
#soundcloud:hover { color: #1896D1; }