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


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

#main_promo { width: 672px; height: 250px; margin: 0 0 6px 0; background: #fff; }

#home_left { float:left; width: 180px; margin: 0 6px 0 0; }
#home_left p { margin: 6px 0 0 0; }
#home_right { float: left; width: 486px; }

#contact_box { background: url('/graphics/icon_bg.gif') repeat-x; width: 180px; margin: 0 0 6px 0; padding: 0px; }
#contact_box table { border-collapse:collapse; margin: 0px auto; width: 180px; padding: 0px; }
#contact_box table td { color: #fff; font: bold 11px Helvetica, Arial; padding: 5px 0px; }
#contact_box table td.icon { padding-left: 4px !important; padding-right: 2px;   }
#contact_box table td a { color: #fff; font: bold 11px Helvetica, Arial; }
#contact_box table td a:hover { text-decoration: underline; color: #fff; font: bold 11px Helvetica, Arial; }

#poll_1 { width: 180px; background: #e7e7e7; padding: 0 0 4px 0; margin: 0 0 6px 0px; }
#poll_1 h2 { background: url('/graphics/hdr_bg.gif') repeat-x; height: 27px; margin: 0px; padding: 5px 6px 0px 6px; color: #fff; font: normal 18px Helvetica, Arial; text-transform: uppercase; }
#poll_1 .triton_poll { width: 170px; margin: 0px 5px; }
#poll_1 .triton_poll th { font-weight: bold; padding: 2px 0 0 0; }
#poll_1 .triton_poll td { text-align:center; }
#poll_1 .triton_poll td.answer { text-align:left; padding: 4px 0px; }
#poll_1 .triton_poll #poll_results_1 table td.answer{ padding: 8px 0 0 0; }

.left_ad { width: 180px; margin: 0px 0 6px 0; text-align:center; }
.left_ad span { display:none; }

