/*
	CSS Document for Bartlesville Radio
	Master
	Developed by PDG+creative 
	Started 11-1-10

*/

/******* Gloabl Resets *******/

* { margin: 0; padding: 0}
.clear { clear: both ;}
a { color: #1944a3;}
a:hover, a.hover { text-decoration: underline; }
a img {border: none;}
h2,h3 {color: #1944A3;font-weight: lighter; }
h3 {color: #1944A3;font-size: 1.2em;}
h4 {color: #222;font-size: 1.1em; font-weight: bold;}
p {margin-bottom: 10px;}
.margin_wrap {margin: 10px;}
strong {font-weight: bold;} /*Strong isn't working for some reason ...*/
/******* Basic Structure *******/

	body {
		font-family: Arial, Helvetica, sans-serif;
		text-align: center;
		line-height: 150%;
		font-size: 100.1%;
		color: black;
		font-weight: lighter;
		background: black;
		}
		
	div.container {
		text-align: left;
		width: 950px;
		margin: 0 auto;
		}	

	div#content {
		background: white;
/* 		z-index: 0; */
		}

/******* Banner Ad *******/

	#banner {
		background: #ddd;
		text-align: center;
		}

		#banner .container {
			width: 729px;
			}

		#banner a {
			display: inline;
			float: left;
			margin-bottom: 5px;
			margin-left: 10px;
			}

		#banner #close_ad {
			position: absolute;
			right: 0px;
			cursor: pointer;
			padding-right: 5px;
			padding-top: 5px;
		}


/******* Header *******/

	#header {
		height: 157px;
		background: url(../images/bg_header.jpg) no-repeat top center;
		position: relative;
		z-index: 1000;
		}

		#header .container {
			position: relative;
			height: 151px;
			}

	#header_top {
		background: url(../images/bg_header_top.jpg) repeat-x top center;
		height: 6px; 
		font-size: 0px; 
		} 

		#header h1 {
			position: absolute;
			top: 77px;
			left: 60px;
			width: 463px;
			height: 30px;
			}

			#header h1 a {
				background: url(../images/bg_tagline.png) no-repeat top left;
				text-indent: -9000px;
				display: block;			
				}

		.logo {
			position: absolute;
			width: 118px;
			height: 77px;
			top: 20px;
/* 			z-index: 10000; */
			}
			
		#kwon { left: 10px; }	
		#kwon_new { left: 64px;top: 12px;}	
		#kyfm { left: 160px; }	
		#krig { left:275px; top:18px; }	
		#kpgm { left: 377px; top: 17px; }	
		#kyfm-hd2 { left: 516px; top: 14px; }	
		
		#listen_live {
			font-style: italic;
			float: right;
			display: inline;
			margin-right: 13px;
			margin-top: 6px;
			}

		#listen_live h3 {
			color: white;
			}

			#listen_live li {
				list-style-image: url(../images/icon_listen.png);
				line-height: 110%;
				}
	
			#listen_live a {
				color: white;
				font-size: 13px;
				text-decoration: none;
				}

			#listen_live a:hover {
				text-decoration: underline;
				}
			
	#breaking{
		margin-bottom: 5px;
		background-color: red;
		color: #FFF;
		padding: 5px;
	}
	#breaking a{
		text-decoration: none;
		color: #FFF;
	}
	
	.news-highlight {
		background: transparent;
		border: 1px solid #333;
		margin-bottom: 5px;
		padding: 5px 5px 4px;
	}
		.news-highlight a {
			text-decoration: none;
			color: #333;
		}

	/* Nav */
	#nav {
		background: url(../images/bg_nav.png);
		height: 35px;
		position: absolute;
		bottom: 0px;
		width: 100%; 
/* 		z-index:599; */
		}

		#nav ul {
			list-style-type: none;
			top: -3px;
/* 			z-index:599; */
			position:relative;
			}
			
		#nav ul li {
			display: inline;
			float: left;
			position: relative;
/* 			z-index:599; */
			height: 42px;
			margin-right: 1px;
			}
	
			#nav ul li a {
				display: block;
				padding: 10px 11px 4px 11px;
				color: white;
				text-transform: uppercase;
				font-size: 12px;
				margin-right: 1px;
				text-decoration: none;
				}

			#nav ul li.current, #nav ul li.hover, #nav ul li.topCurrent {
				color: black;
				background: white;
				-moz-border-radius-topleft: 7px; 
				-moz-border-radius-topright: 7px; 
				-webkit-border-top-left-radius: 7px;
				-webkit-border-top-right-radius: 7px;
				}

			#nav ul li.current a, #nav ul li.hover a, #nav ul li.topCurrent a {
				color: black;
				text-decoration: none;
				}

		/* second level nav */
			#nav ul li ul { /* second level ul */
				top: 38px;
				position: absolute;
				background: white;
			/*	background:url("../images/bg_nav.png") repeat scroll 0 0 transparent; */
/* 				z-index:599; */
				width: 200px;
				left: -999em;
			/*	-moz-box-shadow: 0px 5px 10px #444; 
				-webkit-box-shadow: 0px 5px 10px #444; 
			*/	
				border-bottom: 1px solid black;
				border-left: 1px solid black;
				border-right: 1px solid black;
				}
			
			
				#nav ul li ul li {
					margin-right: 3px;
					height: auto;
					width: 200px;
					position: relative;
					line-height: normal;
