h1, h2, h3 { margin: 1em 0 0.5em 0; }

#headercontainer {
	float: left;
	width: 100%;
}

#header {
	margin: 0 auto;
	position: relative;
	width: 950px;
}
	#header h1 { margin: 0; padding: 0; }
	#header #logo {
		bottom: 0;
		display: block;
		left: 10px;
		margin: 0;
		padding: 5px 10px;
		position: absolute;
	}
	
#pagecontainer {
 	margin: 0 auto;
	width: 950px;
}

#navcol {
	margin: 3em 0 0 195px;
	overflow: hidden;
	width: 433px;
}
	#navcol .highlight {
		float: left;
		margin: 10px 0 9px 0;
		width: 216px;
	}

#sitenav {
	clear: left;
	float: left;
	margin: 0;
	padding: 0;
	width: 433px;
}
	#sitenav li {
		border-width: 0 0 0 2px;
		float: left;
		margin: 0;
		padding: 0;
		width: 85px;
	}
	#sitenav a {
		display: block;
		padding: 3px 0 5px 0;
	}
	#sitenav img {
		display: block;
		margin: 0 auto;
	}
	#sitenav li:first-child { border-width: 0; }
	/* level 2 */
	#sitenav ul {
		border-width: 1px;
		left: -999em;
		margin: 0;
		padding: 0;
		position: absolute;
		width: 150px;
		z-index: 99;
	}
	#sitenav li:hover ul, #sitenav li.sfhover ul { left: auto; }
	#sitenav ul li, #sitenav ul li:first-child, #sitenav ul li.first-child {
		border-width: 0;
		float: none;
		margin: 5px 0;
		padding: 0;
		width: 150px;
	}
	#sitenav ul a {
		border-width: 0;
		padding: 2px 8px;
		width: 134px;
	}
	/* level 3 */
	#sitenav ul ul {
		margin: -1.3em 0 0 140px;
	}
	#sitenav li:hover ul ul, #sitenav li.sfhover ul ul {
		left: -999em;
	}
	#sitenav ul li:hover ul, #sitenav ul li.sfhover ul {
		left: auto;
	}

#onairbox {
	background-image: url(../../images/on-air-speaker.jpg);
	background-repeat: repeat-x;
	bottom: 0;
	padding: 10px 0 0 0;
	position: absolute;
	right: 170;
	width: 146;
	height: 139;
	color: #ff6600;
	font-size: 40px;
	margin-left: 170px;
}

#nowplaying {
	bottom: 0;
	padding: 99px 0 0 0;
	position: absolute;
	right: 0;
	width: 322px;
}
	#nowplaying #currentshow {
		border-width: 3px 3px 0 3px;
		height: 139px;
	}
		#nowplaying #currentshow img {
			float: left;
			margin: 0;
		}
		#nowplaying #currentshow h2 {
			margin: 50px 0 0 0;
			padding-left: 183px;
		}
		#nowplaying #currentshow div {
			padding-left: 170px;
		}
	#nowplaying #currentsong {
		border-width: 0 3px;
	}

	
#content {
	clear: both;
	float: left;
	margin: 0;
	padding: 10px 0 50px 0;
	width: 950px;
}

.contentitem {}
.contentitem.poll { margin-top: 20px; }
	.contentitem.poll h2 {
		margin: 0 10px;
		padding: 0 5px;
	}
	.contentitem.poll h4 {
		margin: 0;
		padding: 0 5px;
	}
	.contentitem.poll ol {
		border-width: 1px;
	}
	.contentitem.poll li {
		border-width: 1px 0 0 0;
		margin: 0;
		padding: 2px 5px;
	}
	.contentitem.poll fieldset { margin: 0 10px; }
	.contentitem.poll label { margin-left: 5px; }
	.contentitem.poll .sponsor { margin: 0 10px; padding: 0; }
	.contentitem.poll .buttonset {}
		.contentitem.poll .buttonset button {
			display: inline;
		}
.contentitem.bobsbank {
	border-width: 1px;
}
	.contentitem.bobsbank p { padding: 0 10px; }
