/* Screen Styles for WRIR */

/* YUI Reset ----------------------------------------------------*/
@import url("http://yui.yahooapis.com/2.7.0/build/reset/reset-min.css");

/* Main HTML Bits ----------------------------------------------------*/
html, body{
	background:#000 url(../img/body_bg.gif) repeat 0 0;
	color:#fff;
	font:12px/18px Arial, Helvetica, sans-serif;
}
#wrapper {
	width:1090px;
	background:url(../img/content_bg.gif) 220px repeat-y;
	margin:70px 0 0;
}
#home #wrapper {
	background:none;
}
#wrapper .inner {
	overflow:hidden;
}
#toplogo{
	width:211px;
	height:171px;
	position:absolute;
	top:0;
	left:0;
}
#toplogo a{
	background:url(../img/logo.gif) no-repeat 0 0;
	display:block;
	height:171px;
	text-indent:-99999px;
	width:211px;
}
a{
	color:#d9282f;
	outline:none;
}
a:hover, a:active{
	text-decoration:none;
}
.clear.right {clear: right;}
.clear.left {clear: left;}
.clear.both {clear: both;}
/* Columns ----------------------------------------------------*/
.column{
	float:left;
	margin-right:10px;
}
.bannerimg {
	display:block;
	float:left;
}
.column.last {
	width:180px;
	margin:0;
}

/* Nav Column ----------------------------------------------------*/
#nav{
	margin:111px 10px 0 100px;
	width:110px;
}
#nav ul.primary{
	margin-bottom:30px;
}
#nav ul.primary li{
	display:block;
	height:110px;
	width:110px;
}
#nav ul.primary li a{
	cursor:pointer;
	display:block;
	height:110px;
	text-indent:-9999px;
	width:110px;
}
#nav ul.primary li.listen a{
	background:url(../img/nav_listen.gif) no-repeat 0 0;
}
#nav ul.primary li.schedule a{
	background:url(../img/nav_schedule.gif) no-repeat 0 0;
}
#nav ul.primary li.shows a{
	background:url(../img/nav_shows.gif) no-repeat 0 0;
}
#nav ul.primary li.station a{
	background:url(../img/nav_station.gif) no-repeat 0 0;
}
#nav ul.primary li a:hover, #nav ul.primary li a:active, #nav ul.primary li.on a{
	background-position:-110px 0;
}
#nav ul.secondary li{
	padding:5px 0 0 10px;
	height:25px;
}
#nav ul.secondary li a{
	color:#fff;
}

/* Schedule Column ----------------------------------------------------*/
#schedule{
	border-bottom:1px solid #9c9c9c;
	margin-top:40px;
	position:relative;
	width:200px;
}
#schedule h2{
	background:#fff url(../img/schedule_heading.gif) no-repeat 0 0;
	height:30px;
	text-indent:-9999px;
	width:100px;
}
#schedule div#schedule_nav{
	background:url(../img/schedule_nav.gif) no-repeat 0 0;
	height:30px;
	left:100px;
	position:absolute;
	text-indent:-9999px;
	top:0;
	width:100px;
}
#schedule div#schedule_nav.Sunday {
	background-position:0 0;
}
#schedule div#schedule_nav.Monday {
	background-position:0 -30px;
}
#schedule div#schedule_nav.Tuesday {
	background-position:0 -60px;
}
#schedule div#schedule_nav.Wednesday {
	background-position:0 -90px;
}
#schedule div#schedule_nav.Thursday {
	background-position:0 -120px;
}
#schedule div#schedule_nav.Friday {
	background-position:0 -150px;
}
#schedule div#schedule_nav.Saturday {
	background-position:0 -180px;
}
#schedule div#schedule_nav a:link, #schedule div#schedule_nav a:visited{
	background:url(../img/schedule_nav.gif) no-repeat 0 0;
	display:block;
	height:30px;
	left:0;
	position:absolute;
	top:0;
	width:12px;
}
#schedule div#schedule_nav a.next:link, #schedule div#schedule_nav a.next:visited{
	background-position:-88px 0;
	left:88px;
}
#schedule div#schedule_nav a.prev:hover, #schedule div#schedule_nav a.prev:active{
	background-position:0 -30px;
}
#schedule div#schedule_nav a.next:hover, #schedule div#schedule_nav a.next:active{
	background-position:-88px -30px;
}
#schedule ul{
	background:#666 url(../img/schedule_bg_new.gif) no-repeat 0 0;
}
#schedule ul li{
	font-size:.916em;
	height:32px;
	overflow:hidden;
	padding:8px 18px;
}
#schedule ul li.now{
	font-size:1em;
	height:189px;
	padding:10px 18px;
}
#schedule ul li.now span.now{
	font-size:1.167em;
}
#schedule ul li.now span.time{
	color:#ccc;
	font-size:1.75em;
}
#schedule ul li.now span.show{
	color:#1cd2e7;
	font-size:1.75em;
}
#schedule ul li.now p{
	margin:10px 0 10px;
}
#schedule ul li.now a{
	color:#fff;
	display:block;
	font-size:.916em;
	text-transform:uppercase;
}
#schedule ul li a:link, #schedule ul li a:visited {color:white; text-decoration: none;}
#schedule ul li a:hover {color:#D9282F;}

