/**********************************************************************************************

	Theme Name: My Green Earth
	Description: The unique Wordpress theme for My Green Earth.
	Version: 1.0a
	Date: 1st November 2007

***********************************************************************************************

	1.  GENERAL
			1.1 Headings and paragraphs
			1.2 Forms
			1.3 Links
			1.4 Miscellaneous
		
	2. GENERAL ELEMEMENTS
	
	3. LAYOUT
			3.1 Accessibility menu
			3.2 Header
			3.3 Content
			3.4 Sidebar
			3.5 Footer
		
	4. LAYOUT ELEMENTS

***********************************************************************************************/


/* 1. GENERAL
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

/* Global reset */
html,body,div,span,applet,object,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,sub,sup,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;}

body { line-height: 1; }	
	
ol, ul { list-style: none; }
	
table {
	border-collapse: separate; 
	border-spacing: 0;  /* tables still need 'cellspacing="0"' in the markup */
}

caption, th, td {
	text-align: left; 
	font-weight: normal;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%; /* 1em = 10px \ 1.1em = 11px \ 1.2em = 12px */
	text-align: center;
}

/* 1.1	Headings and paragraphs
-----------------------------------------------------------------------------------------------*/	

h1, h2, h3, h4 {
	font-family:"Arial Rounded MT Bold","Arial Rounded",Arial,Helvetica,sans-serif;
}

h1 {}

h2 {}

h2.pagetitle {
	font-size:2.3em;
	text-align:center;
	margin:10px 0;
}

h3 {}

h4 {}

p  {
	font-size:1.2em;
	line-height:1.2em;
}

blockquote {
	margin-top:19px;
	padding-top:17px;
	background:url(images/bg_blockquote.gif) 0 0 no-repeat;
	color:#4d412c;
	font-size:1.5em;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-align:center;
}
	blockquote * {font-size:1em;}
	blockquote em {
		background:url(images/bg_em.gif) top right no-repeat;
		display:block;
		margin-top:10px;
		padding-top:20px;
		text-align:right;
		font-size:0.95em;
	}


/* 1.2	Forms
-----------------------------------------------------------------------------------------------*/	

input, textarea, select {
	font: 1.2em Arial, Helvetica, sans-serif;
}


/* 1.3	Links
-----------------------------------------------------------------------------------------------*/	

a:link {
	color: #52858e;
	text-decoration: none;
}

a:visited {
	color: #52858e;
	text-decoration: none;
}

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

a:active {}


/* 1.4	Miscellaneous
-----------------------------------------------------------------------------------------------*/	

hr { 
	display: none; }
		
strong {
	font-weight: bold; }
		
em {
	font-style: italic; }
	
abbr, acronym {
	border-bottom: 1px dotted #999; 
	cursor: help;
}


/* 2. GENERAL ELEMENTS
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

img.left {
	float:left;
	margin-right:20px;
}	

img.right {
	float:right;
	margin-left:20px;
}

.hide {position: absolute;left: -9999px;}

.clear {clear: both;} 
br.clear {font-size: 0;height: 0;line-height: 0;overflow: hidden;}

.clearfix:after, .container:after, #wrapper:after, .blank:after
{content:".";display:block;height:0;clear:both;visibility:hidden;}

.clearfix, .container, #wrapper, .blank
{display:inline-block;}

/* Hides from IE-mac \*/ 
* html .clearfix, * html .container, * html #wrapper, * html .blank
{height:1%;}

.clearfix, .container, #wrapper, .blank
{display:block;}
/* End hide from IE-mac */


/* 3. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

body {
	background-image:url(images/bg_body.gif);
	background-position:0 84px;
	background-repeat:repeat-x;
	background-color:#fff;
	color:#616161;
}

.container, #wrapper {
	width: 945px;
	position: relative;
	margin: 0 auto;
	text-align: left;
}

#wrapper {
	padding:37px 41px 27px 41px;
	width:863px;
}

#header {
	height: 84px;
	margin-bottom: 27px;
	
	/*background-color:#4d412c;*/
	background-color:#625239;
	background-image:url(images/bg_header.gif);
	background-position:bottom center;
	background-repeat:repeat-x;
	color:#fff;
}

