/*
Theme Name: Simply Gardens
Description: 
Version: 1.1
Author: The WebServant
Author URI: http://thewebservant.com/
*/



/*
	Table of Contents:
		General elements
		Structural elements
		Header elements
		Post elements
		Metadata elements
		Comment elements
		Sidebar elements
		Footer elements
		Page-specific elements
		Widget-specific elements
		Plugin-specific elements
		Image elements
		SuckerTree menu	
*/



/****************************************
 *	General elements					*
 ****************************************/
* {
	margin: 0px;
	padding: 0px;
}

html,
body {
	text-align: center;
}

body {
	background: #CFD699 url('images/background.jpg');
	color: #633509;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%; /* set base size here, use percentages of this size throughout the rest of the stylesheet */
	line-height: 150%;
}

p, ul, ol, table {font-size: 1em;}
h1 {font-size:120%;}
h2 {font-size:110%;}
h3 {font-size:100%;}
h4 {font-size:100%;}
h5 {font-size:100%;}
h6 {font-size:100%;}

.heading { /* for headings that don't have any real semantic value */
	font-size: 100%;
	letter-spacing: -.03em;
	text-transform: uppercase;
}

h1, h2, h3, h4, h5, h6, .heading {
	clear: both;
}

blockquote {
	font-style: italic;
	margin: 0px 100px 0px 84px;
}

p,
blockquote,
#content ul,
#content ol,
table,
.more-link {
	margin-bottom: 1.5em;
}

input,
textarea {
	color: #633509;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
}

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

a:hover, a:active, a:focus {
	color: #633509;
}

div.clear {
	clear: both;
	font-size: 1px;
	line-height: 1px;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

span.center {
	display: block;
	text-align: center;
}

label {
	cursor: pointer;
}

.no-hover {
	background: transparent !important;
}

.hide {
	display: none;
}

dl {
	margin: -1em 1.5em 1.5em 1.5em;
}

dt {
	font-style: italic;
	margin-top: 1em;
}

dd {
	background: #fafafa;
	border-top: solid 1px #dddddd;
	border-bottom: solid 1px #dddddd;
}



/****************************************
 *	Structural elements					*
 *										*
 *	Positioning information goes here.	*
 *	Colors, fonts, etc. should go in	*
 *	the individual sections.			*
 ****************************************/
#page {
	background: #FAF9F5 url('images/background-page-narrow.png') left top repeat-y;
	margin: 17px auto 0 auto; /* for centered layouts */
	overflow: hidden;
	text-align: left;
	width: 966px;
}

#header {
	background: url('images/background-header.jpg') right top no-repeat;
	height: 178px;
	overflow: hidden;
}

#navigation {
	margin: 19px 7px 0 239px;
}

#container {
	float: left;
	width: 100%;
}

#content {
	background: url('images/ornament.gif') center top repeat-y;
	margin: 0 250px;
	overflow: hidden;
	padding: 1em 35px 75px 35px;
	width: 400px;
}

.sidebar {
	float: left;
	overflow: hidden;
	padding: 29px 0 0 44px;
	width: 206px;
}

#sidebar-primary {
	margin-left: -966px;
}

#sidebar-secondary {
	margin-left: -250px;
}

#footer {
	clear: both;
	margin: 0 auto; /* for centered layouts */
	padding: 30px 0 1px 63px;
	text-align: left;
	width: 903px;
}



/****************************************
 *	Header elements						*
 ****************************************/
#navigation a {
	text-transform: uppercase;
}

#navigation ul {
	list-style: none;
}

#header h1,
#header h2 {
	margin: 0;
	padding:0;
}

#header a,
#navigation a {
	outline: none;
}

/* This section contains an image replacement technique and will need to be modified to call the right image and fit properly. */
#header h1 a,
#header h2 a {
	display: block;
	line-height: 60px; /*change this to the height of the header image */
	overflow: hidden;
	text-indent: -1000em;
}
	
#header h2.description {
	height: 0;
	margin: 0;
	overflow: hidden;
	padding: 0;
	text-indent: -1000em;
	width: 0;
}

h3.category-description {
	font-weight: normal;
	line-height: 140%;
}



/****************************************
 *	Post elements						*
 ****************************************/
.post,
#content .page {
	clear: both;
	margin-bottom: 3em;
}

.post img {
	/* Adds a "loading" image that will show as larger images are loaded. Delete if it interferes with anything. */
	background:url('includes/ajax-loader.gif') no-repeat center;
}

.post-header h1,
.post-header h2,
.pagetitle {
	font-size: 230%;
	line-height: 100%;
	margin-bottom: 0;
}

.post-header h1,
.post-header h2,
.post-header a,
.post-header a:visited {
	color: #633509;
}

.post-header a {
	display: block;
}

.post-body {
	background: none;
	margin-top: 0px;
	padding-top: 0px;
}

body.page .post-body {
	clear: both;
	background: url('images/dots.gif') left top repeat-x;
	margin: 0px 0 25px 0;
	padding-top: 25px;
}

.interpost-nav {
	font-size: 95%;
	margin: 30px;
	text-align: center;
}

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

#content form input[type=text],
#content form textarea {
	background: #F9F9F0;
	border: 0;
}

p+p .more-link {
	margin-top: -1.5em;
}

.more-link {
	display: block;
}

.post p.heading,
.page p.heading {
	margin-top: 1.5em;
}

ul.random-posts h1,
ul.random-posts h2 {
	font-size: 100%;
	font-weight: normal;
}



/****************************************
 *	Metadata elements					*
 ****************************************/