/* Content Column ----------------------------------------------------*/
#content{
	position:relative;
	width:680px;
}
#content ul.nav{
	left:0;
	position:absolute;
	top:60px;
}
#content ul.nav.blog{
	float: left;
	position: relative;
	top: 0;
	margin-top: 30px;
}
#content ul.nav a{
	color:#333;
	display:block;
	padding:8px 10px;
	text-decoration:none;
	width:140px;
}
#content ul.nav li li a{
	color:#666;
	width:135px;
	padding: 2px 10px 2px 20px;	
}
#content ul.nav li li li a{
	color:#999;
	padding: 2px 10px 2px 30px;	
	width:130px;	
}
#content ul.nav a:hover, #content ul.nav a:active, #content ul.nav>li.here>a, #content ul.nav li li.here>a {
	color:#fff;
}
#content h2{
	height:40px;
	text-indent:-9999px;
	width:680px;
}
#content a{
	color:#d9282f;
}
#content strong{
	font-weight:bold;
}
#content div.block{
	color:#333;
	margin-left:160px;
	min-height:500px;
	padding-bottom:40px;
	position:relative;
	width:520px;
}
#content div.block h3{
	background:url(../img/subpage_h3_bg.gif) no-repeat 0 0;
	color:#000;
	font:bold 1.5em Arial, Helvetica, sans-serif;
	height:30px;
	padding:10px 20px 0 0;
	text-align:right;
	width:500px;
}
#content div.block h3 a {color: black; text-decoration: none;}

#content div.block h4{
	font:bold 2.333em Arial, Helvetica, sans-serif;
	margin:0 20px 10px;
}
#content div.block h4 span{
	color:#c33;
	display:block;
	font-size:.357em;
	height:10px;
	text-transform:uppercase;
}
#content div.block h4 a{
	color:#000;
	text-decoration:none;
}
#content div.block h4 a:hover, #content div.block h4 a:active{
	text-decoration:underline;
}
#content div.block img{
	float:left;
	padding:5px 20px 20px;
}
#content div.block p, #content div.block ul, #content div.block ol{
	margin:0 20px 20px 20px;
}
#content div.block ul li{
	list-style-type:disc;
	margin:0 0 20px 20px;
}
#content div.block div.slug{
	background:url(../img/subpage_h3_bg.gif) no-repeat -2px -10px;
	border-bottom:1px solid #ccc;
	clear:both;
	margin:0 20px 20px;
	padding:30px 0 19px 90px;
	position:relative;
}
#content div.bloglist div.blog-post {
	overflow:hidden;
	height:1%;
}
#content div.bloglist div.slug {
	clear:none;
}
#content div.block div.slug img.author{
	border-right:1px dotted #999;
	left:0;
	padding:0 12px 0 3px;
	position:absolute;
	top:33px;
}
#content div.block div.slug p{
	margin:0;
}
#content div.block div.slug p.bio{
	color:#666;
}
#content div.block div.slug a{
	color:#333;
}
#content div.block div.slug a img{
	left:0;
	padding:0;
	position:absolute;
	top:1px;
}
#content div.block div.slug a.comments, #content div.block div.slug a.sharethis{
	padding:0 20px;
	position:relative;
}
#content div.block div.slug.comment{
	background:url(../img/subpage_h3_bg.gif) no-repeat -2px -19px;
	border-bottom:none;
	clear:both;
	margin:10px 20px 20px;
	padding:20px 0 19px 20px;
}

#content div.block div.slug.comment blockquote {
	margin: 20px 20px 0 0;
}
#content div.block div.slug.comment blockquote p {
	margin: 10px 0;
}
#content div.block div.slug.comment h6 {
	color: #999;
	border-top: 1px solid #999;
	padding-top: 10px;
}
#content div.block p.nav{
	color:#d9282f;
	text-align:right;
}

