/* Import overall template styles (nav, layout, homepage)
=================================*/
@import url('/css/layout.css');

/* Home Page
=================================*/

#home_top { width: 982px; margin: 8px 0 0 0; padding: 0px 4px; }
#main_promo { float: left; width: 480px; height: 340px; margin: 0 4px 0 0; }

#now_playing { float: left; width: 294px; height: 309px; overflow: hidden; margin: 0 4px 0 0; padding: 31px 0 0 0; background: url('/graphics/np_bg.gif') no-repeat; }
#now_playing #cont { width: 274px; height: 309px; padding: 0px 10px; }
#now_playing #cont h1 { text-transform: uppercase; margin: 10px 0 15px 0; padding: 0px; font: bold 34px Arial; color: #e27070; text-align:center; }
#now_playing #cont h3 a { font: bold 20px Arial; color: #fff; text-decoration:none; }
#now_playing #cont h3 a:hover { font: bold 20px Arial; color: #e27070; text-decoration:none; }
#now_playing #cont h2, #now_playing #cont h3 { margin: 5px 0; padding: 0px; font: bold 20px/21px Arial; color: #fff; }
#now_playing #cont .song { width: 274px; height: 180px; overflow: hidden; }
#now_playing #cont .song .img { float:left;margin: 0 10px 10px 0px; }
#now_playing #cont #link { text-align:center; margin: 15px 0px; }
#now_playing #cont #link a { font: bold 16px Arial; color: #fff; text-decoration:none; }
#now_playing #cont #link a:hover { font: bold 16px Arial; color: #e27070; text-decoration:none; }

#onair { float: left; width: 198px; height: 334px; overflow: hidden; padding: 2px 0px; margin: 0px; border: 1px solid #666; color: #fff; }
#onair h1 { font: normal 22px Helvetica, Arial, sans-serif; margin: 0px; padding: 0px 4px 0px 6px; text-transform: uppercase; color: #fff; }
#onair h1 span { color: #ff0000; }
#onair #img { width: 198px; text-align: center; }
#onair p { margin: 8px; width: 182px; color: #fff; }
#onair #time { font: bold 14px Arial; color: #fff; padding: 3px 8px 0px 8px; text-transform: uppercase; text-align:center; }
#onair #name { font: bold 18px Arial; color: #ff0000; padding: 0px 8px; text-transform: uppercase; text-align:center; }
#onair #rule { width: 198px; height: 1px; overflow: hidden; background: #262626; margin-top:5px; }
#onair h2 { font: bold 12px Arial; margin: 0px; padding: 7px 8px; }

table#onair_next { width:100%; border-collapse: collapse; margin: 0px; padding: 0px; color: #fff; font: normal 11px Arial; }
table#onair_next tr.next1 { background: #1a1a1a; }
table#onair_next tr.next2 { background: #000; }
table#onair_next td { padding: 6px 0px; color: #fff; font: normal 11px Arial; }
table#onair_next td span { font-weight: bold; padding: 0px 8px; }
table#onair_next td div { padding: 0px 6px 0 0; }

#content { width: 982px; padding: 4px; }
#content_sub { width: 982px; margin-top: 8px; padding: 0px 4px; background: url('/graphics/content_sub.gif') repeat-y; }
#subpage_cont { width: 648px; padding: 10px; }
#left_col { float:left; width: 668px; margin: 0 4px 0 0; }

#home_left { float:left; width: 304px; margin: 0 4px 0 0; }
#home_right { float: left; width: 360px; }

#right_col { float:left; width: 310px; }
#right_ad { border: 5px solid #333; width: 300px; margin-bottom: 4px;  }

#home_vid { width: 360px; margin: 0 0 4px 0 }
.home_vid div { width: 360px; background: #272727; }
.home_vid div span { display:none; }
.home_vid div embed, .home_vid div object { width: 360px !important; height: 250px !important; }

#home_tmz h1 span, #home_mtv h1 span { display: none; }
#home_tmz, #home_mtv { width: 360px; background: #222; margin: 0 0 4px 0; font-size: 11px; }
#home_tmz h1 { background: url('/graphics/entertainment_news.gif') no-repeat; width: 360px; height: 47px; margin: 0px; padding: 0px; }
#home_mtv h1 { background: url('/graphics/entertainment_news.gif') no-repeat 0px -76px; width: 360px; height: 45px; margin: 0px; padding: 0px; }
#home_tmz ul, #home_mtv ul { list-style-type: none; margin: 0px; padding: 0px; }
#home_tmz ul li, #home_mtv ul li { list-style-type: none; margin: 0px; padding: 0px 8px 7px 8px; }
#home_tmz a, #home_mtv a { color: #fff; }
#home_tmz a:hover, #home_mtv a:hover { color: #fff; text-decoration underline; }

#hitpage { width: 288px; border: 1px solid #666; background: #000; padding: 10px; }

.hdr { background: url('/graphics/hdr_bg.gif') repeat-x; height: 31px; }
.hdr h1 { font: normal 18px Helvetica, Arial, sans-serif; margin: 0px; padding: 3px 10px 0px 10px; text-transform: uppercase; color: #fff; }


/*  Misc Subpage Styles
=================================*/

.events1 { background: #fff; padding: 4px; }
.events2 { background: #f2f2f2; padding: 4px; }
.events1 h1, .events2 h1 { font: bold 16px Arial; margin: 0 0 1px 0; padding: 0px; color: #cc0000; }
.events1 .date, .events2 .date { margin: 0 0 1px 0; font: bold 12px Arial; }
.events1 .location, .events2 .location { font-style: italic; }
.events1 p, .events2 p { margin-top: 5px; }

#djs h1 { font: bold 28px Arial; color: #cc0000; margin: 0 0 10px 0; padding: 0px; }


#poll_1 table.triton_poll { margin: 0px auto; padding: 8px 12px; background: #000; border: 1px solid #ccc; }
#poll_1 table.triton_poll th { font: bold 14px Arial, sans-serif; color: #ff0000; }
#poll_1 table.triton_poll td { text-align: center; font: normal 12px Arial, sans-serif; color: #fff; }
#poll_1 table.triton_poll td.answer { text-align: left; font: normal 12px Arial, sans-serif; color: #fff; }
#poll_results_1 td.answer { width: 95%; border-top: 1px solid #1c1c1c; padding-top: 5px; }