/* MONSTER CSS */
/* Global reset
-----------------------------------------------------------------------------*/ 
html,body { margin: 0; padding: 0; border: none; background-color:#E2E0E1;}
body { font-family: Tahoma, Arial, sans-serif; font-size:  11px; color: #545454; background: #E2E0E1; }

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

/* Header 
-----------------------------------------------------------------------------*/ 
#header { width: 927px; height: 127px; background:#FFF; }
#header_left  { width: 790px; height: 127px; float:left; }
#header_right { width: 137px; height: 127px; float:left; }

/* Navigation 
-----------------------------------------------------------------------------*/ 
#menu_bar { width: 927px; height: 29px; }
#menu { width: 927px; }
#menu a { outline: none; }

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

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

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

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

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

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

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

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

/* Pagination
-----------------------------------------------------------------------------*/ 
.pagination { text-align:left; padding:10px; }
.selectedCSS { background:#3981F9; 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; background:url(../images/shadow_bg.jpg) repeat-y; }
#container { width: 927px; margin:0 auto; background:#FFF; background:url(../images/main_bg.jpg) repeat-y; border-bottom:8px solid #FFF }

#column1 { width:199px; float:left; }
#column2 { width:529px; float:left; }
#column3 { width:199px; float:left; }

/* Left Column Boxes */
#player_header { width:199px; height:35px; background-image: url(../images/title_music_player.jpg); }
#player_content { width:180px; height:167px; background-color:#D8D8D8; padding:3px; margin-left:9px; margin-right:8px; }

#radio_show_header { width:199px; 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:199px; 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:199px; 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:199px; height:35px; background-image: url(../images/title_forum.jpg); }
#forum_content { width:177px; height:167px; background-color:#D8D8D8; padding:5px; margin-left:3px; margin-right:8px; overflow:hidden; }
#forum_content a { font-family: Tahoma, Arial, sans-serif; font-size:  10px; color: #545454; font-weight:normal; }
#forum_content a:hover { text-decoration:underline; color:#018DEF;} 

#quick_links_header { width:199px; height:34px; background-image: url(../images/title_quick_links.jpg); }
#quick_links_content { width:187px; height:157px; margin-left:3px; }
#quick_links { border-bottom:1px solid #FFF; }

#newsletter_header { width:199px; height:35px; background-image: url(../images/title_newsletter.jpg); }
#newsletter_content { width:181px; height:135px; background-color:#D8D8D8; padding-left:3px; padding-right:3px; margin-left:3px; margin-right:8px; }
#newsletter_text { padding:3px; }
#newsletter_form { padding-left:3px; }
#newsletter_form_field { height:20px; }
#newsletter_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: 529px; height: 230px; float: left; margin-bottom:3px; }
#content_wrapper { width: 529px; }

#content_item1 { width: 130px; height:336px; float:left; margin-right:3px; background:#EAEAEA; }
#content_item2 { width: 130px; height:336px; float:left; margin-right:3px; background:#EAEAEA; }
#content_item3 { width: 130px; height:336px; float:left; margin-right:3px; background:#EAEAEA; }
#content_item4 { width: 130px; height:336px; float:left; background:#EAEAEA;  }

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

/* 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: 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 #333D47; }


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

/* Details Page Styles
-----------------------------------------------------------------------------*/ 
.detail_item   { margin-left:5px; margin-right:5px; }
.detail_header { width: 513px; height: 21px; font-size: 13px; padding: 6px 0 0 7px; border-bottom:1px solid #485FA2; font-weight:bold; }
.detail_date   { color:#3981F9; 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; 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 { margin: 0px auto 0 auto; width: 979px; height: 30px; background:url(../images/footer_bg.jpg); text-align:right; }
#footer_content { padding-right:26px; }

/* 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; }