/*********** PURE RADIO styles **************
author: Dan at iChameleon
email: dan.donald@ichameleon.com
********************************************/

/*************** tag definitions ************/
html,body{
	margin:0;
	padding:0;
	font-family: Arial,Verdana,Helvetica;
	font-size: 0.9em;
	font-weight: normal;
	color:#000;
	background:#7F7B7A;
	height:100%;
}

h1,h2,h3,h4 {
	margin:0;
	padding:0;
}

/*************** general classes **************/
.noshow {
	display:none;
	visibility:hidden;
}

.msg {
	background:#FDFBD0;
	border:1px solid #933;
	margin:15px 0 15px 0;
	padding:8px;
}

.keywords {
	background:#FDFBD0;
}

/**************** Wrappers ******************/
#bgwrapper{
	height:800px;
	margin:0;
	padding:0;
	background:#A33D77 url(/img/bk_background-fade.jpg) repeat-x;
	text-align:center;
}

#wrapper {
	width:830px;
	margin:0 auto;
	padding:0;
	/*border:thin dotted #fff;*/
	text-align:left;
}

#content_wrapper{
	position:absolute;
	top:250px;
	width:700px;
	/*float:left;*/
	margin:0;
	padding:0;
	/*border:thin dotted #fff;*/
	background:url(/img/bk_main-content2.gif) repeat-y 0 50%;
}

/*** content boxes ***/
.content_panel_inner {
	width:auto;
	padding:0;
	margin-bottom:5px;		
}

/*** content panels inside content area */
.content_panel_inner-wrapper-wide{
	width:338px;
	padding:0;
	margin-bottom:5px;
	/*border:1px dotted #000;*/
	background:url(/img/bk_inner-panel_mid-wide.gif) repeat-y;
}

.content_panel_inner-header-wide {
	background:url(/img/bk_inner-panel_top-wide.gif) no-repeat;
	padding: 0 12px;
	padding-top:10px;
	margin:0;
}

.content_panel_inner-bottom-wide {
	height:20px;
	background:url(/img/bk_inner-panel_bottom-wide.gif) no-repeat bottom;
}
 
/**** narrower inner content panels ****/
.content_panel_inner-wrapper{
	/*border:thin solid #ccc;*/
	/*margin:20px;*/
	width:162px;
	margin-bottom:5px;
	padding:0;
	background:url(/img/bk_inner-panel_mid.gif) repeat-y;
}

.content_panel_inner-header {
	background:url(/img/bk_inner-panel_top.gif) no-repeat;
	padding:10px 10px 0 12px;
}

.content_panel_inner-bottom {
	height:18px;
	background:url(/img/bk_inner-panel_bottom.gif) no-repeat;
}

/*** left column navigation ***/
.content_panel_outer-wrapper {
	margin:0 auto;
	padding:0;
	width:152px;
}

.content_panel_outer {
	padding:0 10px;
	background:#fff url(/img/bk_outer-panel.gif) repeat-y;
	margin:0 auto;
}

.content_panel_outer-header {
	background:url(/img/bk_outer-panel_top.png) no-repeat;
	/*padding-left:12px;
	padding-top:10px;*/
	padding:10px 10px 0 12px;
	margin:0;
}

.content_panel_outer-header .top_level {
	list-style:none outside none;
	margin:0;
	padding:0;
}

.content_panel_outer-header .top_level li {
	padding-top:5px;
	margin:0;
	font-family:Tahoma;
	font-weight:bold;
	line-height:1.2em;
	font-size:1em;
}

.top_level li a.selected, .top_level li a:link.selected {
	color:#EF008C;
}

.content_panel_outer-header li a:link,.content_panel_outer-header li a {
	color:#000;
	text-decoration:none;
}

.sub_level li a:link, .sub_level li a, .page_tools li a:link, .page_tools li a {
	color:#666;
	text-decoration:none;
}

.content_panel_outer-header li a:visited {
	color:#000;
	text-decoration:none;
}

.content_panel_outer-header li a:hover {
	color:#EF008C;
	text-decoration:none;
}

.content_panel_outer-header li a:active {
	color:#900;
	text-decoration:underline;
}

.content_panel_outer-header .sub_level {
	list-style-position:outside;
	list-style-image:url(/img/list_arrow.gif);
	margin-left:20px;
	padding:0;
}