/* home page content column ----------------------------------------------------*/
#home #content{
	background:none;
	margin-top:70px;
	width:470px;
}
#home #content div.block{
	background:#d6d6d6;
	color:#666;
	margin:0 0 10px;
	padding-bottom:20px;
	position:relative;
	width:470px;
	height:auto;
	min-height:inherit;
}
#home #content div.block h2{
	height:50px;
	margin-bottom:10px;
	width:470px;
}
#home #content div.block h3{
	background:none;
	text-align:left;
}
#home #content div.block img{
	padding:0;
}
#home #content div.block p img{
	padding:0 10px 10px;
}
#home #content div.block p.slug{
	clear: both;
}
#home ul.thumbs {
	margin-right:0 !important;
}
#home ul.thumbs li {
	list-style-type:none !important;
	margin:0 !important;
}

/* schedule sub-pages ----------------------------------------------------*/
.schedule #content h2{
	background:url(../img/schedule_heading_sp.gif) no-repeat 0 0;
}
.schedule #content ul.nav a:hover, .schedule #content ul.nav a:active, .schedule #content ul.nav>li.here>a, .schedule #content ul.nav li li.here>a{
	background:#21a734;
}
.schedule #wrapper .inner {
	background:url(../img/schedule_block_bg.jpg) 380px bottom no-repeat;
}
.schedule #content div.block {
	padding-top:20px;
}
.schedule #content div.block dl {
	padding:0 40px;
}
.schedule #content div.block dt {
	padding:20px 0 0;
}
.schedule #content div.block dd {
	padding:0 20px;
	background:url(../img/dd-bullet.gif) 7px 6px no-repeat;
}

/* shows main page ----------------------------------------------------*/
#content div.block ul.shows.tiles li {list-style-type: none; width: 90px; height: 120px; padding: 10px; margin: 10px 2px; float: left;}
#content div.block ul.shows.tiles li img {float: none; padding: 0;}
#content div.block ul.shows.tiles li span.tile {display: block; background-color: #eee; height: 70px; width: 70px;}
#content div.block ul.shows.tiles li span.title {display: block; clear: left; font-size: 10px; line-height: 12px; margin-top: 10px;}


/* shows sub-pages ----------------------------------------------------*/
.shows #content h2{
	background:url(../img/shows_heading_sp.gif) no-repeat 0 0;
}
#content div.block h5.dj {font-size: 1.25em;margin: 0 20px 30px; color: #999;}
.shows #content ul.nav a:hover, .shows #content ul.nav a:active, .shows #content ul.nav>li.here>a, .shows #content ul.nav li li.here>a{
	background:#2cafbf;
}
.shows #wrapper .inner {
	background:url(../img/shows_block_bg.jpg) 380px bottom no-repeat;
}


/* station sub-pages ----------------------------------------------------*/
.station #content h2, 
.blog #content h2{
	background:url(../img/station_heading_sp.gif) no-repeat 0 0;
}
.station #content ul.nav a:hover, .station #content ul.nav a:active, .station #content ul.nav>li.here>a, .station #content ul.nav li li.here>a,
.blog #content ul.nav a:hover, .blog #content ul.nav a:active, .blog #content ul.nav>li.here>a, .blog #content ul.nav li li.here>a {
	background:#b2ab4d;
}
.station #wrapper .inner, .blog #wrapper .inner {
	background:url(../img/station_block_bg.jpg) 380px bottom no-repeat;
}
div.ltcol {	clear: left; float: left;width: 160px;}
div.ltcol h3 {
	background:url("../img/subpage_h3_bg.gif") no-repeat scroll 0 0 transparent;
	color:#000000;
	font:bold 1.5em Arial,Helvetica,sans-serif;
	height:30px;
	padding:10px 20px 0 10px;
	text-align:left;
	margin-top: 30px;
	}
div.ltcol ul{
	margin: 0 10px 20px 25px;
}
div.ltcol ul li {list-style-type: square; color: black; padding: 0 0 10px 0;}
#content div.ltcol ul li a {color: #333; text-decoration: none;}
#content div.ltcol ul li a:hover {text-decoration:underline;}

/* intro ----------------------------------------------------*/
#home #content div.intro h2{
	background:url(../img/intro_heading.gif) no-repeat 0 0;
}
#home #content div.intro.block{
	background:#fff;
}
#home #content div.intro.block p{
	color:#000;
	font:1em/1.25em Arial, Helvetica, sans-serif;
}
#home #content div.intro.block p.nav{
	color:#d9282f;
	font-size:1em;
}
#home #content div.intro.block strong{
	color:#d9282f;
}

