body {
	background-color:#ccc;
}
#body { position:relative; }
li { list-style:none; }
#content .channel h1 { line-height:60px; 
font-size: 30px;
letter-spacing: -1px; font-family:Helvetica, Arial; }
#content .channel h2 {
	font-family:Helvetica, Arial;
	border-top: 2px solid black;
	padding-top: 7px;
	color:#333;
	padding-bottom: 20px;
	font-size:18px;
}

body .channel a:hover {
	text-decoration:none;
}
#content .channel .widecol { width:570px; }
#content .channel .widecolextra { width:760px; }
#content .channel .sidecol { width:370px; }
#content .channel .sidecolextra { width:180px; }


#featured_video { position:relative; }
#featured_video .video { height:400px; width:100%; position:relative; overflow:hidden;}
#featured_video .backg, #featured_video iframe, #video_iframe { height:100%; width: 100%; }
img#video_iframe { height:auto; }
#featured_video .play { width: 65px; height:86px; position:absolute; top:-3px; right:0; }
#featured_video .play img { width:240px;}
#featured_video .play_video { position: absolute; color: #fff; top: 58px; font: 11px Georgia; color: #777; font-style: italic; right: 13px;} 


#featured_video .backg {position:absolute; top:0; left:0; cursor:pointer;}
.show_banner { overflow:hidden; width:100%; display:block; height: 45px; } 
.show_page .show_banner {margin-top:15px; }
#featured_video .text { position: absolute; width: 100%; bottom: 0;  min-height:100px;}
#featured_videos img, img#video_iframe { margin-top:-10% }
#featured_video h3, #featured_video a { color:#fff; }
#featured_video h3 { font-size:18px; line-height: 24px; margin-bottom:14px;}
#featured_video .text { }
#featured_video .text h3 span{ background-color: black; padding: 1px 0 5px 0;}
#featured_video .text .teaser span  {  }
#featured_video .text h3 {padding:0; margin-right:30%; }
#featured_video .teaser  { position:relative; padding: 8px 0; color:#ddd; padding-right:30%; margin-right:8px; min-height:75px; }
#featured_video .teaser { background-color: black; font: 12px/16px Georgia; }
#featured_video .wrapper { border-left:8px solid #000;}

#featured_videos {}
#content .channel #featured_videos h2 { border-top:0; }
#featured_videos li { float:left; width: 176px; margin-right:14px;}
#featured_videos .img { width:100%; height:102px; overflow:hidden;}
#featured_videos img { width:100%; }