.content_panel_outer-header .sub_level li,.content_panel_outer-header p {
	margin:0.2em 0;
	padding:0;
	line-height:1.3em;
	font-size:0.9em;
	font-weight:normal;
	font-family: Arial,Verdana,Helvetica;
	color:#666;
}

.content_panel_outer-header .page_tools {
	list-style-position:outside;
	list-style-image:url(/img/list_arrow.gif);
	padding:5px 0 2px 20px;
	margin:0;
	border:0;
}

.content_panel_outer-header .page_tools li {
	margin:0.2em 0;
	padding:0;
	border:0;
	line-height:1.3em;
	font-size:0.9em;
	font-weight:normal;
	/*font-family: Arial,Verdana,Helvetica;*/
	color:#666;
}

.content_panel_outer-header p, .content_panel_outer-header h3 {
	padding:0;
	margin:0;
}

.content_panel_outer-bottom {
	height:27px;
	background:url(/img/bk_outer-panel_bottom.png) no-repeat;
	margin-bottom:5px;
}




.content_highlight {
	background:#C00070 url(/img/bk_content_highlight.gif) repeat-x bottom;
	color:#fff;
	font-weight:bold;
	padding:8px;
	padding-bottom:21px;
}



/**************** header styles **************/
#header {
	position:absolute;
	top:10px;
	width:765px;
	margin:195px 0 0 15px;
	padding:0;
	border:0;
	z-index:3;
	/*border:thin dotted #000;*/
}

/*** full header graphic ***/
#header_upper {
	position:absolute;
	top:0px;
	width:761px;
	height:230px;
	margin-top:20px;
	padding:0;
	border:0;
	/*border:thin dotted #000;*/
	background:url(/img/header-full.png) no-repeat;
	/*background:url(/img/header.png) no-repeat;*/
	z-index:1;
}

/*** banner image ***/
#top_feature {
	position:absolute;
	top:20px;
	width:765px;
	display:block;
	visibility:visible;
	margin:0 auto;
	margin-top:10px;
	/*border:thin solid #000;*/
}

#top_feature img {
	margin: 47px 0 0 190px;
}

/*** the 'on-air' and weather links ***/
#top_info {
	position:absolute;
	top:0;
	width:470px;
	margin:17px 0 0 205px;
	padding:0;
	/*border:thin dotted #000;*/
	z-index:5;
}

#on-air-title {
	width:19%;
	height:25px;
	float:left;
	margin-top:2px;
	background:url(/img/title_on-air.gif) no-repeat top left;
}

#on-air {
	width:50%;
	height:47px;
	float:left;
	margin-top:9px;
	overflow:hidden;
}

#on-air img {
	float:left;
	padding-top:1px;
	margin-right:7px;
	border:0;
}

#listen-now {
	/*height:20px;
	padding-top:4px;
	border:thin dotted #000;*/
	margin:0;
	padding-bottom:4px;
}

#listen-now #presenter{
	margin-top:4px;
}

#listen-now a:link {
	font-size:0.8em;
	color:#941860;
	text-decoration:none;
}

#listen-now-details {
	margin:0;
	padding:0;
	color:#941860;
	text-align:left;
	font-weight:bold;
	font-size:0.9em;
	height:30px;
	overflow:hidden;
}

#listen-now-details a, #listen-now-details a:link {
	text-decoration:none;
	color:#f00089;
}

#weather {
	width:47%;
	height:100%;
	float:right;
	padding-left:10px;
	margin-top:2px;
	background:url(/img/border_weather.gif) no-repeat left;
	/*border:think dotted #00f;*/
}

#weather img {
	margin-top:7px;
}

/***************search box***************/
#search {
font-size: 0.9em;
}

#search form {
/*padding:3px 0 0 5px;*/
padding:0;
margin: 0px;
}

#search form label {
margin-right: 10px;
font-weight:bold;
}

#search input.text {
border: 1px solid #7f9db9;
width: 85px;
line-height:1.2em;
}
	
#search input.button {
padding: 0px 3px;
}
		
/*** breadcrumb navigation ***/
#breadcrumb {
width:480px;
margin:10px 0 0 170px;
padding:3px;
font-size:0.85em;
/*border:thin dotted #0f0;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;*/
}

