/* --------------------------------------------------------------
	BASICS
-------------------------------------------------------------- */

* { margin: 0; padding: 0; outline: none; }

body {
	background: #c0c0c0 url('images/bg-main.gif') center repeat-y;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	line-height: 1.7em;
	color: #922e5e;
}

p, blockquote, ul { padding: .5em 0; }

/* --------------------------------------------------------------
	LINKS
-------------------------------------------------------------- */

a:link, a:active, a:visited {
	text-decoration: underline;
	color: #ffffff;
}

a:hover {
	color: #f8f3ca;
}

a img { border: none; }

a.no-underline { text-decoration: none; }

/* --------------------------------------------------------------
	HEADINGS
-------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	padding: .4em 0 .2em 0;
}

h1 { font-size: 170%; }

h2 { font-size: 145%; }

h3 { font-size: 125%; }

	#blog h3 { clear: left; }

h4 { font-size: 110%; }

h5 { font-size: 105%; }

h6 { font-size: 100%; }

h10 { font-size: 170%; text-decoration: underline; font-weight: bold; padding: .4em 0 .2em 0; }

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

#nav {
	background: url('images/bg-nav.jpg') no-repeat;
	height: 33px;
	font-size: 90%;
	
	
}

#nav ul {
	list-style: none;
	text-transform: uppercase;
	color: #9f1230a;
	font-weight: bold;
	margin-left: 22px;
	padding-top: 6px;
	z-index: 3;
}

#nav ul li {
	float: left;
	padding: 0 10px 0 0;
	
}

#nav a {
	display: block;
	color: #9f1230e;
	text-decoration: none;
}

#nav a:hover {
	color: #ffffff;
	text-decoration: underline;
}

#download a {
	display: block;
	color: #922e5e;
	text-decoration: none;
}

#download a:hover {
	color: #ffffff;
	text-decoration: underline;
}

#sidebar a {
	display: block;
	color: #f8f3ca;
	text-decoration: none;
}

#sidebar a:hover {
	color: #ffffff;
	text-decoration: underline;
}

/* --------------------------------------------------------------
	STRUCTURE & TYPOGRAPHY
-------------------------------------------------------------- */

#wrap {
	background: ;
	margin: 0 auto;
	width: 920px;
	font-size: 85%;
}

#header {
	background: url('images/bg-header.jpg') no-repeat;
	height: 226px;
	text-align: right;
}

	#search {
	position: relative;
	top: -10px;
	right: 0px;
	left: 100px;
	width: 600px;
	height: 30px;
	float: left;	
	}

#subHeader {
	background: url('images/nav-bottom.jpg') no-repeat;
	height: 11px;
}

#subscriberBar {
	background: #5b3f52;
	height: 35px;
	text-align: right;
}

#contentHeader {
	height: 10px;
	padding: 10px 0 0 22px;
}

#content {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
}

#leftNav {
	float: left;
	width: 214px;
	height: 750px;
	font-size: 90%;
	background: #a5552a;
}

#mainContent {
	float: right;
	width: 680px;
	min-height: 444px;
}

	#sidebar {
		float: right;
		width: 180px;
		margin-left: 22px;
		line-height: 1.5em;
	}

	.post {
		clear: left;
		margin-right: 32px;
		line-height: 1.7em;
	}

	#calendar .post {
		margin-right: 100px;
		line-height: 1.7em;
		font-size: 150%;
	}

#footer {
	background: #cb9f51;
	text-align: center;
	line-height: 1.3em;
	font-size: 90%;
	clear: both;
	color: #a5552a;
	padding-top: 10px;
}

#mail {
	background: #98aeba;
	text-align: center;
	line-height: 1.3em;
	font-size: 170%;
	clear: both;
	color: #922e5e;
	padding-top: 10px;
}

/* --------------------------------------------------------------
	LISTS
-------------------------------------------------------------- */

#content ul {
	list-style: square;
}

#content ul, #content ol {
	margin-left: 10px;
}

#content ul li, #content ol li {
	padding-left: 5px;
}

#leftNav ul {
	list-style: none;
	margin-left: 0;
	line-height: 1.6em;
	text-transform: uppercase;
	
}

#leftNav #about-jenn {
	padding-top: 0;
	margin-left: 20px;
	color: #ffd49f;
}

#leftNav #about-jenn a {
	color: #ffd49f;
}

#leftNav #about-jenn a:hover {
	color: #fff;
}

.special-font {
	font-family: "Franklin Gothic", "Arial Narrow", Arial, sans-serif;
}

#sidebar ul {
	list-style: none;
	margin-top: 0;
	padding-top: 0;
}

#sidebar ul, #sidebar ol {
	margin-left: 0;
}

#sidebar ul li, #sidebar ol li {
	padding-left: 0;
}

/* --------------------------------------------------------------
	MISC
-------------------------------------------------------------- */

.button-radioshow {
	position: relative;
	top: 36px;
	left: 21px;
}

#search span {
	color: #123042;
	font-weight: bold;
	position: relative;
	top: 1px;
	right: 3px;
}

.search-box {
	width: 100px;
	height: 14px;
	padding: 2px 2px 2px 4px;
	border: 1px #888 solid;
	vertical-align: middle;
	font-size: 90%;
}

.search-name {
	width: 50px;
	height: 14px;
	padding: 2px 2px 2px 4px;
	border: 1px #888 solid;
	vertical-align: middle;
	font-size: 90%;
}

.search-button {
	font-size: 0px;
	border: none;
	vertical-align: middle;
	margin-top: 1px;
	color: #aaa;
	width: 109px;
	height: 38px;
	cursor: pointer;
	background: url('images/button-search.png') no-repeat;
	_background-image: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/button-search.png',sizingMethod='scale');
}

.big-text {
	font-size: 12px;
	vertical-align: middle;
}

.leftNav-photo {
	margin: 0 0 0 0px;
}

.textarea {
	width: 95%;
	height: 300px;
	border: 2px #666 solid;
	background: #ddd;
	padding: 5px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 100%;
}

/* --------------------------------------------------------------
	SPLASH PAGE
-------------------------------------------------------------- */

#splash {
	background: #c0c0c0 url('images/bg-splash-main.gif') center repeat-y;
	height: 100%;
}

#splash #wrap {
	width: 954px;
}

#splash #header {
	background: url('images/bg-splash-header.jpg') no-repeat;
	height: 214px;
}

#splash #subHeader {
	background: none;
	height: 343px;
}

#splash #footer {
	background: url('images/bg-splash-footer.jpg') bottom no-repeat;
	height: 120px;
	text-align: center;
	line-height: 1.3em;
	font-size: 90%;
	clear: both;
	color: #f8f3ca;
	position: absolute;
	bottom: 0;
	width: 954px;
}

#splash #footer p {
	padding-top: 80px;
}

/* --------------------------------------------------------------
	CLEARFIX
-------------------------------------------------------------- */

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.clearfix { display: inline-table;}

/* Hides from IE-mac \*/

* html .clearfix { height: 1%; }

.clearfix { display: block; }

/* End hide from IE-mac */
