/*** colors  

#A40136 burgundy
#0167A7 logo blue
#A9B7DC menu bg blue
#6E88C5 title blue
*/


body {
	padding:0px;
	margin:0px;
	background: #FFF;
}

/* for the FCK editor */
body#publicBody {
	padding: 0px;
	margin: 0px auto;
}

/* Generic non-heading text styles */
body, p, td, ul, ol, label, .body, .defaultBody {
	font: 12px/16px arial, Verdana, 'trebuchet ms', sans-serif;
	color: #424242;
}

p
{
padding-top: 5px;
padding-bottom: 5px;
margin-top: 5px;
margin-bottom: 5px;
}

/* Generic heading styling */
h1, h2, h3, h4, h5, h6, .pageTitle, .title, .subTitle, .header {
	font-family: arial, Verdana, 'trebuchet ms', sans-serif;
	color: #6E88C5;
	font-weight: bold;
}

h1, .pageTitle {

	font-size: 18px;
	/*line-height: 35px;*/
	padding-bottom: 15px;
	position: absolute;
	top: 400px;
	left: 265px;
}

h2, .title  {
	font-size: 16px;
	line-height: 20px;
}

h3, .subTitle {
	font-size: 14px;
}

h4, .header {
	font-size: 12px;
}

/*ol,ul {
	list-style: disc;
	padding-left: 0px;
	padding-top: 0px;
}*/


strong
{
font-weight: bold;
}



/*** LIST STYLING ***/
/***** turn ON all bullets by default....this is the only way to get bullets to appear in the FCK editor... *****/
ul
{
list-style: disc;
padding: 20px;
}

ol
{
list-style: decimal;
padding: 20px;
}

/***** now turn OFF bullets by default on the PUBLIC side... *********/
#publicBody ol, #publicBody ul
{
list-style: none;
padding: 0px;
}

/***** now turn on bullets only in the content area (so any client made lists appear correctly... *********/
#mainContent ul
{
list-style: disc;
padding: 20px;
}

#mainContent ol
{
list-style: decimal;
padding: 20px;
}

#mainContent ol li, #mainContent ul li
{

padding-bottom: 5px;
}






/* Table related styling */
table, thead, th, tr, tbody, td { padding:0; margin:0; border:0; }
th {  }

th, .tableHeader { color: #FFF; font: normal bold 80% Georgia, serif; padding: 4px; }
table.autoTable td { padding:3px; }

.highlight { color: #6E88C5; }

/* Link Styling (usually overidden for menus) */
a { color: #6E88C5; text-decoration: none; }
a:link { color: #6E88C5; }
a:visited { color: #6E88C5; }
a:active { color: #6E88C5; }
a:hover { color: #6E88C5; }

a img {
	border:0;
}
hr { color: black; height: 1px; }

form { padding:0; margin:0; }
label { display:block; }





#container
{
padding-top: 0px;
text-align: center;
margin: 0 auto;
background: #c1cce6;
}

#container_2
{
width: 1000px;
text-align: left;
margin: 0 auto;
border: 0px solid #000000;
}


#leaderboard {
	position: absolute;
	top: 30px;
	left: 140px;
	border: 1px solid #000000;
	width: 728px;
	height: 90px;	
}

#masthead {
	border: 0px solid #000000;
	background-image: url(i/ckwr_01.jpg);
	background-repeat: no-repeat;	
	position:relative; /* so that everything inside can be absolute*/
	width: 1000px;
	height: 418px;	
}

	#logo_link {
		position: absolute;
		left: 60px;
		top: 167px;
		width: 220px; 
		height: 210px; 		
		overflow: hidden;
	}

	#onAir {
		position: absolute;
		left: 724px;
		top: 127px;
		width: 176px; 
		height: 85px; 		
		overflow: hidden;
	}
	
	.onAirImage {
		width: 176px; 
		height: 85px;
		display: block;
		cursor: hand;
	}
	
	#listen_live
	{
		position: absolute;
		left: 740px;
		top: 218px;
		width: 175px;
		height: 32px;	
		overflow: hidden;
		border: 0px solid #000000;
	}
	
	/*.listen_live_image
	{
		width: 169px;
		height: 28px;		
		background-image: url(i/listen_live.jpg);
		background-repeat: no-repeat;			
		display: block;		
	}*/
	
	#upNext {
		border: 0px solid #000000;
		position: absolute;
		left: 738px;
		top: 378px;
		width: 179px; 
		height: 43px; 		
		overflow: hidden;
	}
	
	.upNextImage {
		width: 179px; 
		height: 43px; 
		display: block;
		cursor: hand;		
	}
	
	#rotatingArtist
	{
		border: 1px solid #000000;
		position: absolute;
		left: 450px;
		top: 262px;
		width: 465px; 
		height: 112px; 
		background: #fff;	
		overflow: hidden;
		
	}
		
	.rotatingArtistImage {
		width: 465px; 
		height: 112px; 
		display: block;
		cursor: hand;
	}


#contentContainer {
	vertical-align: top;
	width: 1000px;
	min-height: 400px;
	background-image: url(i/ckwr_02_repeating.jpg);
	background-repeat: repeat-y;
	overflow: visible;
	padding-top: 0px;
	
}

#contentContainer_2 {
	vertical-align: top;
	width: 1000px;
	min-height: 735px;
	background-image: url(i/ckwr_02.jpg);
	background-repeat: no-repeat;
	overflow: visible;
	padding-top: 10px;
	
}

