/*
Theme Name: Sustainabler
Theme URI: http://sustainabler.com
Description: <p>Custom sustainabler.com theme</p>
Version: 1.0
*/

html {
height: 100%;
margin: 0;
}

form {
margin: 0;
padding: 0;
}

img {
border: 0;
}

.home-do-something img,
	.do-something .do-text img  {
	padding-right : 5px;
}

a {
color: #444;
text-decoration: none;
outline: none;
}

a:link, a:visited {
}

a:hover, a:active {
color: #698830;
text-decoration: underline;
}

h1 {
font-size: 170%;
margin: 0;
padding: 0;
}

h2 {
font-size: 120%;
margin: 0;
padding: 0;
}

h3, h4, h5 {
font-size: 110%;
margin: 0;
padding: 0;
}

p {
font-size: 100%;
margin: 0;
padding: 0 0 10px 0;
}

/* ********************************************** */
body {
background: #8f8348 url(images/bg.gif) 0 0 repeat;
color: #444;
font-family: Arial;
font-size: 12px;
margin: 0;
padding: 0;
text-align: center;
}

#wrapper {
width: 780px;
background-color: #fff;
margin: 0 auto;
padding: 0 10px;
text-align: left;
}

#container {
background: #ddc url(images/bg_color.gif) 0 0 repeat;
padding-top: 21px;
}

#home_container {
background: #ddc url(images/bg_color.gif) 0 0 repeat;
}

#page_container {
background: #ddc url(images/bg_color.gif) 0 0 repeat;
margin: 0px 0px 10px -7px;
}

#left {
background-color: inherit;
width: 174px;
float: left;
padding: 0;
}

#content {
background-color: inherit;
width: 412px;
float: left;
padding: 0 10px;

}

#right {
background-color: inherit;
width: 174px;
float: right;
padding: 0;
}

#home_left {
background-color: #cbb;
width: 412px; /* 58px x 7 icons + 1px x 6 seps = 412px */
float: left;
padding: 0;
border-left: 7px solid #000;
border-right: 7px solid #000;
border-bottom: 7px solid #000;
}

#home_right {
background-color: inherit;
width: 334px; /* 780 - 412 - 14 = 354 */
float: right;
padding: 10px 10px 0 10px;
}

#head {
text-align: center;
}

#foot {
background: #c9c;
font-family: Verdana;
font-size: 10px;
text-align: center;
border-bottom: 21px solid #000;
}

h1 {
font-size:18px;
margin: 0;
padding: 0;
}

.clear {
clear: both;
height: 1px;
}

/* ********************************************** */
#head_top {
background-color: #000;
height: 9px;
border-bottom: 3px solid #669726;
}

#head_logo {
background: #fff url(images/logo.png) 15px 16px no-repeat;
height: 77px;
text-align: right;
}

#head_nav {
background-color: #000;
color: #fff;
display: block;
list-style: none;
margin: 0;
padding: 0 0 0 20px;
}

#head_nav li {
background: #000 url(images/nav_sep.gif) 0 0 no-repeat;
display: inline;
list-style: none;
margin: 0;
padding: 0 0 0 1px;
width: 150px;
height: 26px;
float: left;
}

#head_nav a {
color: #fff;
display:block;
outline: none;
width: 150px;
height: 14px;
margin-top: 8px;
}

#head_nav span {
font-size: 8px;
position: relative;
left: -9999px;
}

#head_nav a:hover {
background-position: 0 -14px;
text-decoration: none;
}

#head_nav li.first-head {
background: none;
width: 100px;
}

#head_nav li.first-head a {
width: 100px;
}

#nav_home {
background: #000 url(images/nav_home.gif) no-repeat 0 0;
}

#nav_conversation {
background: #000 url(images/nav_conversation.gif) no-repeat 0 0;
}

#nav_news {
background: #000 url(images/nav_news.gif) no-repeat 0 0;
}

#nav_events {
background: #000 url(images/nav_events.gif) no-repeat 0 0;
}

#nav_green {
background: #000 url(images/nav_green.gif) no-repeat 0 0;
}

#head_bottom {
background-color: #000;
height: 40px;
padding-top: 14px;
border-bottom: 3px solid #669726;
}

#home_bottom {
background-color: #000;
height: 40px;
padding-top: 14px;
}

/* Updated 02/19/10 by Rick
#home_video {
background: #000 url(images/video_right.png) no-repeat 425px 0;
width: 780px;
height: 350px;
border-top: 5px solid #000;
text-align: left;
}

#home_youtube_video {
background-color: #000;
color: #eee;
width: 425px;
height: 350px;
text-align: center;
}
*/

#home_video {
background: #000 no-repeat 0;
width: 780px;
height: 310px;
border-top: 5px solid #000;
text-align: left;
}

