/* 
Theme Name: Garden Gate Notes
Theme URI: http://wordpress.org/
Description: The theme for GardenGateNotes.com
Version: 1.0
Author: Rob L Glazebrook
Author URI: http://www.rootarcana.com/
*/

/* Eric Meyer's CSS Reset Reloaded */
html, body, div, span, applet, object, embed, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline; }
:focus {
	outline: 0; }
body {
	line-height: 1;
	color: black;
	background: white; }
ol, ul {
	list-style: none; }
sup, sub {
	font-size: 50%; }
table {
	border-collapse: separate;
	border-spacing: 0; }
caption, th, td {
	text-align: left;
	font-weight: normal; }
blockquote:before, blockquote:after,
q:before, q:after {
	content: ""; }
blockquote, q {
	quotes: "" ""; }


/* Set up some global styles and widths */
body { 
	font: small/1.2em "Helvetica", "Arial", sans-serif;
	background-color: #fff; }
strong {
	font-weight: bold; }
em {
	font-style: italic; }
#wrap {
	width: 800px; 
	margin: 0 auto; }	
#main {
	margin: 10px 0;
	background: #fff url("images/bg-bar.gif") repeat-y; }
#content {
	float: left;
	width: 500px;
	margin: 0 0 10px 30px; 
	padding: 10px 23px 0 0;
	display: inline; }
#sidebar {
	float: left;
	width: 215px;
	margin: 0 0 30px 0;
	padding: 10px 0 0 12px;
	display: inline; }
#footer {
	clear: both;
	width: 500px;
	padding: 10px 30px; }
.green {
	color: #9ec663; }
.red {
	color: #e65925; }
.swfir img { display: none }
	
/* Header styles (includes header image, date, and top navigation. */
#banner {
	width: 800px;
	height: 140px;
	position: relative;
	background-color: #356430; }
#banner h1 {
	position: absolute; 
	right: 0;
	top: 30px;
	z-index: 2;
	width: 500px;
	height: 98px; }
#banner h1 span {
	display: none; }
#banner h2 {
	position: absolute;
	left: 20px;
	top: 100px;
	color: #fff;
	font-family: arial, sans-serif;
	font-size: 110%;}
.january {background: #356430 url("images/header-january.jpg") no-repeat;}	
.february {background: #356430 url("images/header-february.jpg") no-repeat;}	
.march {background: #356430 url("images/header-march.jpg") no-repeat;}	
.april {background: #875d9f url("images/header-april.jpg") no-repeat;}
.may {background: #875d9f url("images/header-may.jpg") no-repeat;}	
.june {background: #356430 url("images/header-june.jpg") no-repeat;}
.july {background: #356430 url("images/header-july.jpg") no-repeat;}
.august {background: #356430 url("images/header-august.jpg") no-repeat;}
.september {background: #356430 url("images/header-september.jpg") no-repeat;}
.october {background: #356430 url("images/header-october.jpg") no-repeat;}
.november {background: #356430 url("images/header-november.jpg") no-repeat;}
.december {background: #356430 url("images/header-december.jpg") no-repeat;}
.page-banner {background: #356430 url("images/frontpage/banner.jpg") no-repeat;}

#topnav {	
	padding: 5px 0;
	margin-bottom: 2em; }
#topnav a {
	color: #333;
	text-decoration: none; }
#topnav a:hover {
	text-decoration: underline; }
#topnav #manage {
	float: left;
	margin-right: 1em; }
#topnav #manage a {
	padding: 3px 0 3px 20px;
	background: transparent url("images/user.png") no-repeat left; }
#topnav #links-elsewhere {
	float: left;
	margin-right: 1em; }
#topnav #print-share {
	float: left;
	text-align: right; }
#topnav #print-share #print-this {
	margin-right: 10px;
	padding: 3px 0 3px 20px;
	background: transparent url("images/printer.png") no-repeat left; }

/* Content styles (some of which are borrowed by the sidebar) */
#content h3, #sidebar h3 {
	font-size: 200%;
	line-height: 1.1em;
	font-weight: normal;
	color: #e65925;
	margin: 12px 0 .4em 0;
	padding-top: 0; }
#content h3 a, #sidebar h3 a {
	text-decoration: none;
	color: inherit; }
#content h4 {
	font-size: 120%;
	font-weight: normal;
	color: #9ec663; 
	margin: 1em 0 .5em 0; }
#content h4 a {
	color: #9ec663; }
#content p, #content .video {
	margin: 0 0 1em 0; }
#content .video {
	text-align: center; }