.contentitem.weather {
		width: 289px;
		border-width: 1px;
		overflow: hidden;
}
	.contentitem.weather .forecast {
		float: left;
		margin: 0;
		padding: 0 0 5px 0;
	}
	.contentitem.weather .sponsor {
		font-size: 75%;
		float: right;
		margin: 0;
		padding: 0 0 5px 0;
	}
	.contentitem.weather .title {
		display: block;
		margin: 0 0 5px 0;
		padding: 4px 0;
	}
		.contentitem.weather .title img { display: block; }
	.contentitem.weather .forecast .title { padding-left: 8px; }
	.contentitem.weather .sponsor .title { height: 13px; padding-right: 8px; }
	.contentitem.weather .icon {
		float: left;
		margin-left: 8px;
	}
		.contentitem.weather .icon img { border-width: 1px; }
	.contentitem.weather .current {
		display: block;
		margin: 0 0 0 70px;
		padding: 15px 0 0 0;
	}
	.contentitem.weather .longterm {
		clear: both;
		display: block;
		margin-left: 8px;
	}
.squaread { 
		text-align: center;
		border-width: 1px;
 }

#maincontent {
	clear: left;
	float: left;
	width: 950px;
}

#primary {
	float: left;
	margin-left: 12px;
	width: 289px;
}
.onecol #primary {
	padding: 0 10px 10px 10px;
	width: 930px; /*check*/
}
.twocol #primary {
	width: 613px; /*check*/
}
	#primary ul { margin: 0; padding: 0; }
	#primary li { margin: 8px 0; padding: 0; }
	#primary .poll li { margin: 0; padding: 0 5px; }

#secondary {
	float: left;
	margin-left: 12px;
	width: 312px;
}
	#secondary ul { margin: 0; padding: 0; }
	#secondary li { margin: 8px 0; padding: 0; }
	
.twocol #secondary { display: none; }
.onecol #secondary { display: none; }

#tertiary {
	display: block;
	float: right;
	width: 313px;
}
.onecol #tertiary { display: none; }

	#tertiary .contentitem { margin-bottom: 10px; }
	#tertiary .weather { width: 300px; }
		#tertiary .weather .forecast { width: 150px; }
		#tertiary .weather .sponsor { width: 150px; }
	#tertiary .tallbanner {
		text-align: center;
		}

#horadblock {
	clear: left;
	float: left;
	padding: 0px 0;
	margin-bottom: 10px;
	width: 950px;
}
	#horadblock img { display: block; }
	#horadblock .left { float: left; }
	#horadblock .right { float: right; }


#extracontent {
	clear: left;
	float: left;
	width: 950px;
	margin-top:10px;
}
	#extracontent h2 {
		margin: 0;
		padding: 0.3em 9px;
	}
	#extracontent .contentitem {
		border-width: 1px;
	}
	#extracontent .todo {
		float: left;
		width: 622px;
	}
		#extracontent .todo ul {
			float: left;
			margin: 5px 0 5px 10px;
			padding: 0;
			width: 300px;
		}
		#extracontent .todo li {
			clear: left;
			margin: 0;
			padding: 5px 0;
		}
	#extracontent .folks {
		float: right;
		width: 318px;
	}
		#extracontent .folks p, #extracontent .folks ul {
			margin: 5px 10px;
			padding: 0;
		}
		#extracontent .folks li {
			margin: 3px 0;
			padding: 0;
		}
		#extracontent .folks h3 {
			margin: 15px 10px 5px 10px;
			padding: 0;
		}
		#extracontent .folks .headshot {
			border-width: 2px;
			float: right;
			margin-left: 5px;
		}
		#extracontent .folks .host, #extracontent .folks .show { display: block; }

/* -- GENERAL ITEMS -- */
.clearer { clear: both; }

img.left { clear: left; display: block; float: left; margin: 0 4px 4px 0; }
img.right { clear: right; display: block; float: right; margin: 0 0 4px 4px; }

.offscreen { position: absolute; left: -999em; }