#home_youtube_video {
background-color: #000;
color: #eee;
width: 500px;
height: 310px;
text-align: center;
}


#home_youtube_video h4 {
padding: 130px 0 20px 0;
font-size: 300%;
}

#home_youtube_video a {
color: #0c0;
font-weight: bold;
}

#home_get_involved {
color: #eee;
display: block;
float: right;
font-family: Arial;
font-size: 11px;
width: 95px;
height: 20px;
outline: none;
padding: 136px 35px 194px 220px;
text-align: right;
text-decoration: none;
}

a#home_get_involved:hover {
color: #fff;
font-weight: bold;
text-decoration: none;
}

#searchform {
padding-top: 26px;
}

#searchform input#s {
background: #fff url(images/search_bg.gif) 0 0 repeat;
border: 1px solid #000;
margin: 0;
padding: 2px;
width: 130px;
font-size: 10px;
font-weight: bold;
font-family: Verdana;
}

#searchform input.search-btn {
background: #fff url(images/search.gif) no-repeat 0 0;
width: 46px;
height: 10px;
outline: none;
margin: 0 5px;
}

#searchform input.search-btn:hover {
background: #fff url(images/search.gif) no-repeat 0 -10px;
}

/* ********************************************** */
#foot_nav {
background-color: #ddc;
display: block;
list-style: none;
margin: 0;
padding: 11px 0;
}

#foot_nav li {
background: #ddc url(images/foot_sep.gif) 0 5px no-repeat;
display: inline;
list-style: none;
margin: 0;
padding: 0 16px;
}

#foot a {
}

#foot a:hover {
}

#foot_nav .first-foot {
background: none;
}

/* ********************************************** */
.ad {
padding: 7px 0 0 7px;
}

#subscribe {
background-color: #000;
color: #e9eeda;
padding: 7px;
text-align: center;
}

#subscribe h2 {
background: #000 url(images/subscribe_sep.gif) 50% 100% no-repeat;
padding-bottom: 8px;
}

#subscribe_list {
display: block;
list-style: none;
margin: 0;
padding: 8px 0 0 20px;
text-align: left;
}

#subscribe_list li {
background: #000 url(images/rss.gif) 0 0 no-repeat;
list-style: none;
margin: 0;
padding: 0 0 5px 20px;
}

#subscribe a {
color: #e9eeda;
}

#subscribe a:hover {
color: #fff;
}

#get_involved {
margin: 7px 0 0 7px;
width: 158px;
border-left: 1px solid #000;
border-right: 1px solid #000;
border-bottom: 5px solid #000;
}

#get_involved h3 {
background-color: #000;
color: #e9eeda;
font-size: 100%;
font-weight: bold;
padding: 7px;
text-align: center;
}

#people {
background: #000 url(images/people.png) 0 0 no-repeat;
width: 158px;
height: 60px;
border-bottom: 1px solid #000;
}

#get_involved_content {
padding: 8px 4px 0 4px;
}

#get_involved_content .err-msg {
	color : #ff3300;
	font-weight : 900;
	display : block;
	padding : 0 0 10px 0;
}

form .cent {
text-align: center;
}

input.submit-btn {
background: #000 url(images/submit.gif) no-repeat 0 0;
width: 69px;
height: 20px;
outline: none;
}

input.submit-btn:hover {
background: #000 url(images/submit.gif) no-repeat 0 -20px;
}

/* ********************************************** */
.right-block {
padding-bottom: 15px;
}

.right-block h2 {
background-color: #000;
color: #e9eeda;
margin-bottom: 5px;
padding: 3px;
}

.right-list {
display: block;
list-style: none;
margin: 0;
padding: 0 0 0 10px;
text-align: left;
}

.right-list li {
list-style: none;
margin: 0;
padding: 0 0 4px 0;
}

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

.post {
}

.post a {
color: #961205;
font-weight: bold;
}

.post a:hover {
color: #961205;
font-weight: bold;
}

.post-head {
border-bottom: 2px solid #444;
margin-bottom: 8px;
}

.post-head h1 {
font-size: 160%;
}

.post-home-head {
padding-bottom: 5px;
}

.post-home-head p {
padding: 0 0 2px 0;
}

.post-home-body {
border-bottom: 1px dotted #444;
margin-bottom: 12px;
}

.post-body {
}

.post-foot {
}

.post-home-foot {
text-align: center;
}

.comments {
padding-top: 10px;
}

.comments a {
color: #961205;
}

.comments a:hover {
color: #961205;
text-decoration: underline;
}

.comments h2 {
font-size: 140%;
border-bottom: 2px solid #444;
}

.comments p.toppad {
padding-top: 8px;
}

.comment {
padding-top: 8px;
border-top: 1px dotted #444;
}

.first-comment {
border-top: none;
}

#frm_comment {
}

