html, body {
	border: 0;
	margin: 0;
	padding: 0;
	top: 0;
	left: 0;
	font-family: arial, helvetica,sans-serif;
}

body {
	background-color: #333;
	min-height: 1000px;
}

a {
	color: #fff;
	text-decoration: none;
}

a:hover { color: #9d0c0c; }

img { border: 0; }
hr { border: 1px solid #000; }
fieldset { border: 0; padding: 0; margin: 0; }

/* --- top image --------------------------------------------------------------- */

#topImage {
	width: 700px;
	height: 350px;
	margin: 0 auto;
	background: url(img/wrcu-small.png);
}

#topImage .headerText {
	position: relative;
	text-align: center;
	/*top: 315px;*/
	top: 290px;
	color: #ccc;
	font-size: 1em;
	margin: 0 auto;
}

#topImage a:hover { color: #ccc; }

#topImage ul {
	margin: 0;
	padding: .5em;
	list-style-type: none;
	text-align: center;
}

#topImage ul li {
	display: inline;
}

#topImage ul li a {
	text-decoration: none;
	padding: .2em 1em;
}

/* --- current info ------------------------------------------------------------ */

#currentInfo {
	width: 50%;
	margin: 0 auto;
	padding: 1em;
	-moz-border-radius: 1em;
	background-color: #620000;
	border: 2px solid #9d0c0c;
	color: #fff;
	text-align: center;
	margin-top: -0.5em;
}

#currentInfo .currentShow {
	font-size: 1.6em;
	font-weight: bold;
}

#currentInfo .currentSong {
	font-size: 1.3em;
}

#currentInfo .nowPlaying {
	font-size: 0.6em;
}

#currentInfo a:hover { color: #ccc; }

#currentInfo:hover { background-color: #4c0000; } /*#7f0000; } */

/* --- main section ------------------------------------------------------------ */

#main, #container, #application {
	position: relative;
	margin: 1em auto;
	width: 800px;
}

#main .left {
	width: 70%;
	float: left;
}

#main .left div {
	margin-bottom: 1em;
}

#main .right {
	width: 24%;
	float: right;
}

#container, #application, #main .left, #schedule, .infoBox, .mailingListBox, .topPicksBox, .sideBoxes div {
	border: 2px solid #666565;
	-moz-border-radius: 1em;
	background-color: #7c7c7c;
	padding: 1em;
	margin-bottom: 1em;
}

#main .mailingListBox {
	font-size: 0.8em;
}


#main .infoBox {
	text-align: center;
}

#main .indentPost {
	margin: 0 2em;
}

/* --- sideboxes --------------------------------------------------------------- */

.sideBoxes {
	z-index: 5000;
	float: right;
	padding: 0 0 1em 1em;
}

.sideBoxes div {
	background-color: #ccc;
	margin-bottom: 1em;
}

.sideBoxes a { color: #620000; }

.sideBoxes .keyBox {
	text-align: center;
	padding: .5em;
	padding-right: 1em;
	width: 150px;
}

.sideBoxes .keyBox p {
	padding: .5em .2em;
	margin: 0;
	margin-bottom: 0.5em;
	width: 100%;
}

/* --- footer ------------------------------------------------------------------ */

#footer {
	clear: both;
	margin: 1em auto;
	position: relative;
	font-size: .6em;
	color: #7c7c7c;
	text-align: center;
} 

/* --- schedule ---------------------------------------------------------------- */

#schedule {
	position: relative;
	margin: 1em auto;
	width: 1050px;
}

#theSchedule {
	border: 1px solid #000;
	border-collapse: collapse;
	background-color: #464646;
}

#theSchedule thead, #theSchedule .time {
	font-weight: bold;
	background-color: #333;
	color: #fff;
}

#theSchedule .time {
	width: 100px;
}

#theSchedule td {
	width: 100px;
	border: 1px solid #000;
	text-align: center;
	padding: 3px;
	
}

/* --- playlist ---------------------------------------------------------------- */

#playlist { }

#playlist .pl-top, #playlist .pl-mid {	
	margin-bottom: 1em;
}

#playlist .pl-top {
	font-family: courier new, courier, monospace;
}

#playlist .big { font-size: 1.8em; font-weight: bold; }
#playlist .medium { font-size: 1.2em; }


#playlist .cat { width: 10%; font-weight: bold; }
#playlist .val { width: 35%; font-family: georgia, serif; border-bottom: 1px solid #000;}

#playlist .pl-mid table {
	border-spacing: 10px;
	width: 90%;
}

#playlistTable table {
	border: 1px solid #000;
	text-align: center;
	width: 100%;
	/*border-collapse: collapse;*/
}

#playlistTable thead {
	font-weight: bold;
}

#playlistTable td {
	text-align: center;
}

/* --- chart ------------------------------------------------------------------- */

#theChart td {
	padding: 0 .5em;
	text-align: center;
}

#theChart thead {
	font-weight: bold;
	font-size: 1.2em;
}

#theChart thead td {
	border-bottom: 1px solid #000;
}

/* --- apply ------------------------------------------------------------------- */

#application textarea, #application input {
	font-family: arial, helvetica, sans serif;
}

#application .schedule {
	border-collapse: collapse;
	border: 1px solid #000;
	margin: 0 auto;
}

#application .schedule thead, #application .lefttime {
	background-color: #333;
	color: #fff;
	font-weight: bold;
}

#application .schedule td {
	text-align: center;
	border: 1px solid #000; 
	padding: .5em;
}

#application .schedBox {
	width: 2em;
	text-align: center;
	background-color: #ccc;
	border: 1px solid #000;
}

/* --- limited ----------------------------------------------------------------- */

#limitedTable {
	border-collapse: collapse;
	border: 1px solid #000;
	margin: 0 auto;
}

#limitedTable thead, #limitedTable .left {
	background-color: #333;
	color: #ccc;
	font-weight: bold;
}

#limitedTable td {
	padding: 0.5em;
	text-align: center;
	border: 1px solid #000;
}