/* Default - Two columns layout */

#wrapper {
	background-color:#fff;
	background-image:url(images/bg_wrapper.gif);
	background-position:top center;
	background-repeat:no-repeat;
}

#content {
	float: left;
	width: 570px; 
}
	
#sidebar {
	width: 280px;
	float: right; 
}


#footer {
	clear: both; 
	border-top:1px solid #c4c0b7;
	
	background-color:#f1ede1;
	color:#616161;
}
	

/* 3.1	Accessibility menu
-----------------------------------------------------------------------------------------------*/	

#accessibility-menu {
	position: absolute;
	left: -1000em;
	text-align: left;
}


/* 3.2	Header
-----------------------------------------------------------------------------------------------*/	

#header a {
	text-decoration:none;
}

/* Logo -> Image replacement. */
#header h1, #header h1 a, #header h1 a span {
	display: block;
	width: 230px;
	height: 61px;
	overflow: hidden;
}
	#header h1 {position: absolute;top: 16px;right: 17px;}
	#header h1 a {color:#fff;font-size:25px;font-weight:normal;}
	#header h1 a span {
		position: absolute;top: 0;left: 0;z-index: 10;
		background: url(images/logo.jpg) no-repeat;}

#header ul {
	padding-top:54px;
	height:30px;
}
#header ul li {
	float:left;
	height:30px;
	margin-right:5px;
		
	background-color:#fff;
	background-repeat:no-repeat;
	background-image:url(images/nav_li.gif);
}
	#header ul li:hover {background-position:0 -30px;}
	#header div.container ul li.current_page_item {background-position:0 -60px;}

#header ul li a {
	float:left;
	height:30px;
	padding:0 8px;
	line-height:30px;
	background-image:url(images/nav_a.gif);
	background-repeat:no-repeat;
	background-position:top right;
	
	font-size:1.2em;
	color:#272112;
}
	#header ul li a:hover {background-position:right -30px;color:#484131;}
	#header div.container ul li.current_page_item a {
		background-position:right -60px;
		cursor:default;
		color:#484131;
		padding:0 10px;}

/* 3.3	Content
-----------------------------------------------------------------------------------------------*/	

/* Custom rounded cornered boxes */

.brd11, .brd12 {
	background-repeat:no-repeat;
	width:570px;
	margin-bottom:20px;
}
.brd11 .inner, .brd12 .inner {
	padding:18px;
	width:534px;
}

.inner {
	background-repeat:no-repeat;
	background-position:bottom center;
}

.brd11 {background-image:url(images/brd11_top.gif);}
.brd11 .inner {background-image:url(images/brd11_bot.gif);}
.brd12 {background-image:url(images/brd12_top.gif);}
.brd12 .inner {background-image:url(images/brd12_bot.gif);}

.brd11 h2, .brd12 h2 {
	margin:6px 0;
	color:#88725f;
	font-size:2.3em;
	line-height:1.1em;
}

.brd11 p, .brd12 p {
	margin:12px 0;
}

/* Custom Boxes */

.blank {
	width:548px;
	padding:11px 0 11px 11px;
	margin-bottom:20px;
}

.blank h2 {
	padding-left:20px;
	margin-bottom:7px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.7em;
	font-weight:bold;
	color:#38859b;
}

.blank p {
	float:left;
	width:240px;
	padding-left:20px;
	padding-top:5px;
	background-image:url(images/leaf_blank.gif);
	background-position:0 0;
	background-repeat:no-repeat;
}

.blank p.first {padding-right:20px;}

/* Posts list */

.post {
	background-image:url(images/bg_post-mid.jpg);
	background-color:#f1ede1;
	margin-bottom:17px;
}

.post .post-bot {
	background:url(images/bg_post-bot.gif) bottom no-repeat;
}