.post-sep {
padding: 4px 0 14px 0;
border-top: 1px dotted #444;
}

/* ********************************************** */
.do-something {
background: #698830 url(images/do_bg.gif) repeat 0 0;
border: 6px solid #000;
clear: right;
color: #fff;
float: right;
margin: 0 0 6px 6px;
width: 210px;
}

.do-something h1 {
background-color: #961205;
height: 34px;
margin: 0;
padding: 10px 0 0 0;
text-align: center;
}

.do-text {
padding: 5px 5px 0 5px;
text-align: left;
}

.do-go {
margin-left: 110px;
text-align: right;
}

.do-go a {
background: #000 url(images/go.gif) repeat 0 0;
display: block;
height: 15px;
width: 100px;
text-decoration: none;
}

.do-go a:hover {
background: #000 url(images/go.gif) repeat 0 -15px;
text-decoration: none;
}

.details-do-something {
background: #698830 url(images/do_bg.gif) repeat 0 0;
border: 6px solid #000;
color: #fff;
}

.details-do-something h1 {
background-color: #961205;
height: 34px;
margin: 0;
padding: 10px 0 0 0;
text-align: center;
}

.details-do-text {
padding: 5px 5px 0 5px;
text-align: left;
}

.details-do-text a {
color: #333;
}

.details-do-text a:hover {
color: #000;
}

.details-do-link {
background-color: #000;
font-weight: bold;
margin-left: 5px;
padding: 2px 10px;
text-align: center;
width: 100px;
}

.details-do-link a {
color: #fff;
text-decoration: none;
}

.details-do-link a:hover {
color: #961205;
text-decoration: none;
}

.details-do-go {
margin-left: 300px;
text-align: right;
}

.details-do-go a {
background: #000 url(images/go.gif) repeat 0 0;
display: block;
height: 15px;
width: 100px;
text-decoration: none;
}

.details-do-go a:hover {
background: #000 url(images/go.gif) repeat 0 -15px;
text-decoration: none;
}

/* ********************************************** */
#icon_nav {
background-color: #000;
color: #fff;
display: block;
list-style: none;
margin: 0;
padding: 0;
}

#icon_nav li {
background: #000 url(images/icon_sep.gif) 0 0 no-repeat;
display: block;
list-style: none;
margin: 0;
padding: 0 0 0 1px;
width: 58px;
height: 53px;
float: left;
}

#icon_nav li.first-icon {
background: none;
padding: 0;
}

#icon_nav a {
color: #fff;
display: block;
outline: none;
width: 58px;
height: 53px;
}

#icon_nav a:hover {
background-position: 0 -53px;
text-decoration: none;
}

#icon_nav span {
position: relative;
left: -9999px;
font-size: 8px;
}

#icon_cars {
background: #000 url(images/icon_cars.gif) no-repeat 0 0;
}
#icon_energy {
background: #000 url(images/icon_energy.gif) no-repeat 0 0;
}
#icon_food {
background: #000 url(images/icon_food.gif) no-repeat 0 0;
}
#icon_gear {
background: #000 url(images/icon_gear.gif) no-repeat 0 0;
}
#icon_investing {
background: #000 url(images/icon_investing.gif) no-repeat 0 0;
}
#icon_shelter {
background: #000 url(images/icon_shelter.gif) no-repeat 0 0;
}
#icon_travel {
background: #000 url(images/icon_travel.gif) no-repeat 0 0;
}

#home_left_head {
background-color: #961205;
height: 33px;
text-align: center;
border-bottom: 1px solid #6d1a0b;
}

#home_left_head h2 {
color: #fff;
margin: 0;
padding: 9px 0 0 0;
}

#home_do_something_head {
background-color: #698830;
height: 26px;
text-align: left;
border-bottom: 1px solid #556e27;
}

#home_do_something_head h2 {
color: #fff;
margin: 0;
padding: 6px 0 0 4px;
}

.home-do-something {
background: #698830 url(images/do_bg.gif) repeat 0 0;
color: #fff;
width: 412px;
border-bottom: 6px solid #000;
}

.home-do-something p {
padding: 3px;
}

.home-do-something h1 {
color: #fff;
font-size: 105%;
font-weight: bold;
margin: 0;
padding: 3px 3px 0 3px;
}

.home-do-go {
margin-left: 312px;
text-align: right;
}

.home-do-go a {
background: #000 url(images/go.gif) repeat 0 0;
display: block;
height: 15px;
width: 100px;
outline: none;
text-decoration: none;
}

.home-do-go a:hover {
background: #000 url(images/go.gif) repeat 0 -15px;
text-decoration: none;
}

/* ********************************************** */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* ********************************************** */
#searchresults {
}

#searchresults h1 {
font-size: 250%;
padding-bottom: 10px;
}