/*  
Theme Name: 4 Sustainability
Theme URI: http://www.live-sustainably.org
Description: 4 columns with a fixed width
Version: 1.0
Author: Xander
Author URI: http://www.reliablyonline.com
Notes: Thanks to http://www.dandyland.org for making the original theme that this one is modified from.
*/


body, h1, h2, h3, h4, h5, h6, form, ol, p, ul{
	margin: 0px;
	padding: 0px;
	font-family:'Trebuchet MS','Lucida Grande', Verdana, Helvetica, Arial, sans-serif;
}

.clearthis { clear: both; }

body{
	font-size: 10px;
	text-align: left;
	vertical-align: top;
	color: #000;
	background: #FFF url('images/bg-header.gif') repeat-x; 
}

table { font-size: 10px; }

form { margin: 5px auto 10px auto; font-size: 10px; }

input, textarea {
	margin: 2px 0px;
	border: 1px solid #89942E;
	font-size: 10px;
	color: #89942E;
	background: #FFF;
}

input:hover, textarea:hover {
	border: 1px solid #369;
	background: #B9DEEB;
}

a { text-decoration: none; color: #369; }
a:hover { text-decoration: underline; color: #89942E; }
a:active { text-decoration: none; color: #000; }

h3 { font-size: 14px; color: #89942E; padding: 0px 0px 10px 0px; }
h4 { font-size: 12px; color: #89942E; padding: 0px 0px 10px 0px; }
h5 { font-size: 10px; color: #89942E; padding: 0px 0px 10px 0px; }

img { border: none 0px; }

/* ---------------------------------------------- start Header */

#titlebar { width: 980px; height: 70px; margin: 0px auto; padding: 0px; }
#titlebar img { float: left; margin: 0px 50px; padding: 0px; border: none 0px; }

#colheadings { width: 980px; height: 52px; margin: 0px auto; padding: 0px; }
#colheadings img { margin: 0px; padding: 0px; border: none 0px; }

/* ----------------------- end Header */

#contentwrap { width: 980px; height: auto; margin: 0px auto; padding: 0px; background: url('images/col-dividers.gif') repeat-y; }


#sidebar {
	float: left;
	margin: 0px;
	padding: 5px 0px 5px 10px;
	width: 171px;
	font-size: 10px;
	line-height: 15px;
	text-align: left;
	vertical-align: top;
	color: #000;
}

#sidebar ul{
	padding: 0px;
	text-align: left;
	vertical-align: top;
}

#sidebar ul li{
	margin: 0 0 5px 0;
	font-weight: bold;
	color: #000;
	list-style-type: none;
}

#sidebar ul li a{
	text-decoration: none;
	color: #89942E;
}

#sidebar ul li a:hover{
	text-decoration: underline;
}

#sidebar ul li h2{
	margin: 0 0 5px 0;
	padding: 2px 0px 3px 0px;
	font-size: 12px;
	font-weight: bold;
	background: url('images/h2-bg-line.gif') repeat-x bottom left;
	color: #89942E;
}

#sidebar ul ul{
	padding: 0 0 5px 0;
}

#sidebar ul ul li{
	margin: 0px 0px 0px 15px;
	padding: 0 0 1px 0;
	font-weight: normal;
	color: #89942E;
}

#sidebar li li { list-style-image: url('images/bullet.gif'); }

#sidebar ul ul li a { text-decoration: none; color: #369; }
#sidebar ul ul li a:hover { text-decoration: underline; color: #89942E; }
#sidebar ul ul li a:active { text-decoration: none; color: #000; }