#content div.entry p:first-child {
	margin-bottom: 0; }
#content div.entry div p:first-child {
	margin-bottom: inherit; }	
#content .entry {
	padding-bottom: 3em;
	border-bottom: 1px solid #333; }
#content .entry ul li {
	margin-left: 1.5em; }
#content .entry ul {
	margin-bottom: 1em;
	list-style-type: disc; }
#content .left {
	float: left; 
	margin: 0 10px 5px 0;}
#content .right {
	float: right; 
	margin: 0 0 5px 10px;}
#content .box, #content .metadata {
	background-color: #ecf6dd;
	padding: 5px 2px; }
#content .box {
	margin: 1em 10px;
	padding: 10px; }
#content .metadata {
	clear: both; }
#content .metadata div.post-ratings {
	display: inline; }
#content input {
	display: block; 
	margin: 0; }
#content p.caption {
	font-size: 80%;
	margin-bottom:2px; }
	
/* Sidebar styles. */
#sidebar h4 {
	font-size: 140%;
	font-weight: normal;
	color: #a1c581;
	margin: .4em 0; }
#sidebar p {
	margin: 0 20px 1em 0; }
#sidebar hr {
	margin-top: 20px;
	background-color: transparent;
	border: 0;
	border-bottom: 1px solid #333; }
#sidebar ul.archivelist li {
	float: left;
	width: 50%; 
	margin: .3em 0;}
	
/* Footer styles. */
#footer {
	text-align: center; }
#footer p, #footer ul li a {
	color: #666;
	font-size: 90%; }
#footer ul li a:hover {
	color: #333; }
#footer ul {
	margin: .3em 0;
	padding-bottom: 20px; }
#footer ul li {
	display: inline;
	padding: 0 10px; }

/* HOMEPAGE template styles. */
#home #banner {
	background: #fff url("images/frontpage/banner.jpg") no-repeat;
	height: 140px; }
#home #main a, #home #foot a {
	color: #82b157; }
	
#home #main {
	background: #fff url("images/frontpage/fauxcolumn.gif") repeat-y; 
	margin: 20px 0;}
#home #main #content {
	float: left;
	width: 480px;
	margin: 0 20px 10px 20px; }
#home #main #content h3 {
	font-size: 150%; 
	margin: 0 0 1em 0;
	color: #000; }
#home #main #content h3 strong {
	color: #f26522; }
#home #main #content ul {
	margin: 1em 0 1em 3em;
	list-style: disc; }
#home #main #content ul li {
	margin-bottom: .2em; }
	
#home #main #subscribe {
	float: left;
	width: 220px;
	margin: 0 10px 10px 20px; }
#home #main #subscribe h3 {
	color: #82b157;
	font-weight: normal;
	font-size: 160%;
	line-height: 110%; }
#home #main #subscribe h3 em {
	color: #f26522;
	font-weight: bold;
	font-style: normal; 
	font-size: 140%; 
	line-height: 110%; }
#home #main #subscribe h3 strong {
	font-size: 140%; }
#home #main #subscribe p {
	margin: .5em 0 1em 0; }
#home #main #subscribe ul {
	list-style: disc;
	color: #f26522;
	font-weight: bold;
	list-style-position: inside;
	font-size: 130%; }
#home #main #subscribe ul li {
	margin-bottom: .4em; }
#home #main #subscribe ul li span {
	color: #82b157; }
#home #main #subscribe form {
	margin: 15px 0 0 16px; }
#home #main #subscribe form label {	
	display: block; }
#home #main #subscribe form input[type="text"] {
	width: 100%; }

#home #main #subscribe .error {
	background: #faded3;
	border: 1px solid #f69567;
	margin-left: -15px;
	padding: 0.5em;
}
#home #main #subscribe .success {
	background: #E3F0DB;
	border: 1px solid #356430;
	margin-left: -15px;
	padding: 0.5em;
}

#home #samples {
	clear: both;
	background-color: #fff;
	height: 230px;
	border-top: 3px solid #d1d3d4;
	border-bottom: 3px solid #d1d3d4; }
#home #samples h3 {
	color: #f26522;
	font-size: 130%;
	font-weight: bold;
	margin: .3em 10px; }
#home #samples .sample {
	float: left;
	width: 140px;
	margin: 10px; 
	background-color: #fff;
	display: inline;}
#home #samples .sample h4 {
	font-size: 110%;
	font-weight: bold;
	text-align: center; 
	margin: .4em 0;}
#home #foot {
	text-align: center;
	margin-bottom: 15px; }
#home #foot a {
	margin: 0 5px; }