.post .post-top {
	position:relative;
	padding:15px 20px 15px 60px;
	width:490px;
	background:url(images/bg_post-top.jpg) top no-repeat;
}

.post .date {
	position:absolute;top:15px;left:1px;
	display:block;width:51px;height:46px;
	
	font-family:"Arial Rounded MT Bold","Arial Rounded",Arial, Helvetica, sans-serif;

	background-color:#fff;
	background-image:url(images/bg_date.gif);
	background-repeat:no-repeat;
	color:#88725f;	
}
	.post a {color:#2a7c94;text-decoration:none;}
	.post a:hover, .post a:focus {color:#2a7c94;text-decoration:underline;}
	.post .month {	
		display:block;width:51px;padding-top:5px;
		font-size:1.0em;
		text-align:center;
		/*#text-transform:uppercase;*/
	}
	.post .day {
		display:block;width:51px;
		font-size:2.3em;
		text-align:center;
	}
	.post h2 {
		font-size:2.3em;
	}
	.post p {
		margin:7px 0;
	}
	
	.post .more-link, .post .backtoblog {
		position:absolute;bottom:15px;right:145px;
		display:block;height:15px;
		font-size:12px;
	}
	.post .postmetadata {
		clear:both;
		min-height:15px;
		padding-right:200px;
	}
	.post .comments {
		position:absolute;bottom:15px;left:436px;
		display:block;
		font-size:12px;
	}
	.post .comments a {
		display:block;padding-left:24px;height:15px;width:95px;
		background:url(images/leaf_comments.gif) left center no-repeat;
	}
/* Tag Cloud */
#tagcloud {
	margin-top:17px;
	background:url(images/bg_tagcloud.gif);
}
	#tagcloud h2 {
		height:34px;line-height:34px;
		background:url(images/h2_tagcloud.gif) #f1ede1 no-repeat;
		color:#747474;
		font-family:Arial, Helvetica, sans-serif;
		font-size:1.9em;
		font-weight:normal;
		text-align:center;
	}
	#tagcloud ul {
		padding:17px;
		background:url(images/bg_tagcloud-ul.gif) bottom no-repeat;
		text-align:center;
	}	
	#tagcloud ul li {
		display:inline;
	}
	#tagcloud ul li sub {display:none;}
	
/* Comments */
h3#comments {
	padding-left:62px;
	font-size:2.3em;
	color:#88725f;
}
	#content ol.commentlist p {line-height:1.5em;margin:5px 0;}
	ol.commentlist {
		padding:12px 15px 25px;
	}
		ol.commentlist li {
			padding:2px 0 2px 47px;
		}
		ol.commentlist cite {
			padding-right:19px;
			margin-right:3px;
			background:url(images/bg_cite.gif) right center no-repeat;
			color:#2a7c94;
		}
		ol.commentlist li.alt {
			background-color:#f6f3eb;
		}
		ol.commentlist li.alt cite {
			background:url(images/bg_citealt.gif) right center no-repeat;
		}
	#addcomment {
		margin:10px 15px 5px 15px;
		padding:15px 15px 10px 46px;
		background-color:#f6f3eb;
	}
		#addcomment h3 {
			margin-bottom:15px;
			color:#2a7c94;
			font-size:2.3em;
		}
		#addcomment form {
			margin:15px 0;
		}
		#addcomment form label {
			display:block;
			margin-top:7px;
			margin-bottom:3px;
		}
		#addcomment form input.text, #addcomment form textarea {
			background:#fff;
			color:#616161;
			border:1px solid #d2d2d2;
			width:381px;
			padding-top:2px;padding-bottom:1px;padding-left:2px;
		}
		#addcomment form textarea {
			height:72px;
			margin-bottom:25px;
			overflow:auto;
		}


/* 3.4	Sidebar
-----------------------------------------------------------------------------------------------*/	

