/*
Theme Name: WBGUFM
Theme URI: http://gordonglauser.com
Description: Built specifically for WBGUFM.com, please do not use in a different context. (Based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a> by <a href="http://binarybonsai.com/">Michael Heilemann</a>)
Version: 0.1
Author: Gordon Glauser
Author URI: http://gordonglauser.com
Tags: WBGUFM, Clean, Sky, College Radio
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

::selection {
	background: #0066FF; /* Safari */
	}
::-moz-selection {
	background: #0066FF; /* Firefox */
}
body {
background:#90D0FD url(style/images/clouds.png) no-repeat top center;
text-align: center;
font-family: Geneva, Tahoma;
_background: #90D0FD url(style/images/clouds.jpg) no-repeat top center;
}
p {
margin-bottom: 10px;
font-family: Geneva; Tahoma;
}
ul {
float: left;
}
#sidebar li {float: left; padding: 2px;}
hr {
position: absolute;
color: #000066;
width: 100%;
top: 240px;
}
table { border-collapse: separate; border-spacing: 5px;}
table tr td, table tr th { 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 {
	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;
}
.table-header {
	background-color: #69F;
}
#table-style {
	text-align: center;
	margin:10px;
}
#s {
border:2px solid #000;
height: 20px;
}
#s:hover {
border:2px solid #000066;
}
#content input { margin: 5px 0px;}
input {
background: #0066FF;
border:2px solid #000066;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
margin-top: 4px;
}
#searchsubmit {
margin: 5px 0 0 10px;
height: 20px;
}
#searchsubmit:hover {
background: red;

}
#searchform {
height: 20px;
}
input:active, input:focus {
background: aqua;
}
textarea {
width:600px;
background: aqua;
}
textarea:focus {
background:white;
}
html, body, #container { height: 100%; }
body > #wrap {height: auto; min-height: 100%;}
#content {
padding-bottom: 50px;
}
h1 {
text-align: center;
font: 32px Geneva, Trebuchet MS, Tahoma;
padding: 5px;
margin: 10px;
background:#0066FF;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
box-shadow:2px 2px 4px #191315;
-moz-box-shadow:2px 2px 4px #191315;
-webkit-box-shadow:2px 2px 4px #191315;
-khtml-border-radius:10px;
border:2px solid #000066;
text-shadow: 0px 0px 3px #000066;
}
li {
font-family: Geneva, Trebuchet MS, Tahoma;
}
h1:hover {
background: red;
box-shadow:2px 2px 4px #191315;
-moz-box-shadow:2px 2px 4px #191315;
-webkit-box-shadow:2px 2px 4px #191315;
border:2px solid #000066;
}

h2 {
margin-top: 10px;
font:20px Geneva, Trebuchet MS, Tahoma;
text-align:left;
text-decoration: underline;
}
h3 {
font: 32px Geneva, Tahoma;
text-shadow: 0px 0px 3px blue;
}
h4 {
font: italic 20px Geneva, Tahoma;
}
a {
text-decoration: none;
color: black;
}
a:focus {
color: aqua;
}
a:hover {
text-shadow: 0px 0px 3px red;
color: red;
}

.page_item {
float: left;
margin: 0 10px;
}

.post {
margin-top: 10px;
}
.sticky {
} 


.dj-list {
position: relative;
height: 175px;
}
.wp-post-image {
	float:left;
	border: 2px solid #0066ff;
	margin: 4px;
}

#container {
margin: 0 auto;
text-align:left;
width: 1010px;
}
#header {
position: relative;
height: 110px;
top: 30px;
left: 30px;
}
#header img{

}
#navigation {
position: absolute;
top: 20px;
left: 320px;
font-family: Geneva, Trebuchet MS, Tahoma;
}
#navigation li{
padding: 2px;
text-shadow: 0px 0px 3px red;
}


#navigation li:hover{
margin: -5px 5px; 0 0px;
padding: 5px;
background: #0066FF;
border:2px solid #000066;
-moz-border-radius:40px;
-webkit-border-radius:40px;
border-radius:40px;
-khtml-border-radius:40px;
color: black;
text-shadow: none;
}
#navigation a:hover{
color: black;
text-shadow: none;
}
#content {
width: 700px;
height: auto;
float: left;
border-right: 1px solid #000066;
margin: 0;
padding: 0;
clear: left;
}
#content img {
margin: 5px;
}
#sidebar {
margin: 10px 0 0 0;
padding: 0;
float: right;
width: 300px;
height: auto;
clear: right;

}
#sidebar img {
margin-bottom: 5px;
}
#footer {
position: relative;
height: 150px;
clear:both;
} 

#listen_live {
float: right;
width: 480px;
height: auto;
margin:30px 0px;
}
#listen_live a:hover {
color: black;
}
#intro {
float: left;
width: 450px;
height: 100px;
margin:30px 0px;
}

.widget li{
font-style: italic;
}
#break {
float: left;
position: relative;
width: 1020px;
height: 1px;
background: blue;
margin: -15px auto;
top:auto
}
.widgettitle a{
text-decoration: underline;
font-family: Geneva, Trebuchet MS, Tahoma;
}
#italic {
font-style: italic;
}