#sidebar1 {
	position: relative;
	text-align: left;
	width: 160px;
	float: left;
	border: 0px solid #000000;
	left: 90px;
}

	#sidebar1_padding
	{
		padding-left: 0px;
		padding-right: 0px;
	}
	
		#mini_login_form_container
	{
		padding-top: 10px;
	}
	
	#polls_container
	{
		padding-top: 10px;
	}
	
#mainContent {
	position: relative;
	border: 0px solid #000000;
	width: 460px;
	float: left;
	padding: 0px;	
	left: 107px;
	
}

	#mainContent_padding
	{
		padding-left: 0px;
		padding-right: 0px;
		text-align: left;
	}

	#image_cycler_container
	{
		text-align: center;
		padding-top: 0px;
		padding-bottom: 10px;
	}
	
		#image_cycler
		{
			
		}
	
		#weather
		{
			position: relative;
			left: 15px;
			text-align: center;
			float: left;
			/*width: 195px;
			height: 270px;*/
			width: 180px;
			height: 150px;
		}
			
			#weather table		
			{
			margin: 0 auto;
			}
			
		
#right_sidebar
{
	position: relative;
	left: 120px;
	width: 170px;
	float: left;
	text-align: left;
	border: 0px solid #000000;
}

	#right_sidebar_padding
	{
		padding-left: 0px;
		padding-right: 0px;
	}
		
	
	#jockQuote {
		width: 180px;
		height: 20px;
		background: #DDD;
		float: right;
		overflow: hidden;
	}		
		
	#skyscraper {
		position: relative;
		left: 7px;
		top: 0px;
		width: 160px;
		height: 600px;
		
	}
	

#footer {
	width: 1000px;
	height: 112px;
	clear: both;
	background-color: #6093C8;
	background-image: url(i/ckwr_03.jpg);
	background-repeat: no-repeat;	
	position: relative;
	text-align: center;
	border: 0px solid #000000;
}

#footer_nav_container
{
	/*position: absolute;
	top: 20px;*/
	padding-top: 35px;
	border: 0px solid #000000;
}


#footer_text_container
{
	color: #ffffff;
	font: 13px arial, helvetica, geneva, sans-serif;	
	border: 0px solid #000000;
	padding-top: 10px;
	padding-top: 10px;
}

#we_create_link {
		position: absolute;
		left: 740px;
		top: 40px;
		width: 170px; 
		height: 35px; 		
		overflow: hidden;
		border: 0px solid #000000;
	}



	
/* Navigation Styles */
#nav_container
{
	width: 150px;
	text-align: left;
}

	#nav_container_padding
	{
		padding-left: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
	}


#primaryNav 
{
	text-align: left;
}



/****first level...*/
#primaryNav ul
{
list-style: none;
padding: 0px;
width: 100%;
list-style-position: outside;
}

#primaryNav ul li, #primaryNav ul li a{
	/*display: inline;*/
	font: bold 15px/20px arial, helvetica, geneva, sans-serif;
	color: #A40136;
	list-style: none;	
}


#primaryNav ul li:hover, #primaryNav ul li a:hover, #primaryNav ul li a.active
{	
	border-left: 0px solid #6E88C5;
	border-bottom: 0px solid #6E88C5;
	color: #6E88C5;
}


/****second level...*/

#primaryNav ul li .level1{
	
	padding-left: 10px;		
}

#primaryNav ul li .level1 li a{
	/*display: inline;*/
	font: bold 14px/20px arial, helvetica, geneva, sans-serif;
	/*color: #6E88C5;*/
	color: #A40136;
	padding-left: 0px;		
}

#primaryNav ul li .level1 li a:hover, #primaryNav ul li .level1 li .active {
	
	background-color: #ffffff;
}


/***separate second level nav***/
#secondaryNav ul
{
list-style: none;
}

#secondaryNav ul li 
{
 display:inline; 
}

#secondaryNav ul li a{
	font: bold 12px/30px arial, helvetica, geneva, sans-serif;
	color: #424242;
	float: left;
	padding-right: 15px;	
}

#secondaryNav ul li a:hover {
	color: #6E88C5;
}

/***separate second level nav for shows ***/
#secondaryNav.showsNav ul li a{
	font: bold 12px/30px arial, helvetica, geneva, sans-serif;
	color: #A80436;
	float: left;
	padding-right: 15px;	
}

#secondaryNav.showsNav ul li a:hover 
{
	color: #6E88C5;
}