.post-metadata {
	background: url('images/dots.gif') left top repeat-x;
	color: #9B7D5F;
	display: block;
	font-size: 85%;
	line-height: 110%;
	margin: 0 0 25px 0;
	padding-top: 6px;
}

.post-metadata a {
	color: #9B7D5F;
}

.post-metadata a:hover {
	color: #6B4015;
}

body.page .post-metadata {
	display: none;
}



/****************************************
 *	Sidebar elements					*
 ****************************************/
.sidebar {
	
}

.sidebar .widget {
	background: url('images/sidebar-ornament.gif') bottom left no-repeat;
	margin-bottom: 20px;
	padding: 0 15px 60px 15px;
}

.sidebar .widget .heading {
	display: block;
	letter-spacing: -.03em;
	font-size: 150%;
	font-weight: normal;
	margin-bottom: 20px;
	text-transform: uppercase;
}

.sidebar .widget ul {
	margin: 0 0 0 14px;
	padding: 0;
}

.sidebar .widget ul li {
	line-height: 100%;
	margin-bottom: 7px;
}

.sidebar .widget ul li ul li { /* For sub-lists */
	margin-left: 16px;
}

.sidebar .widget a {
	color: #633509;
}

.sidebar .widget a:hover {
	color: #7B8D2F;
}

.sidebar form input[type=text] {
	background: #EDEDD9;
	border: none;
	height: 19px;
	width: 92px;
}

.sidebar form label {
	text-transform: uppercase;
}



/****************************************
 *	Footer elements						*
 ****************************************/
#footer {
	background: transparent url('images/background-footer-narrow.png') center top no-repeat;
}

#footer,
#footer a {
	color: #FAF9F5;
}



/****************************************
 *	Page-specific elements				*
 ****************************************/
#searchform404 label {
	display: none;
}



/****************************************
 *	Widget-specific elements			*
 ****************************************/
.sidebar .widget .subscribeIcon {
	border: none;
	float: left;
	margin: 5px 10px 0 0;
}

form#searchform-side label {
	display: none;
}

.sidebar form input.submit,
.sidebar form input[type=submit] {
	background: url('images/background-button.gif') center 3px no-repeat;
	border: none;
	color: #ffffff;
	font-size: 150%;
	height: 38px;
	margin-left: 8px;
	text-align: center;
	text-transform: uppercase;
	width: 107px;
}

.sidebar .newsletter form label {
	clear: both;
	display: block;
	font-size: 110%;
	float: left;
	width: 56px;
}

.sidebar .newsletter form input {
	margin-bottom: 8px;
}

.sidebar .subscribe a {
	clear: both;
	display: block;
	margin: 0;
	padding: 0;
}

.sidebar .subscribe a img {
	border: 0;
	display: inline;
	float: none;
	margin: 0;
	padding: 0;
}

.sidebar .features ul {
	margin-left: 0;
}

.sidebar .features ul li {
	background: url('images/dots-sidebar.gif') left bottom repeat-x;
	font-size: 110%;
	list-style: none;
	padding: 1px 0 12px 0;
	text-transform: uppercase;
}


/****************************************
 *	Plugin-specific elements			*
 ****************************************/
ul.postspermonth {
	list-style: none;
	margin-bottom: 30px;
}

strong.search-excerpt {
	
}

div.landing_pages,
div.series_toc,
.wwsgd {
	background: #F9F9F0;
}

div.landing_pages {
	margin: 1em 0 1.5em 0;
	padding: 10px 10px 1px 10px;
}

.wwsgd {

}

/* Share this */
a.stbutton {
	clear: both;
	display: block;
}

a.stbutton:hover {
	color: #333333;
}

body.archive a.stbutton {
	display: none;
}



/****************************************
 *	Image elements						*
 ****************************************/
.float-left,
.alignleft {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  text-align: left;
}

.float-right,
.alignright {
  float: right;
  margin-bottom: 10px;
  margin-left: 10px;
  text-align: right;
}

.alignnone {
	margin-right: 10px;
}

img {
	border: 5px solid #FBFAF6;
	position: relative;
	z-index: 1000;
}

a img,
a img:hover {
	display: block;
	float: left;
	background: transparent;
	vertical-align:bottom;
}

.post img.wp-smiley {
	background: transparent;
	border: 0;
	display: inline;
	padding: 0;
}

.wp-caption {
	background-color: #fafafa;
	border: 1px solid #ddd;
	margin: 10px;
	padding-top: 4px;
	text-align: center;
}

.wp-caption img {
	border: none;
	margin: 0;
	padding: 0;	
}

.wp-caption p.wp-caption-text {
	font-size: 90%;
	line-height: 110%;
	padding: 5px 4px 5px;
	margin: 5px 0 0 0;
}

.photobox {
	float: right;
	margin-left: 10px;
}

.photobox small img {
	background: transparent;
	border: none;
	clear: both;
	float: left;
}

.photobox small {
	display: block;
	font-size: 90%;
	margin-top: .5em;
}



/****************************************
 *	SuckerTree menu						*
 *	Dynamic Drive CSS Library			*
 *	http://www.dynamicdrive.com/style/	*
 ****************************************/
.suckertreemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.suckertreemenu ul li {
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.suckertreemenu ul li a{
display: block;
color: #AFBD6B;
float: left;
margin-left: 10px;
text-decoration: none;
}
	
/*1st sub level menu*/
.suckertreemenu ul li ul{
left: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a{
	color: #633509;
display: block;
width: 160px; /*width of sub menu levels*/
text-decoration: none;
padding: 1px 0 3px 10px;
}

.suckertreemenu ul li ul li a:hover {
	color: #FAF3E4;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }
/* End */