/*
Theme Name: WEATHERMAN
Theme URI: http://www.djweatherman.com
Description: A theme built by <a href="http://www.polysonic.co.uk">Luke at Polysonic</a>.
Version: 1.0
Author: Luke Williams
Author URI: http://www.polysonic.co.uk

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
	
*/

body {
    text-align: left;
	color: #FFFFFF;
    background: #000000;
    font: 11px arial, helvetica, sans-serif;
    }

.wrap {
	width: 900px;
	text-align: left;
	margin: 0 20px 0 20px;
    background: url(images/weatherman-tr.jpg) no-repeat;
	background-position: right top;
	}

/*header elements */
	
.headwrap {
	margin: 0 0 0 0;
	text-align: left;
	}

#navhead {
	width:600px;
	height:80px;
	float: left;
	background: url(images/djweatherman_logo.jpg) no-repeat;
	margin: 0 0 0 0;
	}

/*main section elements */

.mainwrap {
	width: 900px;
	text-align: left;
	float: left;
 	clear:both; 
	}
	
.contentcolumn {
	width: 550px;
	text-align: left;
	float: left;
	}
		

#navbar {
	width: 260px;
    background: transparent;
	margin: 0 0 0 0;
	float: left;
	}

/* navigation elements */

.navlist {
	margin: 0 10px 0 -12px;
	background: transparent;
	}
	
.navlist li {
	list-style-type: none;
	}

.navlist li h2 {
	background: #6699CC;
	font: 11px arial, helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0 0 0 0;
	padding: 3px 3px 3px 3px;
	height: 14px;
	}
	
.navlist li a:link, .navlist li a:visited, .navlist li a:active {
	height: 14px;
	text-decoration: none;
	color: #CCCCCC;
	}

.navlist li a:hover {
	text-decoration: none;
	color: #FFFF33;
	}

/* main column content elements */

.maincontent {
	width: 550px;
	float: left;
	border-bottom: thin dashed #CCCCCC;
/*	border-top: thin dashed #CCCCCC; */
	}

.maincontent a, .maincontent a:visited, .maincontent a:active {
	color: #999999;
	text-decoration: none;
	}
	
.maincontent a:hover {
	color: #FFFF33;	
	text-decoration: none;
	}

.maincontent h2 {
    font: 16px arial, helvetica, sans-serif;
	color: #999999;
	}

.maincontent h2 a, .maincontent h2 a:visited, .maincontent h2 a:active {
    font: 16px arial, helvetica, sans-serif;
	font-weight: bold;
	color: #FF3333;
	text-decoration: none;
	}
	
.maincontent h2 a:hover {
    font: 16px arial, helvetica, sans-serif;
	font-weight: bold;
	color: #FFFF33;	
	text-decoration: none;
	}

/* Footer */

#foot {
	color: #CCCCCC;
	clear:both;
	height: 14px;
	background: Transparent;
	text-align: center;
	border-top: thin dashed;
		}
		
#foot a, #foot a:visited, #foot a:active {
	color: #999999;
	text-decoration: none;
	}
	
#foot a:hover {
	color: #FFFF33;	
	text-decoration: none;
	}
	
div.imgwrapper{
	float:left;
	margin:10px;
	}
	
div.imgwrapper span {
	display:block;
	text-align:center;	
}

input, textarea {
	background: #4F4F4F;
	font: 11px arial, helvetica, sans-serif;
	color:#CCCCCC;
	border: 2px solid #3F3F3F;
	}

input:hover {
	color:#FFFF33;
	}