#sm_promos { width: 466px; background: #fff; margin: 0 0 6px 0; padding: 10px 10px 1px 10px; overflow:hidden; }
.sm_promo { width: 466px; padding: 5px 0 10px 0; margin: 0 0 10px 0; border-bottom: 1px solid #ccc; }
.sm_promo .pic { float:left; width: 110px; text-align:center; margin: 0 10px 0 0; }
.sm_promo .info { float:left; width: 466px; }
.sm_promo .info h1 { font: bold 14px Arial, Helvetica, sans-serif; margin: 0 0 2px 0; padding: 0px; }
.sm_promo .info p { margin-top: 0px; }
.sm_promo .info .more { margin: -10px 0 0 0; }
.sm_promo .info .more a { font-weight: bold; text-decoration: underline; color: #333; }
.sm_promo .info .more a:hover { font-weight: bold; text-decoration: underline; color: #53247b; }
.sm_promo .info .vid embed, .sm_promo .info .vid object, 
.sm_promo .info .vid iframe { margin: 5px 0px; width: 346px !important; height: 250px !important; }

#home_blogs { width: 466px; background: #fff; margin: 0 0 6px 0; padding: 5px 10px 5px 10px; }
#home_blogs .home_post { margin: 2px 0 12px 0px; padding: 0px; }
#home_blogs .home_post h4 { font: bold 14px Arial; margin: 0px; padding: 0px; }
#home_blogs .home_post h3 { font: bold 11px Arial; font-style: italic; margin: 0 0 2px 0; padding: 0px; color: #666; }
#home_blogs .home_post .info { height: 32px; overflow: hidden; }
#home_blogs .home_post .info p { margin: 0 0 10px 0; }
#home_blogs .home_post .more { background: #fff; }

#np { width: 300px; background: url('/graphics/np_bg.gif') repeat-y; margin: 0px; padding: 0px; }
.np { border-bottom: 1px solid black; padding: 9px 0px; }
.np h1 { font: bold 13px Arial, Helvetica, sans-serif; color: #ccc; margin: 0px; padding: 0px 10px; }
.np h2 { font: normal 12px Arial, Helvetica, sans-serif; color: #fff; margin: 0px; padding: 0px 10px; }

table#concerts { width: 300px; background: #fff; margin: 0px; padding: 0px; }
table#concerts td { border-top: 1px solid black; }
table#concerts td.image { padding: 9px 4px 9px 9px; }
table#concerts td.info  { pading: 9px 10px 9px 0px; }
table#concerts td.info h3 { font: bold 13px Arial, Helvetica, sans-serif; color: #333; margin: 0 0 2px 0; padding: 0px 0px; }
table#concerts td.info h4 { font: bold 14px Arial, Helvetica, sans-serif; color: #5f3385; margin: 0px; padding: 0px 0px; }
table#concerts td.info p { margin: 0px; font: bold 13px Arial, sans-serif; color: #333; }

.concerts_more { text-align:right; background: #fff; padding: 5px 5px; }
.concerts_hdr { background: url('/graphics/hdr_bg.gif') repeat-x; height: 27px; margin: 0px; padding: 5px 10px 0px 10px; color: #fff; font: normal 18px Helvetica, Arial; text-transform: uppercase; }
.concerts_hdr a:link, .concerts_hdr a:visited { background: url('/graphics/hdr_bg.gif') repeat-x; height: 27px; margin: 0px; padding: 5px 10px 0px 0px; color: #fff; font: normal 18px Helvetica, Arial; text-transform: uppercase; text-decoration: none;}
.concerts_hdr a:hover { background: url('/graphics/hdr_bg.gif') repeat-x; height: 27px; margin: 0px; padding: 5px 10px 0px 0px; color: #fff; font: normal 18px Helvetica, Arial; text-transform: uppercase;text-decoration: underline;}

#right_cont #viewtube { width: 300px; height: 210px; overflow:hidden; padding-bottom: 6px;  }
#right_cont #viewtube .vid h3 { display:none; }
#right_cont #viewtube .vid object, #viewtube .vid embed, #viewtube .vid iframe { width: 300px !important; height: 210px !important; }

#sub_cont .vid { width: 300px; height: 210px; margin: 0 12px 15px 12px; float:left; overflow:hidden; }
#sub_cont .hdr  { display:none; }
#sub_cont #viewtube h3 { display:none; }
#sub_cont #viewtube object, #viewtube embed, #viewtube iframe { width: 300px !important; height: 210px !important; }

#mix_friends { background: #fff; width: 170px; padding: 5px; color: #000;}
#mix_friends p { margin: 0 0 5px 0; }


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

.sub_pic { float: right; margin: 0 0 10px 10px; }
.sub_hdr { font: bold 18px Arial, Helvetica, sans-serif; margin: 0 0 2px 0; padding: 0px; color: #53247b; margin: 0 0 10px 0; }

.jock { width: 652px; margin: 0 0 20px 0; }
.jock .pic { float:left; width: 150px; text-align:center; margin: 0 10px 0 0; }
.jock .info { float:left; width: 492px; }
.jock .info h1 { font: bold 18px Arial, Helvetica, sans-serif; margin: 0 0 2px 0; padding: 0px; color: #53247b; }
.jock .info p { margin-top: 0px; }
.jock .info .more { margin: 5px 0 0 0; }
.jock .info .more a { font-weight: bold; text-decoration: underline; color: #53247b; }
.jock .info .more a:hover { font-weight: bold; text-decoration: underline; color: #000; }

.contest1 { width: 652px; margin: 0px; }
.contest2 { width: 652px; margin: 15px 0 0 0; padding: 15px 0 0 0; border-top: 1px dashed #ccc;  }
.contest1 .pic, .contest2 .pic { float:left; width: 150px; text-align:center; margin: 0 10px 0 0; }
.contest1 .info, .contest2 .info { float:left; width: 492px; }
.contest1 .info h1, .contest2 .info h1 { font: bold 18px Arial, Helvetica, sans-serif; margin: 0 0 2px 0; padding: 0px; color: #53247b; }
.contest1 .info p, .contest2 .info p { margin-top: 0px; }
.contest1 .info .more, .contest2 .info .more { margin: 5px 0 0 0; }
.contest1 .info .more a, .contest2 .info .more a { font-weight: bold; text-decoration: underline; color: #53247b; }
.contest1 .info .more a:hover, .contest2 .info .more a:hover { font-weight: bold; text-decoration: underline; color: #000; }

#concerts { border-collapse: collapse; margin: 15px 0px; padding: 0px; }
#concerts th { background: #794d9f; color: #fff; font-weight: bold; text-align: left; padding: 3px 5px; }
#concerts td { padding: 8px 5px; border-bottom: 1px dashed #ccc; }
.concert_r1 { background: #f6f6f6; }
.concert_r2 { background: #fff; }
#concerts .event { font-weight: bold; }
#concerts .location { color: #542081; }
#concerts .location a { text-decoration: underline; }


#main_cont #sub_cont table#concerts { width: 652px; background: #fff; margin: 20px 0 0 0px; padding: 0px; }
#main_cont #sub_cont table#concerts td { border-top: 1px solid black; }
#main_cont #sub_cont table#concerts td.image { padding: 9px 10px; }
#main_cont #sub_cont table#concerts td.info  { pading: 9px 10px 9px 0px; }
#main_cont #sub_cont table#concerts td.info h3 { font: bold 13px Arial, Helvetica, sans-serif; color: #333; margin: 0 0 2px 0; padding: 0px 0px; }
#main_cont #sub_cont table#concerts td.info h4 { font: bold 14px Arial, Helvetica, sans-serif; color: #5f3385; margin: 0px; padding: 0px 0px; }
#main_cont #sub_cont table#concerts td.info p { margin: 0px; font: bold 13px Arial, sans-serif; color: #333; }
#main_cont #sub_cont .concerts_hdr { display:none; }
#main_cont #sub_cont .concerts_more {  display:none; }




.event_r1 { background: #f6f6f6; }
.event_r2 { background: #fff; }
.event { width: 652px; margin: 0 0 20px 0; }
.event .image { float:left; width: 150px; text-align:center; margin: 0 10px 0 0; }
.event .info { float:left; width: 492px; }
.event .info h2 { font: bold 18px Arial, Helvetica, sans-serif; margin: 0 0 2px 0; padding: 0px; color: #53247b; }
.event .info h3 { font: bold 14px Arial, Helvetica, sans-serif; margin: 0 0 2px 0; padding: 0px; color: #333; }
.event .info p { margin-top: 0px; }

#home_event { width: 170px; margin: 0 0 6px 0; background: #fff; padding: 1px 5px; }
#home_event .event { width: 170px; margin: 0 0 8px 0; padding: 0px; }
#home_event .event .image { display:none; margin: 0px; padding: 0px; }
#home_event .event .info { float:left; width: 170px; margin: 0px; padding: 0px; }
#home_event .event .info h2 { font: bold 13px Arial, Helvetica, sans-serif; margin: 0 0 1px 0; padding: 0px; color: #53247b; }
#home_event .event .info h3 { font: bold 12px Arial, Helvetica, sans-serif; margin: 0 0 1px 0; padding: 0px; color: #333; }
#home_event .event .info p { display:none; margin-top: 0px; }
#home_event .more { width: 170px; text-align:right; padding: 0 0 5px 0; }

#home_comm { width: 170px; margin: 0 0 6px 0; background: #fff; padding: 1px 5px; }
#home_comm .event { width: 170px; margin: 0 0 8px 0; padding: 0px; }
#home_comm .event .image { display:none; margin: 0px; padding: 0px; }
#home_comm .event .info { float:left; width: 170px; margin: 0px; padding: 0px; }
#home_comm .event .info h2 { font: bold 13px Arial, Helvetica, sans-serif; margin: 0 0 1px 0; padding: 0px; color: #53247b; }
#home_comm .event .info h3 { font: bold 12px Arial, Helvetica, sans-serif; margin: 0 0 1px 0; padding: 0px; color: #333; }
#home_comm .event .info p { display:none; margin-top: 0px; }
#home_comm .more { width: 170px; text-align:right; padding: 0 0 5px 0; }

table#mix_top { border-collapse: collapse; margin: 0px; padding: 5px 0px; background: #fff; color: #000; width: 300px; }
table#mix_top td.rank { display:none; width: 10px; padding: 5px 5px 5px 15px; font: bold 14px Arial; color: #333; }
table#mix_top td.info { padding: 5px 5px; font: bold 14px Arial; color: #333; font-style:italic; }
table#mix_top td.info span { color: #3d0a67; font-style:normal; }

.mix_artist { width: 300px; text-align:center; margin: 0; }



table#mix_tracks { border-collapse: collapse; margin: 0px; padding: 5px 0px; background: #fff; color: #000; width: 300px; }
table#mix_tracks td.info { padding: 5px 5px; font: bold 14px Arial; color: #333; font-style:italic; }
table#mix_tracks td.info span { color: #3d0a67; font-style:normal; }


/* home page blog */

.news_cont { width: 466px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 10px solid #eee; }
.news_headline { font-size: 22px; font-family: helvetica; font-weight: bold; color: #333; }
.news_date { font-size: 11px; font-family: helvetica; color: #93817e; font-style: italic; margin-bottom: 8px; }
.news_details { font-size: 12px; font-family: helvetica; font-weight: normal; color: #333; }
.news_ratings { margin-bottom: 10px; }


/***COUNTDOWN SCRIPT***/

/* timer general */
#timer {
	position:relative;
	padding-top: 40px;
	padding-left: 10px;
	width: 552px;
	height: 100px;
}

hr {
	position:absolute;
	left:0;
	width:552px;
	display: none;
}

*:first-child+html hr {
	top:370px;
}


/* timer numbers */
.timer_numbers {
	font-size:50px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:left;
	color:#ffffff;
}

#timer_days {
	background:url(/graphics/countdown1.png)  no-repeat;
	float:left;
	width:118px;
	height:82px;
	padding:10px 0 0 18px;
	letter-spacing:32px;
}

#timer_hours {
	background:url(/graphics/countdown1.png)  no-repeat;
	float:left;
	width:118px;
	height:82px;
	padding:10px 0 0 18px;
	letter-spacing:32px;
}

#timer_mins {
	background:url(/graphics/countdown1.png)  no-repeat;
	float:left;
	width:118px;
	height:82px;
	padding:10px 0 0 18px;
	letter-spacing:32px;
}

#timer_seconds {
	background:url(/graphics/countdown2.png)  no-repeat;
	float:left;
	width:118px;
	height:82px;
	padding:10px 0 0 18px;
	letter-spacing:32px;
}

/* timer labels */
.timer_labels {
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-align:center;
	color:#fff;	
}

#timer_labels {
	position:relative;
}

#timer_days_label {
	position:absolute;
	top:80px;
	left:38px;	
}

#timer_hours_label {
	position:absolute;
	top:80px;
	left:170px;
	
}

#timer_mins_label {
	position:absolute;
	top:80px;
	left:310px;	
}

#timer_seconds_label {
	position:absolute;
	top:80px;
	left:445px;
}

#sponsor {
 position: absolute; 
 top: 30px; 
 left: 550px; 
 width: 120px; 
 height: 86px; 
 background-color: transparent; 
 border: none;
 outline: none;
 }