#secondaryNav.showsNav ul li
{
   float: left;
   background-image: url(i/list_bullet.jpg);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	padding-left: 15px;		
}




#footerNav {
	width: 1000px;
	/*background:#EEE;*/
	text-align: center;
}

#footer ul li {
 display:inline;
}

#footerNav ul li a{	
	padding: 0px 5px;
	font: 12px arial, helvetica, geneva, sans-serif;
	color: #424242;
	list-style: none;	
}

#footerNav ul li a:hover {
	color: #6093c8;
}

/* Masthead Related Things */
/*#stationLogo {
	width: 1000px;
	height: 137px;		
	display: block;
}

.stationLogoImage {
	width: 1000px; 
	height: 137px; 
	display: block;
	cursor: hand;
	background-image: url(i/ckwr_02.jpg);
}*/



#mini_login_form_container
{
width: 150px;

}

#polls_container
{
width: 150px;
}


/*** LOGIN FORM ***/

/*login form stuff*/
#loginButton
{
cursor: hand;
}

#loginMiniForm
{
border: 1px solid #000;
}

#wrapper_logo
{
background-color: #6E88C5;
}

#wrapper_logo_padding
{
padding: 5px;
}

#wrapper_logo_padding h3
{
color: #fff;
}

#wrapper_padding, #forgot_password_container
{
background-color: #fff;
padding: 5px;
}

#loginMiniForm #email, #loginMiniForm #password
{
width: 134px;
}


.button {
	border:0px solid #333;
	padding:1px 2px;
	margin: 2px;
	text-decoration:none;
}

.SC_Panel { background-color:#fff !important; }



/*** CONNECTOR ADS ***/

#connectorAds
{
text-align: center;
padding-bottom: 20px;
padding-top: 10px;
border: 0px solid #424242;
}

#connectorAds ul li
{
height: 125px;
list-style: none;
padding: 0;
margin-bottom: 6px;
margin-left: 0;
} 
	
	#connectorAds img
	{
	border: 1px solid #424242;	
	}
	
	/* start connector local ad at top of connector ads... */
	/*#connectorAds #connector_local_ad
	{	
	height: 125px;
	width: 125px;
	border: 1px solid #424242;			
	margin: 0 auto;
	margin-bottom: 4px;	
	}
	
		#connector_local_ad_local
		{
		height: 36px;
		width: 125px;
	   display: block;		   
	   position: relative;
	   border: 0px solid #424242;	
		}
		
			#connector_local_ad_local span
			{
		   position: absolute;
			top: 0px;
			left: 0px;
			height: 36px;
			width: 125px;
		   background-image:url(/images/dynamic/connector_local_ad_01.jpg);  
		   display: block; 
		   border: 0px solid #424242;	
			}
			
			#connector_local_ad_local span:hover 
			{
	   	background-image:url(/images/dynamic/connector_local_ad_roll_01.jpg);   
			}
		
		#connector_local_ad_business
		{
		height: 30px;
		width: 125px;
	   display: block;		   
	   position: relative;
		}
		
			#connector_local_ad_business span
			{
			position: absolute;
			top: 0px;
			left: 0px;
			height: 30px;
			width: 125px;
		   background-image:url(/images/dynamic/connector_local_ad_02.jpg);   
		   display: block;
			}
		
			#connector_local_ad_business span:hover 
			{
		   background-image:url(/images/dynamic/connector_local_ad_roll_02.jpg);   
			}
			
		#connector_local_ad_classifieds
		{
		height: 30px;
		width: 125px;
	   display: block;		   
	   position: relative;
		}	
		
			#connector_local_ad_classifieds span 
			{
			position: absolute;
			top: 0px;
			left: 0px;
			height: 30px;
			width: 125px;
		   background-image:url(/images/dynamic/connector_local_ad_03.jpg);  
		   display: block; 
			}
			
			#connector_local_ad_classifieds span:hover 
			{
		   background-image:url(/images/dynamic/connector_local_ad_roll_03.jpg);   
			}
		
		#connector_local_ad_voice
		{
		height: 29px;
		width: 125px;
	   display: block;		   
	   position: relative;
		}
			
		
			#connector_local_ad_voice span
			{
			position: absolute;
			top: 0px;
			left: 0px;
			height: 29px;
			width: 125px;
		   background-image:url(/images/dynamic/connector_local_ad_04.jpg);
		   display: block;   
			}
		
			#connector_local_ad_voice span:hover 
			{
		   background-image:url(/images/dynamic/connector_local_ad_roll_04.jpg);   
			}*/
	/* end connector local ad at top of connector ads... */
	
	
	
/*this is here for when a station uploads a swf file for the skyscraper instead of an image...
this div floats over the flash and has the link applied to it*/
#flash_link
{
border: 0px solid #ffffff;
background: transparent url(i/blank.gif);
position: absolute;
width: 728px;
height: 90px;
top: 0px;
left: 0px; 
cursor: hand;
}

/***** EXPERTS *******/

#experts_container
{

}