/* Wordpress Sidebar */
#sidebar ul.menu {
	width:276px;
}
#sidebar ul.menu ul {
	padding-top:10px;
	padding-bottom:11px;
	background-position:bottom center;
	background-repeat:no-repeat;
}

#sidebar ul.menu li {
	margin-bottom:18px;
	font-size:1.2em;
}
	#sidebar ul.menu li li {
		margin-bottom:0;
		padding:0 21px;
		font-size:1em;
	}
	#sidebar ul.menu li a {
		display:block;
		width:213px;
		line-height:30px;
		padding-left:21px;
		border-width:0 0 1px 0;
		border-style:solid;
		/*#text-transform:uppercase;*/
		text-decoration:none;
	}



#sidebar ul.menu li h2 {
	padding-left:45px;
	height:34px;line-height:34px;
	color:#fff;
	font-size:1.35em;
	font-family:Arial, Helvetica, sans-serif;
	background-repeat:no-repeat;
}

#archives ul {background-color:#aa5500;background-image:url(images/bg_archives.gif);}
	#archives h2 {background-image:url(images/h2_archives.gif);background-color:#b8903c;}
	#archives a {color:#dbb971;border-color:#a7631a;}
	#archives a:hover {background-color:#b4722d;background-image:url(images/archives_hover.gif);}
	#sidebar ul.menu li.more a {
		border:none;
		text-indent:-9999px;
		background:url(images/but-archivesmore.gif) right bottom no-repeat;
	}
	
#categories ul {background-color:#10242e;background-image:url(images/bg_categories.gif);}
	#categories h2 {background-image:url(images/h2_categories.gif);background-color:#62868d;}
	#categories a {color:#62868d;border-color:#353f3c;}
	#categories a:hover {background-color:#3e4c51;background-image:url(images/categories_hover.gif);}

#recentp ul {background-color:#192e1a;background-image:url(images/bg_recentp.gif);}
	#recentp h2 {background-image:url(images/h2_recentp.gif);background-color:#405c3b;}
	#recentp a {color:#9ab394;border-color:#3b462e;}
	#recentp a:hover {background-color:#455442;background-image:url(images/recentp_hover.gif);}
	
#relatedp ul {background-color:#3c1110;background-image:url(images/bg_relatedp.gif);}
	#relatedp h2 {background-image:url(images/h2_relatedp.gif);background-color:#755347;}
	#relatedp a {color:#ac9288;border-color:#553126;}
	#relatedp a:hover {background-color:#64413e;background-image:url(images/relatedp_hover.gif);}
	


.brd21, .brd22, .brd23, .brd24 {
	background-repeat:no-repeat;
	width:280px;
}
.brd21 .inner {
	padding:6px 16px 16px 16px;
}
.brd22 .inner, .brd23 .inner, .brd24 .inner {
	padding:14px 16px 16px 16px;
	width:248px;
}
.brd21 {background-image:url(images/brd21_top.gif);background-color:#FDFDFD;}
.brd21 .inner {background-image:url(images/brd21_bot.gif);}

.brd22 {background-image:url(images/brd22_top.gif);background-color:#D7EAD7;}
.brd22 .inner {background-image:url(images/brd22_bot.gif);}

.brd23 {background-image:url(images/brd23_top.gif);background-color:#D7E7E9;}
.brd23 .inner {background-image:url(images/brd23_bot.gif);}

.brd24 {background-image:url(images/brd24_top.gif);background-color:#F0EADC;}
.brd24 .inner {background-image:url(images/brd24_bot.gif);}

/* Get Involved */

#getinvolved .inner {padding:6px 25px 16px 16px;width:239px;}

#getinvolved h2 {
	padding-left:30px;
	margin-bottom:20px;
	background:url(images/ico_recycle.gif) left center no-repeat;
	color:#88725f;
	font-size:1.9em;
	line-height:1.3em;
}

#getinvolved p {
	font-size:1.1em;
	line-height:1.3em;
}

#getinvolved ul {
	padding:12px 0 17px 0;
}

#getinvolved ul li {
	height:31px;
	line-height:30px;
	background:url(images/leaf_sidebar.gif) left center no-repeat;
}