/* 					z-index:99; */
					background: none;
					 text-decoration: none;
					}
	
					#nav ul li.level-1 ul li a{
						display: block;
						padding:4px 20px 4px 10px;
						line-height: 20px;
						font-size: 10px;
						color: black;
						background: none;
						text-decoration: none;
					/*	background: #587ea0; */
						}
					
					#nav ul li ul li a.hover {
						background: #E7E7E7; 
						}
					
					
	
						#nav ul li ul li ul { /* third level ul */
							margin: -21px 0 0 200px;
							left: -999em;
							}
					   
					    #nav ul li ul li.hover ul {
					    	border-top: 1px solid black; 
					       left: 0px;
					       top: 20px;
					    	}

					    #nav ul li.last ul li.hover ul { /* The last flyout should go the opposite way*/
					       left: -402px;
					    	}
					   

						#nav ul li ul li ul li ul {  /* fourth level ul */ 
							display: none;
							}
						
							#nav ul ul ul li.hover ul {
								left: 0px;
		       					top: 20px;
		       					display: block;
								}
								
							#nav ul ul ul li.hover ul ul {
							  display: none;
								}
							
						 
						 #nav ul ul ul ul ul { /* fifth level */
						   display: none;
							 }
						 
						 #nav ul ul ul ul li.hover ul {
						   display: block
						 }
				
				#nav li.hover ul ul {
					left: -999em;
				}
				
				#nav li.hover ul { 
					left: -1px;
				}
				 
				#nav li li.hover ul {
					left: 0px;
					top: 20px;
				}



		


	/* search box */
	#search {
		background: url(../images/search.png) no-repeat top left;
		border: none;
		float: right;
		display: inline;
		margin-top: 8px;
		overflow: hidden;
		}

		#search input {
			background: none;
			border: none;
			width: 100px;
			margin: 2px 0px 7px 32px;
			}
		
		
	
/******* Content — main *******/

	#main {
		float: left; 
		display: inline;
		width: 760px;
		margin-bottom: 10px;
		}	

		#sub #main ul {
			margin-left: 25px;
			}
		
		#home #main ul {
			list-style-type: none;
			}
			
	#main h2{
		line-height: 35px;
	}
	
	/* Top Bar */
	#top_bar {
		padding-top: 5px;
		margin-bottom: 10px;
		}

		/* Social Icons */
		#top_bar a {
			float: left;
			display: inline;
			margin-right: 5px;
			}

	/* i need this */
		#ineedthis { width:310px; height:23px; padding:0 5px; background-image:url(../images/bg.gif); float: right; display: inline; }
		input, label { float:left;display: inline; }
		#whatlabel, #wherelabel { display:block; height:23px; text-indent:-9999px; }
		#whatlabel { width:65px; background-image:url(../images/ineedthis.gif); }
		#wherelabel { width:13px; background-image:url(../images/in.gif); }

		#what, #where { height:19px; border:solid 1px #ed0202; margin:2px; font-size:11px; color:#999999; }
		#what { width:100px; }
		#where { width:85px; }
			
	/* ads */
	#main .ads {
		background: url(../images/line_horizontal.jpg) repeat-x top;
		padding-bottom: 10px;
		clear: both;
		margin: 20px 0px;
		}

	#main #ads_bottom {
		height: 2px;
		font-size: 0px; 
		background: url(../images/line_horizontal.jpg) repeat-x bottom;
		}

		#main .ads span {
			color: black;
			font-size: 9px;
			margin: 0px;
			}



/******* Content — sidebar *******/
	#sidebar {
		float: right; 
		display: inline;
		width: 175px;
		margin-bottom: 10px;
		text-align: center;
		}	
	
		#sidebar .ads {
			background: url(../images/ads_border_vertical.jpg) repeat-y top left; 
			margin-top: 10px; 
			}

		#sidebar .ads span {
			color: black;
			font-size: 9px;
			margin-left: 15px;
			}

		#sidebar .ads img { 
			margin: 0 auto;
			max-width: 160px;
			}


/******* Footer *******/
	#footer {
		padding-bottom: 10px;
		}

	#footer img {
		margin-right: 10px;
		}

	#footer ul {
		margin: 12px 0px;
		float: left;
		display: inline;
		list-style-type: none;
		}

		#footer ul li {
			float: left;
			display: inline;
			}

			#footer ul li a {
				border-right: 1px solid white;
				color: white;
				font-size: .8em;
				padding: 1px 0px;
				padding-right: 10px;
				margin-right: 10px;
				}

			#footer ul li:last-child a {
				border: none;
				}


/******* Share *******/

	#share {
		border-top: 1px solid #ccc;
		margin-top: 5px;
		padding-top: 10px;
	}

		#share img {
			width: 15px;
			border: none;
			}


/******* Newsletter *******/
	
	#newsletter {
		background: #1944A3;
		width: 164px;
		margin: 0 auto;
		color: white;
		}	

	#newsletter #form_design {
		}

	#newsletter #form_design * {
		margin: 10px;
		}

	#newsletter #submit {
		background: #ccc;
		width: 144px;
		cursor: pointer;
		}

	#newsletter #email {
		width: 136px;
		}
		
/******* Forms *******/

#form_design input{
	border: 1px solid #ccc;
	padding: 3px;
}
#form_design select{
	border: 1px solid #ccc;
	padding: 3px;
}
#form_design textarea{
	border: 1px solid #ccc;
	padding: 3px;
	width: 300px;
	height: 150px;
}
.form_error{
	font-size: 18px;
	color: red;
	font-weight: bold;
	line-height: 30px;
}
.form_success{
	font-size: 18px;
	font-weight: bold;
	line-height: 30px;
	color: blue;
}

.your-community { display: none; }

/******* Forms *******/
