/**
 *	Site Design and this CSS Copyright 2007 by Daniel Cousineau under
 *	the Creative Commons Attribution-NonCommerical-ShareAlike 3.0 License
 *	( http://creativecommons.org/licenses/by-nc-sa/3.0/us/ )
 *
 */

BODY
{
	margin:0;
	padding:0;
	
	background: #000033 url(background.png) top center no-repeat;
	
	font: 12pt 'Trebuchet MS', sans-serif;
	color: #59b2e5; /*3399cc*/
}

A
{
	color: #b7e6ff;
	text-decoration: underline;
}

A:hover
{
	color: #FFFFFF;
	text-decoration: none;
}

H2
{
	margin:0;
	margin-top:.5em;
	margin-bottom:.5em;
	
	font: 20pt 'Trebuchet MS', sans-serif;
	
	text-transform: lowercase;
	
	color: #b7e6ff;
}

H2 STRONG
{
	font: bold 24pt 'Trebuchet MS', sans-serif;
}

DIV.clear
{
	clear: both;
}

/** MIN-WIDTH FIX **/

DIV#width
{
	min-width:800px;
}

* html DIV#min-width
{
	border-left:800px solid #FFF;
	margin-left:-800px;
}

/** HEADING **/

DIV#heading
{
	background: url(topbar.png) bottom left repeat-x;
	
	min-height: 180px;
	padding-bottom: 13px;
}

/** logo **/

DIV#heading H1
{
	margin:0;
	padding:0;
	
	padding-top: 45px;
	padding-left: 45px;
	
	width: 569px;
	height: 86px;
	
	background: url('logo.png') bottom right no-repeat;
	
	float: left;
}

DIV#heading H1 SPAN
{
	display: none;
}

/** quick links **/

DIV#heading DIV#quicklinks
{
	float: left;
	
	padding-top: 40px;
	padding-left: 20px;
	
	color: #b7e6ff;
}

DIV#heading DIV#quicklinks A
{
	text-decoration: none;
	
	color: #b7e6ff;
}

DIV#heading DIV#quicklinks A:hover
{
	color: #FFFFFF;
}

/** menu **/

DIV#heading DIV#menu
{
	font: 24px 'Trebuchet MS', sans-serif;
	height: 1.5em;
	
	padding-top: 10px;
	
	clear: both;
}

DIV#heading DIV#menu UL
{
	padding:0;
	margin:0;
	
	list-style: none;
	
	float: right;
}

DIV#heading DIV#menu UL LI
{
	display: block;
	float: left;
}

DIV#heading DIV#menu UL LI A
{
	font: 24px 'Trebuchet MS', sans-serif;
	color: #66ccff;
	
	text-decoration: none;
	
	display: block;
	
	margin-right: 10px;
	padding-right: 2px;
	padding-left: 2px;
}

DIV#heading DIV#menu UL LI A.here
{
	color: #FFFFFF;
}

DIV#heading DIV#menu UL LI A:hover
{
	color: #FFFFFF;
}

/** CONTENT **/

DIV#content
{
	padding: 10px;
	padding-top:0;
}

DIV#content P
{
	text-align: justify;
	
	margin-top:0;
	margin-bottom: .5em;
}

/** FOOTER **/

DIV#footer
{
	margin-top: 2em;
	
	text-align:center;
	
	color: #3399cc;
	
	font: 10px 'Trebuchet MS', sans-serif;
}

DIV#footer A
{
	color: #3399cc;
}

DIV#footer A:hover
{
	color: #3399cc;
}

DIV#footer A IMG
{
	border: 0;
}

/** NOW PLAYING **/

DIV#nowplaying
{
	margin-bottom: .75em;
}

DIV#nowplaying H2
{
	margin:0;
	padding-bottom: .25em;
}

DIV#nowplaying H2 A
{
	font: bold 12pt 'Trebuchet MS', sans-serif;
}

DIV#nowplaying SPAN.filler
{
	display:block;
	float:left;
	
	font: bold 10pt 'Trebuchet MS', sans-serif;
	
	color: #b7e6ff;
	
	padding-right: .5em;
}

DIV#nowplaying DIV#info
{
	display:block;
	float:left;
	
	padding-right: .75em;
}

DIV#nowplaying SPAN#title, SPAN#title2
{
	font: bold 14pt 'Trebuchet MS', sans-serif;
	display:block;
}

DIV#nowplaying SPAN#artist, SPAN#artist2
{
	padding-left: 2em;
}

DIV#nowplaying SPAN#theshow
{
	display:block;
	float:left;
	
	padding-right: .5em;
	
	font: italic 12pt 'Trebuchet MS', sans-serif;
	
	text-align: justify;
	
	max-width: 21em;
}

DIV#nowplaying SPAN#theshow SPAN#show A, SPAN#show2 A
{
	text-decoration: none;
	color: #59b2e5;
}

DIV#nowplaying SPAN#theshow SPAN#show A:hover, SPAN#show2 A:hover
{
	color: #FFFFFF;
	text-decoration:underline;
}