.imgborder { padding: 5px 0px; background-color: #FFF; border: 0px solid #89942E; }

.narrowcolumn{
	width: 404px;
	height: auto;
	float: left;
	padding: 5px 11px 5px 10px;
	margin: 0px;
	font-size: 10px;
	text-align: left;
	vertical-align: top;
	color: #000; 
}

.narrowcolumn img { float: right; margin: 0 0 10px 10px; border: 0; }

.narrowcolumn h1 { margin: 0px 0px 15px 0px;
	padding: 2px 0px 3px 0px;
	font-size: 20px;
	text-align: left;
	vertical-align: top;
	color: #89942E;
	border-bottom: 1px solid #89942E;
	}

.post { margin: 0px; padding: 0px; line-height: 15px; }

.post h2{
	padding: 2px 0px 3px 0px;
	margin: 0px 0px 5px 0px;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
	color: #89942E;
	background: url('images/h2-bg-line.gif') repeat-x bottom left;
}

.post h2 a { text-decoration: none; color: #369; }
.post h2 a:hover { text-decoration: underline; color: #89942E; }
.post h2 a:active { text-decoration: none; color: #000; }

.entry{
	text-align: justify;
	vertical-align: top;
	line-height: 15px;
	color: #000;
	margin-bottom: 25px;
	border-bottom: 1px solid #B9DEEB;
}

.entry img { 
	padding: 5px; margin: 0px 0px 10px 10px;
	border: 1px solid #89942E; background-color: #ECEEDD;
	float: right;
}
 
.entry img:hover { border: 1px solid #369; background-color: #B9DEEB; }

.entry p { font-size: 10px; padding: 5px 0px; }

.entry ul { margin: 0px 20px; }
.entry li { padding-bottom: 5px; }

.entry ol { margin: 0px 20px; }

.entry a { text-decoration: none; color: #369; }
.entry a:hover { text-decoration: underline; color: #89942E; }
.entry a:active { text-decoration: none; color: #000; }

p.postmetadata, post-date, cite{
	font-size: 9px;
	font-style: normal;
	margin: 0px 0px 5px 0px;
	padding: 2px 5px 5px 5px;
	text-align: left;
	vertical-align: top;
	line-height: 12px;
	color: #000;
	border-bottom: 1px solid #B9DEEB;
}

.navigation{
	padding: 20px;
	text-align: left;
	vertical-align: top;
	line-height: 15px;
	color: #000;
}

.commentlist ol, .commentlist ol li { list-style-type: none; }

.commentlist ol{
	margin: 0 0 10px 0;
}

.commentlist ol li{
	margin: 5px auto;
	padding: 10px;
	font-size: 10px;
	line-height: 15px;
	background: #ECEEDD;
	color: #000;
}

blockquote{
	margin: 5px 10px;
	padding: 1px 10px;
	font-size: 10px;
	line-height: 15px;
	text-align: left;
	vertical-align: top;
	border-left: 5px solid #B9DEEB;
	background-color: #EEE;
	color: #000;
}

.obar {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 374px;
	text-align: left;
	vertical-align: top;
}

.sub-obar1 {
	float: left;
	padding: 5px 11px 5px 0px;
	width: 171px;
	font-size: 10px;
	line-height: 15px;
	text-align: left;
	vertical-align: top;
	color: #000;
}

.sub-obar2 {
	float: left;
	padding: 5px 11px 5px 10px;
	width: 171px;
	font-size: 10px;
	line-height: 15px;
	text-align: left;
	vertical-align: top;
	color: #000;
}

.obar ul{
	padding: 0px;
	text-align: left;
	vertical-align: top;
}

.obar ul li{
	margin: 0 0 5px 0;
	font-weight: bold;
	color: #000;
	list-style-type: none;
}

.obar ul li a{
	text-decoration: none;
	color: #89942E;
}

.obar ul li a:hover{
	text-decoration: underline;
}

.obar ul li h2{
	margin: 0px 0px 5px 0px;
	padding: 2px 0px 3px 0px;
	font-size: 12px;
	font-weight: bold;
	color: #89942E;
	background: url('images/h2-bg-line.gif') repeat-x bottom left;
}

.obar ul ul{
	padding: 0 0 5px 0;
}

.obar ul ul li{
	margin: 0px 0px 0px 15px;
	padding: 0 0 1px 0;
	font-weight: normal;
	color: #89942E;
}

.obar li li { list-style-image: url('images/bullet.gif'); }

.obar ul ul li a { text-decoration: none; color: #369; }
.obar ul ul li a:hover { text-decoration: underline; color: #89942E; }
.obar ul ul li a:active { text-decoration: underline; color: #000; }

ul#imglist li {
	list-style-type: none;
	padding: 0px; margin: 5px 0px;
	text-align: center;
}

#wp-calendar { margin: 10px auto; padding: 0px; text-align: center; }

#wp-calendar caption{
	font-size: 10px;
	font-weight: bold;
	width: auto;
	padding: 0px;
	margin: 0px auto;
	text-align: center;
	color: #89942E;
	background: #D8DCBA;
}

#wp-calendar th, #wp-calendar td{
	padding: 2px 4px;
	margin: 0px;
	color: #89942E;
	background: #ECEEDD;
}

/* ---------------------------------------------- start Footer */
#footer { 
	margin: 0px; padding: 0px; 
	height: auto; width: 100%;
	background: #ECEEDD url('images/footer-bottom.gif') repeat-x bottom left;
}

#footerrow1 { 
	margin: 0px; padding: 0px; 
	height: 115px; width: 100%;
	background: url('images/mountains.gif') repeat-x;
}

#footerrow2 {
	margin: 0px auto; padding: 30px 0px 15px 0px;
	height: auto; width: 780px;
}

#footerdivline { 
	background-color: #89942E;
	margin: 0px auto; padding: 0px;
	height: 1px; width: 780px;
}

#footerdivline img { float: left; margin: 0px; padding: 0px; border: none 0px; }

#footerrow3 {
	margin: 0px auto; padding: 15px 0px 30px 0px;
	height: auto; width: 780px;
}

#footerrow3 img { 
	padding: 1px; margin: -2px 5px 0px 0px;
	border: 1px solid #000; background-color: #FFF;
	float: left;
}
 
#footerrow3 img:hover { border: 1px solid #B91806; background-color: #FFF; }

#footer p {
	margin: 0px; padding: 0px 10px;
	font: 10px/15px 'Trebuchet MS','Lucida Grande', Verdana, Helvetica, Arial, sans-serif; color: #000; text-align: left;
}

#footer a { color: #89942E; text-decoration: none; border-bottom: 1px dotted #89942E; }
#footer a:hover { color: #369; text-decoration: none; border-bottom: 1px solid #369; }
#footer a:active { color: #000; text-decoration: none; border-bottom: 1px dotted #000; }

ul#footernavlist {
	margin: 0px; padding: 0px 10px;
	font: 10px/15px 'Trebuchet MS','Lucida Grande', Verdana, Helvetica, Arial, sans-serif; color: #000;
	white-space: nowrap;
}

ul#footernavlist ul {
	margin: 0px; padding: 0px;
	white-space: nowrap;
}

#footernavlist li {
	display: inline; list-style-type: none;
	padding: 0px; margin: 0px;
}
/* ----------------------- end Footer */

hr { border: 0; color: #89942E; background-color: #89942E; height: 1px; text-align: left; margin: 20px auto; }

#contentlists ul { margin: 0px 0px 20px 20px; }
#contentlists li { list-style-image: url('images/bullet.gif'); padding: 0px; }