/* 
	REV 89 Stylesheet
	Author: Matt Grooms
*/

/* ----- ELEMENT STYLES ----- */

body {
	background-color: #000;
	font: 12px "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
	color: #ccc;
}

a {
	color: #006BFF;
}

/* ----- LAYOUT -----*/

#container {
	width: 888px;
	margin: 0 auto;
}

#leftside, #middle, #rightside {
	float: left;
	margin-right: 15px;
}

#leftside {
	width: 179px;
}

#middle {
	width: 450px;
}

#rightside {
	width: 229px;
	margin-right: 0;
}

/* ----- HEADER ----- */

#header {
	padding-top: 30px;
	padding-left: 20px;
	margin-bottom: 20px;
}

/* ----- NAVIGATION ----- */

#navigation {
	background: #333 url(images/sidebar_gray_top.png) no-repeat top left;
	width: 179px;
}

#navigation ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	background: url(images/sidebar_gray_bottom.png) no-repeat bottom;
}

#navigation ul li {
	border-bottom: 1px solid #000;
}

#navigation ul li a {
	display: block;
	padding: 12px 20px;
	text-decoration: none;
	color: #ccc;
}

#navigation ul li .menu_current a {
	color: #666;
}

#navigation ul li.current_page a:hover {
	color: #00c4ff;
	cursor: default;
}

#navigation ul li a:hover {
	color: #00ca00;
}


/* ----- CONTENT AREA ----- */

#topmessage {
	background: #333 url(images/middle_gray_top.png) no-repeat top left;
}

#topmessage h1 {
	margin-top: 0;
	color: #ffa100;
}

#topmessageinner {
	background: url(images/middle_gray_bottom.png) no-repeat bottom left;
	padding: 20px;
}

#news {
	background: #333 url(images/middle_gray_bottom.png) no-repeat bottom left;
}

#news h2 {
	background: #00c4ff url(images/middle_header_blue.png) no-repeat top left;
	padding: 8px 20px;
	height: 24px;
	border-bottom: 2px solid #000;
}

.entry h3 span.timedate {
	font-size: 10px;
	color: #ccc;
	font-weight: normal;
}

.entry h3 {
	color: #00c4ff;
}

.entry h3 a {
	color: #00c4ff;
	text-decoration: none;
}

.entry h3 a:hover {
	text-decoration: underline;
	color: #006BFF;
}

.entry {
	margin: 15px 20px;
	border-bottom: 1px solid #666;
}

#news table {
	padding: 0 15px 15px 15px;
}

p.backlink, p.morelink {
	padding: 0 15px 15px 15px;
	text-align: right;
}

/* ----- RIGHT BAR ----- */

#topten {
	background: #333 url(images/widesidebar_gray_bottom.png) no-repeat bottom left;
}

#topten h2 {
	background: #00c4ff url(images/widesidebar_header_blue.png) no-repeat top left;
	padding: 8px 20px;
	height: 24px;
	border-bottom: 2px solid #000;
	margin-top: 0;
}

#topten p {
	margin: 10px 20px;
}

#topten ol {
	margin: 0 20px 10px 20px;
	padding: 0 20px 20px 20px;
}

#topten ol li {
	padding: 12px 0;
	border-top: 1px solid #666;
}

#topten .song { font-weight: bold; font-size: smaller; }
#topten .artist { font-size: smaller; }

/* ----- FOOTER ----- */

#footer p {
	text-align: center;
}

/* ----- UTILITY CLASSES ---- */

.clear { clear: both; }