/*
Theme Name: WBGU-FM 
Theme URI: http://www.wbgufm.com
Description: Theme created for wbgufm.com
Version: 1.0
Author: Ryan Glover for Envisage Design Inc.
Author URI: http://www.goenvisage.com
Tags: wbgu, radio, web 2.0, blue, black, two-column

	WBGU-FM 1.0
	 http://www.wbgufm.com

	This theme was designed and built by Ryan Glover
	for use with WBGU-FM only. If you're interested in using this
	theme, plese contact the author. 

	For more information, please e-mail ryan@goenvisage.com

*/
/*** PLAYER ***/

#webplayer {background: url(images/player_bkgd.png);}

/*** RESET ***/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5; background: url(images/header_bkgd.png) repeat-x;}
table {border-collapse:separate;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

table tr td, table tr th { padding: 0; text-align: center;}

/*** Schedule Table ***/
.automation, .metal, .Jazz, .Country, .Electronic-Trance, .Talk, .Hip-Hop, .International, .Other, .Rock, .Variety { border: 1px solid;}

.automation:hover, .metal:hover, .Jazz:hover, .Country:hover, .Electronic-Trance:hover, .Talk:hover, .Hip-Hop:hover, .International:hover, .Other:hover, .Rock:hover, .Variety:hover { background: #0CF;}
.automation:hover .metal:hover { background: #000;}
.automation {
	background-color: #C33;
}
.metal {
	background-color: #339;
}
.Jazz {
	background-color: #636;
}
.Country {
	background-color: #093;
}
.Electronic-Trance {
	background-color: #0F0;
}
.Talk {
	background-color: #60F;
}
.Hip-Hop {
	background-color: #F60;
}
.International {
	background-color: #F3F;
}
.Other {
	background-color: #360;
}
.Rock {
	background-color: #CC9;
}
.Variety {
	background-color: #FF0;
	padding: 5px;
}
.table-header {
	background-color: #69F;
}
#table-style {
	text-align: center;
}


/*** CONTAINER ***/

#container {width: 940px; margin: 10px auto 0px auto;}

/*** HEADER ***/

#header {}

	/* Navigation */
	
	#navigation {float: left;}
	
	#nav_list {word-spacing: 15px;}
	
	.nav_list_item {display: inline; font-family: Arial, Helvetica; font-size: 12px; text-transform: uppercase; font-weight: bold; word-spacing: normal;}
	
	.nav_list_item a {text-decoration: none; color: #ffffff;}
	
	/* Search */
	
	#search {float: right; margin-top: 2px;}
	
	.searchtxt {border: none; font-family: Arial, Helvetica;}
	
	.searchsubmit {background: none; border: none; color: #ffffff; font-family: Arial, Helvetica; font-size: 11px; text-transform: uppercase;}
	
/*** LOGO ***/

.logo {margin-top: 65px;}

/*** DESCRIPTION ***/

.navigation_links p {text-align: center; font-family: Arial, Helvetica; text-transform: uppercase; font-size: 14px; font-weight: bold;}

#description {margin-top: 68px;}

#description h3 {font-family: Arial, Helvetica; text-transform: uppercase; font-size: 12px; font-weight: bold;}

/*** CONTENT ***/

#content {margin-top: 93px;}

	/* Blog */
	
	#blog {width: 530px; float: left;}
	
	#posts {padding-top: 25px;}
	
	#entry {width: 520px; margin-bottom: 50px;}
	
	.title {font-family: Arial, Helvetica; font-size: 24px; text-transform: uppercase;}
	
	.title a {color: #333333; text-decoration: none;}
	
	.title a:hover {border-bottom: 1px solid #d0d0d0;}
	
	.author {font-family: Arial, Helvetica; color: #333333; font-size: 10px; text-transform: uppercase; font-weight: bold; margin-right: 3px;}
	
	.time {font-family: Arial, Helvetica; color: #333333; font-size: 10px; text-transform: uppercase; margin-left: 3px;}
	
	.content {font-family: Arial, Helvetica; font-size: 12px; margin-top: 10px;}
	
	.content p {padding-bottom: 10px;}
	
	.content a {text-decoration: none; color: #333333; font-weight: bold;}
	
	.comments {padding-top: 5px;}
	
	.comments a {font-family: Arial, Helvetica; font-size: 11px; color: #333333; text-transform: uppercase;}
	
	/* DJs Page */
	
	#dj_intro {padding-top: 25px;}
	
	#dj_intro h3 {font-family: Arial, Helvetica; font-size: 20px; text-transform: uppercase; color: #333333;}
	
	#dj_intro p {font-family: Arial, Helvetica; font-size: 11px; text-transform: uppercase; line-height: 20px;}
	
	.profile_wrap {width: 125px; padding: 10px; background: #bfbfbf; margin: 15px 8px 0px 0px; border: 1px solid #333333; float: left;}
	
	.profile_wrap img {border: 1px solid #ececec;}
	
	.profile_wrap h5 {font-family: Arial, Helvetica; text-transform: uppercase; color: #ffffff; background: #000000; padding: 5px; font-size: 9px;}
	
	.profile_wrap a {font-family: Arial, Helvetica; text-transform: uppercase; color: #333333; font-size: 9px;}
	
	/* Events Page */
	.xl65 { background:#CCC;color: blue;}
	.xl88 { background:#CCC;color: blue;}
	.xl { padding-left: 5px; color: black; background: #BBB;}
	.event_wrap {margin-top: 0px;}
	
	.events {list-style: none; margin-top: 10px;}
	
	.toggle_1 {float: left; padding-right: 3px;}
	
	.toggle_2 {float: left; padding-right: 3px;}
	
	.toggle_3 {float: left; padding-right: 3px;}
	
	.toggle_4 {float: left; padding-right: 3px;}

	.event_title {font-family: Arial, Helvetica; font-size: 11px; text-transform: uppercase; }
	
	.event_date {font-family: Arial, Helvetica; font-size: 11px; text-transform: uppercase; font-weight: bold;}
	
	.event_description_1 {width: 400px; font-family: Arial, Helvetica; padding-left: 20px; margin-top: 5px; display: none;}
	
	.event_description_2 {width: 400px; font-family: Arial, Helvetica; padding-left: 20px; margin-top: 5px; display: none;}
	
	.event_description_3 {width: 400px; font-family: Arial, Helvetica; padding-left: 20px; margin-top: 5px; display: none;}
	
	.event_description_4 {width: 400px; font-family: Arial, Helvetica; padding-left: 20px; margin-top: 5px; display: none;}
	
	.event_details {list-style: none; border-bottom: 1px solid #d0d0d0;}
	
	.event_info {display: inline; padding-right: 10px; font-size: 12px; font-weight: bold; text-transform: uppercase;}
	
	.event_description {font-size: 12px; margin-top: 5px;}
	
	/* Schedule */
	
	.tabs {}

.tabNavigation {list-style: none; float: left; clear: right; margin-top: 10px; word-spacing: 10px;}

.tabNavigation li {display: inline; font-family: Arial, Helvetica, Sans-Serif; font-size: 13px; font-weight: bold; text-transform: uppercase; border-bottom: 1px solid #d4d4d4;}

#monday {clear: both; padding-top: 25px;}

#tuesday {clear: both; padding-top: 25px;}

#wednesday {clear: both; padding-top: 25px;}

#thursday {clear: both; padding-top: 25px;}

#friday {clear: both; padding-top: 25px;}

#saturday {clear: both; padding-top: 25px;}

#sunday {clear: both; padding-top: 25px;}


#newspaper-b
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	width: 940px;
	text-align: left;
	border-collapse: collapse;
	border: 1px solid #69c;
}
#newspaper-b th
{
	padding: 15px 10px 10px 10px;
	font-weight: bold;
	font-size: 13px;
	color: #039;
}
#newspaper-b tbody
{
	background: #e8edff;
}
#newspaper-b td
{
	padding: 10px;
	color: #669;
	border-top: 1px dashed #fff;
}
#newspaper-b tbody tr:hover td
{
	color: #339;
	background: #d0dafd;
}

	
	/* Donate */
	
	#project_list {font-family: Arial, Helvetica; text-transform: uppercase; list-style: none; font-size: 11px;}
	
	
	
	/* Sidebar */
	
	#sidebar {width: 325px; float: right; padding-left: 50px; padding-top: 25px; border-left: 1px solid #cecece;}
	
	#sidebar h3 {font-family: Arial, Helvetica; font-size: 20px; text-transform: uppercase; color: #333333;}
	
	#colophon {margin-top: 5px;}
	
	#colophon p {font-family: Arial, Helvetica; font-size: 11px; text-transform: uppercase; line-height: 20px;}
	
	#colophon a {font-weight: bold; color: #333333; text-decoration: none; border-bottom: 1px solid #cecece;}
	
	#player {margin-top: 20px;}
	
	#player h3 {font-weight: bold;}
	
	.player_link {margin-top: 10px;}
	
	#player img {float: left;}
	
	.launchplayer a {margin: 0px 0px 0px 10px; padding-top: 15px; font-family: Arial, Helvetica; text-transform: uppercase; color: #333333; font-size: 13px;}
	
	#player p {font-family: Arial, Helvetica; font-size: 11px; text-transform: uppercase;}
	
	.advertisement {margin-top: 30px;}
	
	.advertisement p {font-family: Arial, Helvetica; font-size: 9px; text-transform: uppercase; color: #333333;}
	
	#events {margin-top: 20px;}
	
	#events h3 {}
	
	#events p {font-family: Arial, Helvetica; font-size: 11px; text-transform: uppercase;}
	
	.listings {list-style: none; text-transform: uppercase; font-family: Arial, Helvetica; margin-top: 10px;}
	
	.listings img {float: left; padding-right: 3px; padding-top: 3px;}
	
	.listing {font-size: 11px; color: #333333; padding: 4px 0px 4px 0px; border-bottom: 1px solid #cecece}
	
	.list_date {font-weight: bold;}
	
	#social {margin-top: 20px;}
	
	#social h3 {}
	
	#social p {font-family: Arial, Helvetica; font-size: 11px; text-transform: uppercase;}
	
	#blankspace {height: 250px;}

/*** FOOTER ***/

#footer {width: 940px; margin: 10px auto 0px auto; overflow: hidden; clear: both; position: relative; padding-bottom: 10px;}

#footer h5{float: left; margin: 10px 0px 0px 0px; font-family: Arial, Helvetica; font-size: 12px; text-transform: uppercase; font-weight: bold;}

#footer_nav {float: right; color: #333333; margin: 10px 0px 0px 0px; word-spacing: 15px;}

.nav_list_item2 {display: inline; font-family: Arial, Helvetica; font-size: 12px; text-transform: uppercase; font-weight: bold;}

.nav_list_item2 a {text-decoration: none; color: #333333;}