/*  
Theme Name: White House 08
Theme URI: http://www.keynotemediagroup.com
Description: Keynote Media's Chris Anthony developed this theme, based off of the LoseMyMind theme, for White House Fruit Farm in February of 2008.  If you'd like to know more about Keynote Media, they're online <a href="http://www.keynotemediagroup.com" target="_blank">HERE</a>, and if you'd like to know more about Chris, you can check out his personal site <a href="http://www.ipengy.com" target="_blank">HERE</a>.
Version: 1.0
Author: Chris Anthony from Keynote Media Group
Author URI: http://www.ipengy.com

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

/* Begin Typography & Colors */
body {
	margin: 0 0 0 0;
	}

#page {
	background:#999966;
	border-right:#FF0000 solid thin;
	text-align: left;
	margin: 0;
	padding: 0;
	width: 600px;
	}

#header {
	background:#009966;
	margin: 0;
	padding: 0;
	height: 80px;
	position:fixed;
	z-index:100;
	width: 600px;
	}

#content {
	background:#999966;
	padding-top:40px;
	margin:0;
	padding-bottom:0;
	width: 600px;
	}

.post {
	margin-left:20px;
	margin-right:20px;
	text-align: justify;
	}

.entry {
	font-size: 0.8em;
	line-height: 1.2em;
	padding:0;
	}

.entry-meta {
	border-top: thin solid #CCCCCC;
	border-bottom: thin solid #CCCCCC;
	color:#333333;
	font-size: 0.6em;
	line-height: 0.8em;
	margin: 0 50px 0 0;
	}

.entry-related {
	margin: 0 50px 0  0;
	}

#footer {
	background:#999966;
	padding-top: 0;
	padding-bottom: 20px;
	width: 600px;
	clear: both; 
	border: none;
	}

small {
	font-size: 0.8em;
	}

a, a:visited {
	color:#FFFFFF;
	text-decoration:underline;
	}

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

/*Mods the Header Nav ONLY*/
#nav h2 {
	font-size:1.2em;
	line-height:1.5em;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:400;
	}

#nav ul li {
	float:left;
	width:300px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.6em;
	line-height:1.2em;
	color:#FFFFFF;
	list-style:none;
	text-transform:capitalize;
}

#nav-right ul li {
	float:right;
	width:200px;
	text-align:right;
	padding-right:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	line-height:1.2em;
	color:#FFFFFF;
	list-style:none;
	text-transform:capitalize;
	}

/*End Nav Mods*/

h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#990000;
	font-weight:100;
	text-align:justify;
	margin-left:30px;
	}

.entry-title h2, h2 a, h2 a:visited {
	color:#006600;
	font-size: 1.2em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:200;
	text-align:left;
	text-decoration:none;
	margin-top:50px;
	}

.entry-title h2 a:hover {
	color:#00CC33;
	text-decoration:none;
	}

.entry a:hover {
	color:#FF0000;
	}

.entry a:visited {
	color:#990000;
	}

.commentlist li, #commentform input, #commentform textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color:#009900;
	}

.commentlist li {
	font-weight:200;
	}

.commentlist cite, .commentlist cite a {
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.2em;
	text-transform: none;
	}

#commentform p {
	font-family:"Times New Roman", Times, serif;
	font-size:0.8em;
	}

.commentmetadata {
	font-weight: normal;
	}

.subscribe-to-comments {
	font-size: 0.6em;
	}

small, .nocomments, blockquote, strike {
	color:#006633;
	}

code {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	}

acronym, abbr, span.caps
{
	font-size: 1em;
	}
/* End Typography & Colors */


/* Begin Images */

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */

/* Begin Form Elements */
.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform {
	margin: 0 50px 0;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 100%;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	float: right;
	}

/* End Form Elements */



/* Begin Comments*/
.commentlist {
	margin: 0 50px 0;
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}

.commentlist p {
	font-family:"Times New Roman", Times, serif;
	font-size:0.7em;
	color:#333333;
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	}
/* End Comments */


/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #990000;
	}

blockquote cite {
	margin: 0 0 0 0;
	}

.center {
	text-align: center;
	}

a img {
	border: none;
	}
/* End Various Tags & Classes*/