#getinvolved ul li a {
	position:relative;

	display:block;
	padding-left:24px;
	border-bottom:1px solid #e4e0d6;
	line-height:30px;
	height:31px;

	color:#2a7c94;

	font-size:1.3em;
	font-weight:bold;
	/*#text-transform:uppercase;*/
	text-decoration:none;
}
#getinvolved ul li#gi-redu  a {border-bottom:none;}
#getinvolved ul li a span {
	position:absolute;top:1px;left:24px;
	display:block;width:215px;height:30px;
	background-color:transparent;
	background-repeat:no-repeat;
	cursor:pointer;
}
#gi-chan span {background-image:url(images/gi-chan.gif);}
#gi-find span {background-image:url(images/gi-find.gif);}
#gi-brin span {background-image:url(images/gi-brin.gif);}
#gi-buys span {background-image:url(images/gi-buys.gif);}
#gi-gree span {background-image:url(images/gi-gree.gif);}
#gi-redu span {background-image:url(images/gi-redu.gif);}

/* Buttons */

#getinvolved #contribute span, a.learnmore span, a.but-go span {
	position:absolute;top:0;left:0;
	width:100%;height:100%;
	cursor:pointer;
	background-position:center center;
	background-repeat:no-repeat;
}

#getinvolved #contribute {
	position:relative;
	display:block;height:29px;
	color:#346c7c;
	text-align:center;
	font-size:1.4em;
	font-weight:bold;
	line-height:29px;
	/*#text-transform:uppercase;*/
}

a.learnmore {
	position:relative;
	display:block;width:94px;height:24px;line-height:24px;

	background:#7fa873;
	color:#fff;
	font-size:1.2em;
	text-decoration:none;
	text-align:center;
}

#getinvolved #contribute span {background-image:url(images/but-contribute.gif);}
a.learnmore span {
	background-image:url(images/but-learnmore.gif);
}

a.but-go {
	position:relative;
	display:block;width:51px;height:21px;line-height:21px;
	color:#fff;
	font-size:1.2em;
	text-align:center;
	text-decoration:none;
}

.brd22 a.but-go {background-color:#7fa873;}
.brd23 a.but-go {background-color:#5b93a3;}
.brd22 a.but-go span {background-image:url(images/but-go22.gif);}
.brd23 a.but-go span {background-image:url(images/but-go23.gif);}

/* Homepage - 3 boxes */

.boxes3 {clear:both;}

.boxes3 .brd22, .boxes3 .brd23, .boxes3 .brd24 {
	float:left;
	margin-right:11px;
}

.boxes3 .inner {
	position:relative;
	height:70px;overflow:hidden;
	width:184px;padding-right:80px;
}

.boxes3 .brd24 {margin-right:0;float:right;}

.boxes3 h2 {
	font-size:2.3em;
	font-weight:normal;
	color:#747474;
	margin-bottom:12px;
}

.boxes3 .but-go, .boxes3 #go {
	position:absolute;top:50px;right:21px;
}


.boxes3 #search-form #search {
	width:183px;height:18px;padding-top:3px;
	border:1px solid #adadad;
	position:absolute;top:50px;left:16px;
}


/* 3.5	Footer
-----------------------------------------------------------------------------------------------*/	

#footer ul {
	margin:0 auto;
	width:907px;
	padding-left:38px;
	background-image:url(images/leaf_footer.gif);
	background-repeat:no-repeat;
	background-position:21px 6px;
	text-align:left;
}

#footer ul li {
	display:inline;
	font-size:1.2em;
	line-height:2.4em;
}

#footer a {
	padding:0 4px;
	color:#616161;
	text-decoration:none;
}

#footer a:hover, #footer a:focus {
	text-decoration:underline;
}

/* 4. LAYOUT ELEMENTS
-----------------------------------------------------------------------------------------------
===============================================================================================*/