#web_exclusives li { margin-bottom:14px; padding-left:168px; position:relative; min-height:105px;}
.widget { width:366px; margin: 0 14px 14px 0; float:left; }
.box li h3 { font-family:Georgia, Times New Roman; color:#000; border-bottom:1px dotted #000; 
font-size: 14px;
padding-bottom: 6px;
margin-bottom: 6px; font-weight:normal}
.channel #web_exclusives h2 { color:#B11; border-color:#B11;}
#web_exclusives { margin-bottom:30px; }
#web_exclusives li .showname { margin-bottom:4px; }
#web_exclusives li .img { width:160px; height:90px; overflow:hidden; position:absolute; left:0; top:0; }
#web_exclusives li .img img{ width:160px; }
#web_exclusives li .teaser { height: 60px; overflow:hidden; }
#web_exclusives li .time { position:absolute; top: 95px; left: 0; color:#777;}
.box li .time { color:#777; font-size:9px; }
.box li .img img { border-top:3px solid #777; }
.box a div { color:#333; }
.box li .showname { font-size:10px; text-transform:uppercase; margin-top:4px; }

.channel .more { border-top:1px solid #000; }
.channel .more a { background-color: transparent; color:#222; border-radius:0; text-transform:uppercase; }
#upcoming { }
.show_page #upcoming { float:left; width:366px; margin-right:14px; margin-bottom:14px;}
.show_page #upcoming h2 { padding: 7px 100px 7px 10px; color:#fff;}
 #upcoming li { float:left; width:176px; margin-right:14px; 
height: 320px;
margin-bottom: 15px;
overflow: hidden;}
.show_page #upcoming h2 { background-color:#777; }
.channel #upcoming li.duocol { width:366px;  }
.channel #upcoming li.duocol h3 { height:auto; padding-right:20px;}
.duocol .text { float:left; width: 176px; margin-right: 10px; font-family}
.duocol .teaser { float:left; width:175px; }
.duocol .time{ font-size:1em; font-family:Helvetica, Arial; }
#upcoming li h3, #featured_videos li h3 { height:48px; overflow:hidden; }
#upcoming li .time { color:#a00; font-weight:bold; font-size:11px; margin-bottom:11px}
#upcoming li .img { height:102px; overflow:hidden; text-align:center;}
#upcoming li .teaser { height:108px; overflow:hidden; line-height:15px;} 
.channel #upcoming .duocol .img { height: 210px; margin-bottom:10px;}
.channel #upcoming .duocol .showname { margin-top: 0; }
#upcoming .img img { width:100%;}

#aboutshow { float:left; width: 366px; margin-bottom:14px;}
#aboutshow .img img { width:100%; }
#aboutshow .text , #aboutshow .teaser{ width:166px;}
#aboutshow .bottom { background-color:#ddd; padding:10px; }

#socialmedia_buttons { height:50px; overflow:hidden; margin-top:10px; }
#socialmedia_buttons a { width:175px; margin:10px 5px; display:block; background-repeat:no-repeat; float:left; color:#777; font-weight:bold; font-family:Helvetica, Arial}
#socialmedia_buttons li { list-style:none; padding-left:33px; line-height:14px; font-size:11px;}
#socialmedia_buttons .twitter { background-image:url(/v3/img/twitter_27x27.png); }
#socialmedia_buttons .facebook { background-image:url(/v3/img/fb_27x27.png); }


#shows { margin-top:50px; }
.show_group { overflow:hidden; margin-bottom:10px; background-color:#d8d8d8; }
#shows .show_group h2{ border-top: 0; background-color:#A02020 ; padding:0 40px 0 20px; color:#fff; line-height:40px; background-repeat:no-repeat; background-position: right center; background-image: url(../img/showgroup.png); float:left; }
#shows li { float:left; width:176px; margin-right:14px; height:244px;}
#shows li h3 { font-size:14px; letter-spacing:-1px; margin-top:5px; font-weight:bold; font-family:Helvetica, Arial; text-transform:none;}
#shows li .img { height: 132px; }
#shows li .img img { width:176px; }
#shows li .timeslot { font-size:14px; font-weight:bold; color:#777; float:left; width:70px;}
#shows li .twitter a, 
#shows li .facebook a { background-image:url(/v3/img/twitter_19x19.png); width:19px; height:19px; background-color:#2AC; color:#fff; display:inline-block; text-align:center; }
#shows li .facebook a { background-image:url(/v3/img/fb_19x19.png); background-color:#20C; }
#shows li .facebook { font-size:12px; font-weight:bold; color:#2AC; text-align:right; float:right; margin-bottom:4px;}
#shows li .twitter { font-size:12px; font-weight:bold; color:#2AC; text-align:right; float:right; clear:right; }
.channel li.otherlinks a { color:#ff0; }
#content .channel li.otherlinks h3 { width: 150px; float:left; color:#fff; border-bottom:0; margin:10px; font-size:20px; letter-spacing:0; font-weight:normal; line-height:1.1em;  }
#content .channel li.horlinks { margin-right:14px; float:left; width: 366px; height:115px; margin-bottom:14px; position:relative; }
.show_page .fillers { padding-top:20px; border-top:1px solid #000;}
.channel .otherlinks .text { color:#fff; margin-top:15px; }
.show_page #upcoming li .text { margin-top:0 }
.channel li .subtext { clear:both; font-family:Georgia, 'Times New Roman';color:#fff; position:absolute; left:10px; bottom:10px;}
.channel #superradyo_links .text { font-size:24px; }
.channel #schedule_link { background-color:#333;}
.channel #socialmedia_links { background-color: #d62126; }
.channel #superradyo_links { background-color: #d78228; }
#shows ul  { margin-bottom:28px; }

#footer { border-top:10px solid #000; position:relative;}



#schedule h1 { color:#fff; padding: 5px 10px; }
#schedule .socialmedia { background-color:#d62126}
#schedule .full { padding: 5px 10px;}
#schedule .items div { padding: 10px 10px; font-size:16px; font-weight:bold; border-bottom:1px solid #eee; color:#777;}
#schedule .items .t { width:80px; display:inline-block; color:#000;}

.channel { margin:0 10px;}

.ad_300x250 { background-color:#eee; padding:20px 0; }
.adtower .adel, .ad_120x600 .adel { width:auto; text-align:center; }
.adtower, .ad_120x600 { margin: 0 5px; padding-bottom:13px; margin-bottom:20px;}


@media handheld,screen and (max-width:900px) {
.channel {
	margin: 0 0;
}
#content .channel .widecol,
#content .channel .widecolextra,
#content .channel .sidecol,
#content .channel .sidecolextra { width:auto; margin:0 10px }
}

@media handheld,screen and (max-width:600px) {
	#shows li { width:136px; }
	#shows li .img img { width:136px; }
	#shows li .img { height:105px; }
	.widget { width:auto; }
	.widget iframe { width:100% !important;  }
	#featured_videos li { float:none; }
	#featured_videos .img { width:100px; height: 75px; float:left; margin-left:10px;}
	#featured_videos .teaser { clear:both; }
	.show_page #upcoming, .show_page #aboutshow { width:auto; float:none; }
	
	.duocol .text, .duocol .teaser,
	#featured_videos li, #content .channel li.horlinks , li.duocol, .channel #upcoming li.duocol { width:auto; height:auto; margin-right:0}
	.horlinks img{ width:100%; }
	
}