/*
Theme Name: Earthwise
Theme URI: http://earthwiselife.com/
Description: Custom theme for Earthwise Company.
Version: 0.1
Author: Neural9, Sky2x

	Earthwise
	 http://earthwiselife.com/

*/

/* RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:inherit;font-weight:inherit;}ol,ul{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym { border:0;}
/* FONT */
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/* Begin Typography & Colors */
body {
	background: #B5DFEC url('images/bg-body.jpg') repeat-x 0px 180px;
	text-align: center;
	margin: 0;
	padding: 0 0 50px 0;
	color: #302300;
	letter-spacing: 0px;
	font-size: 62.5%;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#content {
	font-size: 120%;
}
/* End Typography & Colors */



/* Begin Structure */

#page {
	margin: 0 auto;
	padding: 0;
	width: 960px;
	background: transparent url(images/bg-page.png) repeat-y right top;
	text-align: left;
}
#header {
	position: relative;
	padding: 0;
	height: 180px;
	background: #B5DFEC url('images/bg-header-default.jpg') no-repeat top center;
}
#page.home #header{
	background-image: url('images/bg-header-home.jpg');
}
#page.community #header{
	background-image: url('images/bg-header-community.jpg');
}
#page.food #header{
	background-image: url('images/bg-header-food.jpg');
}
#page.about-us #header{
	background-image: url('images/bg-header-about.jpg');
}
#page.news #header{
	background-image: url('images/bg-header-news.jpg');
}
#header h1 a{
	position: absolute;
	left: 20px;
	top: 20px;
	width: 140px;
	height: 140px;
	text-indent: -9999px;
	overflow: hidden;
}
#header div.nav{
	position: absolute;
	right: 0;
	top: 105px;
	width: 740px;
}
#header div.nav ul li{
	display: inline;
	margin: 0 140px 0 0;
}
#header div.nav ul li.last{
	margin-right: 0;
}
#header div.nav ul li a{
	color: #5C5228;
	font-weight: bold;
	font-size: 120%;
	font-family: Helvetica, arial,"Liberation Sanse", FreeSans, clean, sans-serif;
	text-decoration: none;
}
#header div.nav ul li a:hover{
	color: #1C1200;
}
#main-content{
	float: left;
	width: 550px;
	min-height: 550px;
	margin: 0;
	padding: 20px 0 40px 40px;
}

.post {
	margin: 0 0 40px;
	}

.post hr {
	display: block;
	}

.clear {
	clear: both;
}
#footer {
	clear: both;
	position: relative;
	top: 10px;
	height: 10px;
	background: url('images/bg-footer.png') no-repeat bottom;
	border: none;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#footer #copyright-notice{
	position: absolute;
	left: 40px;
	top: -40px;
	width: 175px;
}
#footer #contact-info{
	position: absolute;
	left: 215px;
	top: -40px;
	width: 400px;
}
/* End Structure */


/* Begin Main Content */
#main-content h1 {
	color: #7fb3bf;
	font: 400%/108.33% Georgia, "Times New Roman", Times, serif;
}
#main-content h2 {
	font-size: 200%;
	line-height: 116.67%;
}
#main-content h3 {
	font-size: 150%;
	line-height: 122.22%;
}
#main-content h4 {
	line-height: 133.33%;
}
#main-content h2,
#main-content h3,
#main-content h4 {
	/* Top & bottom margin based on font size. */
	color: #5d5d5d;
	font-weight: bold;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	margin-top: 18px;
	margin-left: 0;
	margin-right: 0;
}

#main-content optgroup {
	font-weight:normal;
}

#main-content abbr,acronym {
	/* Indicating to users that more info is available. */
	border-bottom: 1px dotted #000;
	cursor: help;
}

#main-content em {
	/* Bringing italics back to the em element. */
	font-style: italic;
}

#main-content del {
	/* Striking deleted phrases. */
	text-decoration: line-through;
}
#main-content blockquote,
#main-content ul,
#main-content ol,
#main-content dl {
	/* Giving blockquotes and lists room to breath. */
	margin: 9px;
}

#main-content ol,
#main-content ul,
#main-content dl {
	/* Bringing lists on to the page with breathing room. */
	margin-left: 2em;
}

#main-content ol li {
	/* Giving OL's LIs generated numbers. */
	list-style: decimal outside;
}

#main-content ul li {
	/* Giving UL's LIs generated disc markers. */
	list-style: disc outside;
}

