/**
 * CSS DOCUMENT
 */

@import url(../layout.css);

/* Globals */

* {
	font-family: Arial, Verdana, sans serif;
	font-size: 15px;
}
html {
}
html.body, body {
	margin: 0;
	background: #515D51 url('assets/images/whitespace.gif') 50% 50% repeat-y;
	background-position: 60%;
	background-color: #BFBDB0;
}
h1 {
	font-size: 60px;
	margin: 0;
	font-family: arial, verdana, sans serif;
	font-weight: normal;
}
h2, h2 a:link, h2 a:hover, h2 a:visited, h2 a:active {
	text-decoration: none;
	font-size: 18px;
	font-weight: normal;
	color: #fff;
	margin: 0;
	padding: 0;
}
h3, h3 a:link, h3 a:hover, h3 a:visited, h3 a:active {
	text-decoration: none;
	font-size: 16px;
	font-weight: normal;
	color: #fff;
	margin: 5px 0;
	padding: 0;
}

/* Main Post / Page */

.postmetadata, .postmetadata a:link, .postmetadata a:visited, .postmetadata a:hover {
	font-size: 11px;
}
.postspacer {
	border-top: 2px dotted #657664;
	height: 2px;
	width: 100%;
	margin: 5px 0 10px 0;
}

/* Page Styles */

.whiteText {
	color: #fff;
	font-size: 60px;
}
b {
	color: #000;
	font-weight: normal;
}
img {
	padding:4px;
	border:1px solid #657664;
	background-color: #eee;
}
small {
	color: #000;
	font-size: 10px;
}
#slogan {
	margin-bottom: 20px;
}

#calendar img{
	border:none;
	padding: 0;
	margin: 0;
}


/* Link Styles */

a, a:link {
	color: #000;
	text-decoration: none;
}

a:hover {
	color: #fff;
}

/*-- Layout --*/

/* Head */

#headwrap {
	width:100%;
	background-color: #fff;
}

#head {
	width: 750px;
	margin: 0 auto;
	min-height: 100px;
}
#headGraphic {
	float: left;
	width: 50%;
	margin-bottom: -30px;
}
#headGraphic img {
	background-color: transparent;
	border: none;
}
#headMenu {
	float: right;
	font-size: 18px;
	padding-top: 20px;
}
	#headMenu li {
		display: block;
		list-style: none;
		float: left;
		margin: 0; 
		padding: 0;
	}
	#headMenu li a:link, #headMenu li a:visited, #headMenu li a:active {
		text-decoration: none;
		padding: 0 5px;
		font-size: 18px;
	}
	#headMenu li a:hover {
		text-decoration: none;
		color: #a0c55d;
	}
#tagline {
	clear: both;
	float: right;
	font-size:12px;
	color: #999;
	padding-top: 40px;
	text-align: right;
	min-width: 50%;
}
	#tagline a:link {
		color: #999;
		font-size:12px;
	}
	#tagline a:hover {
		text-decoration: underline;
		color: #a0c55d;
	}

/* Main */

#leftBg {
	background: #515D51 url('assets/images/leftBgGraphic.gif') no-repeat top right; 
	width: 60%;
	min-height: 1051px;
	float: left;
}
#main {
	width: 460px;
	margin: 0 auto;
	padding: 5px 20px 20px 20px;
	float: right;
	color: #a0c55d;
}

/* SideBar */

#sideBar {
	width: 216px;
	margin: 0 auto;
	padding: 50px 0px 20px 20px;
	float: left;
	color: #657664;
	border-left: 4px solid #fff;
}
	#sideBar li, {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	#sideBar ul {
		margin: 0 0 0 10px;
		padding: 0;
		list-style: none;
	}
#rightBg { 
	background: #BFBDB0 url('assets/images/rightBgGraphic.gif') no-repeat top left;
	z-index:-2;
	float: left;
}
#rightBgOuter {
	background: transparent url('assets/images/rightGraphicTop.gif') repeat-x top;
	width: 40%;
	float: right;
}