#breadcrumb a:link,#breadcrumb a {
color:#941860;
text-decoration:none;
}

#breadcrumb a:hover {
color:#903;
text-decoration:underline;
}
	
/************ end header **************/
/************* left nav column ************/
#nav_col,#panels {
	width:152px;
	float:left;/*border:thin dotted transparent;*/
}

/*************** main content area ******************/
#content {
	/*position:relative;*/
width:540px;
	float:right;
	/*border:thin dotted #000;*/
margin:0;
	padding:0;
	position: relative;
}

/*** houses actual content ***/
#content_holder {  /**** neccessary because of how IE uses the box model... ***/
margin:0 15px;
padding-right:5px;
min-height:360px;
/*height:100%;*/
/*border:thin dotted #f00;*/
}

#content_holder h2,h3 {
color:#EF008C;
}

/**** feature boxes ****/
.feature_box{
padding:5px 0;
border-top:1px solid #ccc;
margin-bottom:5px;
}

.feature_box h3 {
margin:0;
padding:0;
text-decoration:underline;
}

.feature_box_left img {
float:left;
margin-right:5px;
}

.feature_box_right img {
float:right;
margin-left:5px;
}

.onairshow {
border-bottom:1px solid #aaa;
margin-bottom:10px;
padding-bottom:8px;
width:98%;
}

.onairshow h3 {
color:#EF008C;
padding:0;
margin:0;
border:0;
font-weight:bold;
font-size:1em;
}

.onairshow h3 a, .onairshow h3 a:link {
text-decoration:underline;
color:#EF008C;
}

.onairshow span {
font-weight:bold;
color:#666;
margin-bottom:3px;
border:0;
}

.onairshow p {
padding:0;
margin:0;
border:0;
}

#onairdaysmenu {
margin-bottom:25px;
padding-left: 0;
white-space: nowrap;
text-align:center;
border:0;
}

#onairdaysmenu li {
list-style-type:none;
display:inline;
background:#ccc;
margin:0 1px;
padding:4px 15px;
}

#onairdaysmenu li.dayselect {
list-style-type:none;
display:inline;
background:#efefef;
border:1px solid #ccc;
margin: 0 1px;
padding:4px 15px;
}

#onairdaysmenu li a {
text-decoration:none;
}

/************ on pages that have two columns, the content_holder contains two columns... ***********/
#home_left-panels {
float:left;
width:100%;
padding:0;
font-size:1em;
}

#home_left-panels h2 {
width:100%;
color:#EF008C;
line-height:1.4em;
/*padding-bottom:10px;
border-bottom:thin solid #ccc;*/
}

#home_right-panels {
font-size:1em;
}

/************* right column ************/
#right_col {
position:absolute;
top:250px;
width:125px;
/*float:right;*/
/*margin-top:242px;*/
margin-left:705px;
padding:0;
/*border:thin dotted #000;*/
z-index:8;
text-align:center;
}

#right_col img {
margin:0;
padding:0;
border:0;
}

#right_col .content_panel_outer-wrapper {
	margin:0 auto;
	padding:0;
	width:125px;
}

#right_col .content_panel_outer-header {
	background:url(/img/bk_outer-panel-narrow_top.png) no-repeat;
	/*padding-left:12px;
	padding-top:10px;*/
	padding:10px 10px 5px 12px;
	margin:0;
	text-align:left;
}

#right_col .content_panel_outer-header h3 {
	font-size:0.9em;
	padding-bottom:3px;
	text-align:center;
}
#right_col .content_panel_outer-header p {
	/*font-size:0.8em;*/
}

#right_col .content_panel_outer-bottom {
	height:27px;
	background:url(/img/bk_outer-panel-narrow_bottom.png) no-repeat;
	margin-bottom:5px;
}

/********* Footer *********/
#content_footer {
clear:both;
width:100%;
height:120px;
background:url(/img/bk_main-content-footer2b.png) no-repeat;
/*border:thin dotted #990000;*/
font-size:0.8em;
color:#999;
}

#content_footer p{
float:right;
padding-right:15px;
padding-top:25px;
text-align:right;
font-size:1em;
}

/*********************** end styles *****************************/