/* shows ----------------------------------------------------*/
#content div.shows h2{
	background:url(../img/shows_heading.gif) no-repeat 0 0;
}
#content div.shows img.big{
	margin-bottom:10px;
}
#content div.shows p{
	color:#666;
	font-size:1.167em;
	text-align:right;
}
#content div.shows ul.thumbs{
	height:110px;
	margin:10px 20px 10px;
	position:relative;
}
#content div.shows ul.thumbs a:link, #content div.shows ul.thumbs a:visited{
	background:none;
	display:block;
	float:left;
	height:80px;
	width:90px;
}
#content div.shows ul.thumbs a:hover, #content div.shows ul.thumbs a:active{
	background:url(../img/shows_thumbs_arrow.gif) no-repeat 30px 70px;
}
#content div.shows ul.thumbs li.last a{
	width:70px;
}
#content div.shows ul.thumbs span{
	display:none;
}
#content div.shows ul.thumbs a:hover span, #content div.shows ul.thumbs a:active span{
	background:#ebebeb;
	bottom:0;
	color:#3499a5;
	display:block;
	height:24px;
	left:0;
	padding:6px 10px 0;
	position:absolute;
	width:410px;
}

/* blog ----------------------------------------------------*/
#content div.blog h2{
	background:url(../img/blog_heading.gif) no-repeat 0 0;
}
#content div.blog h3{
	width:auto;
	height:auto;
	color:#938e3f;
	font-size:18px;
	margin:0 20px 10px;	
}
#content div.blog h3 a{
	color:#938e3f;
}
#content div.blog p.slug{
	border-top:1px solid #666;
	color:#938e3f;
	margin-top:-15px;
	padding-top:4px;
}
#content div.blog p.slug a{
	color:#938e3f;
}
table.playlist {
	border-collapse: collapse;
	border: 2px solid #B2AB4D;
	margin:0 20px 20px;
	width: 480px;
	}
table.playlist td {
	border: 1px solid #e0ddd5;
	padding: 5px;
	}
table.playlist th {
	font-weight: bold;
	padding: 5px;
	background-color: #e0ddd5;
	border: 1px solid white;
	}
#add_comment textarea{
	width:470px;
	height:125px;
}



/* Connect Column ----------------------------------------------------*/
body#home div.top {margin:70px 0 0;}
div.top {margin: 0;}
#connect{
	background:#d1d1d1 url(../img/connect_bg.gif) no-repeat 0 40px;
	color:#fff;
	width:180px;
	
}
#connect h2{
	background:url(../img/connect_heading.gif) no-repeat 0 0;
	height:40px;
	text-indent:-9999px;
	width:180px;
}
#connect h3{
	color:#000;
	font:bold 1.167em Arial, Helvetica, sans-serif;
	margin:10px;
}
#connect p{
	font-size:1.5em;
	margin:0 10px 20px;
}
#connect a{
	color:#fff;
}
#connect a.social{
	display:block;
	height:20px;
	margin:10px;
	text-indent:-9999px;
	width:160px;
}
#connect a.social.twitter{
	background:url(../img/connect_twitter.gif) no-repeat 0 0;
}
#connect a.social.facebook{
	background:url(../img/connect_facebook.gif) no-repeat 0 0;
}
#connect a.social.flickr{
	background:url(../img/connect_flickr.gif) no-repeat 0 0;
}
#connect img{
	padding:10px;
}
#connect div#signup{
	background:#fff url(../img/signup_bg.gif) no-repeat bottom left;
	height:30px;
	position:relative;
	width:180px;
}
#connect #signup input{
	font-size:1.166em;
	position:absolute;
}
#connect #signup input#email{
	border:1px solid #d1d1d1;
	color:#d1d1d1;
	height:18px;
	margin:5px;
	width:98px;
}
#connect #signup input#email.hasFocus{
	color:#000;
}
#connect #signup input#submit{
	background:#393939;
	border:none;
	color:#fff;
	cursor:pointer;
	height:30px;
	left:110px;
	top:0;
	width:70px;
}

/* Footer ----------------------------------------------------*/
#footer{
	background:transparent url(../img/footer_bg.gif) no-repeat 0 0;
	clear:both;
	margin:0 0 20px 220px;
	padding-top:80px;
	text-align:right;
	width:680px;
}
#footer p.nav{
	color:#d9282f;
}
#home #footer{
	background:transparent url(../img/footer_bg_home.gif) no-repeat 0 0;
	clear:both;
	height:300px;
	margin:0 0 20px 430px;
	padding:0;
	text-align:right;
	width:630px;
}
#home #footer ul.primary{
	margin:10px 0;
}