#main-content dl dd {
	/* Giving UL's LIs generated numbers. */
	margin-left: 1em;
}

#main-content th,td {
	/* Borders and padding to make the table readable. */
	border: 1px solid #000;
	padding: .5em;
}

#main-content th {
	/* Distinguishing table headers from data cells. */
	font-weight: bold;
	text-align: center;
}

#main-content caption {
	/* Coordinated margin to match cell's padding. */
	margin-bottom: 9px;
	/* Centered so it doesn't blend in to other content. */
	text-align: center;
}

#main-content sup {
	/* to preserve line-height and selector appearance */
	vertical-align: super;
}

#main-content sub {
	/* to preserve line-height and selector appearance */
	vertical-align: sub;
}

#main-content p,
#main-content fieldset,
#main-content table,
#main-content pre {
	/* So things don't run into each other. */
	line-height: 18px;
	margin-bottom: 18px;
}


/* Link styles */
#main-content a{
	color: #597B7B;
	text-decoration: none;
}
#main-content a:active{
	color: #E8EFBC;
	background-color: #332400;
}
#main-content a:visited{
	color: #3c5353;
}
#main-content a:hover{
	background-color: #332400;
	color: #AEE0EE;
}
/* Opera requires 1px of padding to render with contemporary native chrome */
button,
input[type="checkbox"],
input[type="radio"],
input[type="reset"],
input[type="submit"] {
	padding:1px;
}

/* End Main Content */

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	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 */
#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

/* End Form Elements */


/* Begin Sidebar */
#sidebar
{
	width: 248px;
	padding: 18px 20px 10px 20px;
	margin-left: 662px;
	margin-bottom: -10px;
	color: #FFF;
}
#sidebar h1 {
	color: #597b7b;
	font: 300%/116.67% Helvetica, Verdana, Arial, sans-serif;
}
#sidebar h2 {
	font-size: 24px;
	line-height: 28px;
}
#sidebar h3 {
	font-size: 150%;
	line-height: 122.22%;
}
#sidebar h4 {
	line-height: 133.33%;
}
#sidebar h2,
#sidebar h3,
#sidebar h4 {
	/* Top & bottom margin based on font size. */
	color: #5d5d5d;
	font-weight: bold;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	margin-top: 18px;
	margin-left: 0;
	margin-right: 0;
}
#sidebar a {
	color: #aee0ee;
}
#sidebar a:visited {
	color: #b8effe;
}
#sidebar a:hover {
	color: #413000;
	background-color: #E8EFBC;
}
#sidebar div.subscribe-link{
	margin: 3px 0;
}
#sidebar div.subscribe-link a img{
	margin-bottom: -3px;
}
#sidebar ul{
	margin: 0;
	padding: 0;
}
#sidebar li#recent-posts li,
#sidebar li.categories li,
#sidebar li.nav li{
	padding: 6px 0;
	font-size: 110%;
}
#sidebar li#recent-posts li a,
#sidebar li.categories li a,
#sidebar li.nav li a {
	text-decoration: none;
	color: #f4f4f5;
	font: bold 100%/133.33% Helvetica, Verdana, Arial, sans-serif;
}
#sidebar li#recent-posts li a:visited,
#sidebar li.categories li a:visited,
#sidebar li.nav li a:visited {
	color: #f4f4f5;
}
#sidebar li#recent-posts li a:hover,
#sidebar li.categories li a:hover,
#sidebar li.nav li a:hover{
	color: #AEE0EE;
	background-color: #413000;
}

#sidebar form {
	margin: 0;
}
#sidebar form label{
	display: block;
	padding-top: 8px;
}
#sidebar form br{
	display: none;
}
#sidebar form select,
#sidebar form input,
#sidebar form textarea{
	width: 220px;
	/* font-settings */
}
#sidebar form div.submit input{
	margin: 10px 0 0;
	padding: 1px 0;
	width: 100px;
	background: #ACA270;
	color: #2C2200;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 140%;
	font-style: italic;
	border: solid 2px #2C2200;
}
#sidebar form span.wpcf7-not-valid-tip{
	left: 0;
	top: -4px;
	width: 99%;
	opacity: 0.9;
	background: #C00;
	border: solid 1px #900;
	white-space: nowrap;
}
#sidebar div.wpcf7-validation-errors{
	padding: 15px;
	font-size: 110%;
	color: #5C5212;
	background: #FFF15F;
	border: solid 2px #2C2200;
}
/* End Sidebar */

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



/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

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

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

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */