/*
Theme Name: Sustainable Path Foundation
Theme URI: http://sustainablepath.org/
Description: Theme for sustainablepath.org
Version: 1
Author: Sustainable Path Foundation
Author URI: http://sustainablepath.org/

*/
body {
    background : #f3efe6 url('images/gradiant-rgb.jpg') repeat-x;
    text-align : center;
    width : 100%;
    margin : 0 0 0 0;
    font-family : Arial, Helvetica, sans-serif;
    font-size : 13px;
    color: #464647;
}

a, a:visited {
    color: #58595b;
}

h1 {
    color: #58595b;
    font-size: 15px;
    font-weight: bold;
    margin: 5px 0 15px;
}
h2 {
    color: #ea8235;
    margin: 5px 0 10px;
    font-size: 15px;
    font-weight: bold;
}
h3 {
    color: #464647;
    font-size: 15px;
    font-weight: bold;
    margin: 5px 0;
}
h4 {
    font-weight: bold;
    font-size: 15px;
    margin: 5px 0;
    color: #59595c;
}
h5 {
    font-weight: bold;
    font-size: 13px;
    color: #ea8235;
    margin: 0 0 10px;
}

.orange {
    color: #ea8235;
}

#pagewrapper {
    text-align : left;
    width : 960px;
    margin : 0px auto;
    padding : 0;
}

#pagewrapper_inner {
    padding : 0 10px;
    background : #fff;
}

/* HEADERS */
.sp_header {
    margin : 0;
    padding : 0;
    margin-top : 65px;
}
#sp_slides .headerimg {
    display: none;
    position: relative;
    z-index: 50;
}
#nextSlideAnchor {
    float: right;
    display: block;
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    font-weight: bold;
    background: #f2eee2;
    text-decoration: none;
}
#sp_pager_container {
    float: right;
    position: relative;
    z-index: 51;
    height: 35px;
    margin-top: -35px;
    margin-right: 25px;
}
#sp_pager { 
    list-style-type: none;
    float: right;
    margin: 0;
}
#sp_pager li {
    float: left;
    margin-right: 5px;
}
#sp_pager li a {
    display: block;
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    font-weight: bold;
    background: #f2eee2;
    text-decoration: none;
}
#sp_pager li.activeSlide a {
    background: #e98235;
    color: #fff;
}
#sp_logo {
    display : block;
    float : left;
    margin-top : -40px;
}
#sp_banner_placeholder {
    height: 215px;
}
#sp_banner_placeholder.abheader {
    background: url(headers/other/about.jpg) left top no-repeat;
}
#sp_banner_placeholder.cbheader { /*collaborations header*/
    background: url(headers/other/collaboration2.jpg) left top no-repeat;
}
#sp_banner_placeholder.giheader { /*get involved header*/
    background: url(headers/other/get_involved_donate.jpg) left top no-repeat;
}
#sp_banner_placeholder.grheader { /*grants header*/
    background: url(headers/other/grants.jpg) left top no-repeat;
}
#sp_banner_placeholder.ssheader { /*seminar series*/
    background: url(headers/other/seminars.jpg) left top no-repeat;
}
#sp_banner_placeholder.icheader { /*idea club*/
    background: url(headers/other/blog.jpg) left top no-repeat;
}
#sp_banner_placeholder.nlheader { /*idea club*/
    background: url(headers/other/newsletter.jpg) left top no-repeat;
}
#donate_now {
    display: block;
    float: right;
    margin-top: 15px;
}

#sp_banner {
    border-bottom: solid 3px #e98235;
}
/* menu */
#topnav {
    clear : both;
    padding-top : 5px;
}
#topnav a {
    color : #FFF;
}

/*side menu footer */

ul.sidebar {
    list-style : none;
    padding : 0;
    margin : 0;
}
ul.children {
    list-style : none;
    padding : 0;
    margin : 0;
}
#footer {
    font-size: 12px;
    background: url(img/grass_bg.png) top left no-repeat;
    padding-top: 40px;
    margin-top: -40px;
}
#footerline1 {
    background : #58595b;
    padding: 10px;
}
#footerline1 .footercontact {
    float : left;    
}
#footerline1 #footernav {
    float : right;
}
#footerline2 {
    padding: 10px;
}
#footerline2 .site_credits {
    float: right;
}
#footerline2 .site_credits a {
    color: inherit;
    text-decoration: none;
}
#footerline2 .social {
    float: left;
}
#footernav {
    text-align : right;
}
#footernav a {
    font-weight : 500;
    color : #FFF;
    text-decoration : none;
    text-transform: uppercase;
}
#footernav a:hover {
    text-decoration : underline;
}
#footernav img {
    padding-left : 4px;
    padding-right : 4px;
}
ul.footer {
    list-style : none;
    padding : 0;
    margin : 0;
    padding-top : 4px;
    margin-bottom : -4px;
}
ul.footer li {
    float : right;
    border-right : solid 1px #fff;
    background-repeat : no-repeat;
    background-position : right;
    margin : 0;
    padding : 0;
    padding-right : 5px;
    margin-right : 5px;
    padding-left : 5px;
}

.footercontact {
    color : #e98235;
    text-align : left;
}
.footercontact a {
    color : #fff;
    text-decoration : none;    
}
.footercontact a:hover {    
    text-decoration : underline;
}
.footercontact .phone {
    color: #fff;
}
/*searchbar*/
#searchbar {
    float: right;
    color : #fff;
    display : block;
    position : relative;
    margin : 0;
    padding : 0;
    z-index: 200;
    height: 33px; /* 33 = 30 (height of menu bar + 2 border top, 1 border bot) */
    line-height: 33px;
}
#searchbar form {
    margin: 0;
    padding: 5px 7px 0 0;
}
#searchform input[type=text] {
    display: block;
    float: left;
    padding: 0px 8px;
    width: 174px;
    height: 22px;
    line-height: 22px;
    border: solid 1px #f3bb8f;
    color: #a7a9ac;
    font-size: 15px;
}
#searchform input#searchsubmit {
    display: block;
    float: left;
    height: 24px;
    width: 24px;
    background: url(img/submit_btn.png) left top no-repeat;
    border: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
    text-indent: 24px;
    overflow: hidden;
}
#donate {
    padding : 0;
    padding-left : 66px;
    margin : 0;
    margin-top : -1px;
}
#searchsubmit {
    height : 18px;
    font : 10px Verdana, sans-serif;
    color : #333;
    font-weight : bold;
}
form {
    margin : 5px 0 3px 0;
    padding : 0;
}

#searchtext {
    padding-top : 2px;
    line-height : .8em;
}
/*page layouts*/

#left-bar {
    display : block;
    line-height : 1.5em;
    width : 140px;
    height : 209px;
    float : left;
}
#left-bar a {
    color : #fff;
    font-size : .85em;
    text-decoration : none;
}

table.entry {
    text-align : left
}


#content {
    text-align : left;
    clear : both;
    margin : 0 0 0 0;
    width : 707px;
    background : url('images/content2.gif') repeat-y;
    padding-left : 0px;
}

/*  */

h2.title {
    color : #ea8235;    
}
h4.fnews {
    font-family : arial, Helvetica, sans-serif;
    font-size : 1em;
    font-style : normal;
    font-variant : normal;
    font-weight : normal;
    line-height : normal;
    margin-left : 10px;
    margin-top : 8px;
    margin-bottom : 8px;

}
ul.foundation-news {

    font-size : .7em;
    list-style : none;
    padding : 0;
    margin : 0;
    margin-left : 10px;
    margin-right : 8px;
}
ul.foundation-news li {
    margin-bottom : 8px;
}
ul.foundation-news a,
ul.foundation-news a:visited {
    text-decoration : none;
    color : #D16626;
    font-style : italic;
    font-weight : 500
}
ul.foundation-news a:hover {
    text-decoration : underline;
    color : #D16626;
}

.fpnews1 {
    height : 100%;
    width : 33%;
    vertical-align : top;
    border-right : 2px solid #dce7cf;
    padding-top : 4px;
    padding-bottom : 3px;
    padding-left : 14px;
    padding-right : 6px;
}
.fpnews2 {
    height : 100%;
    width : 33%;
    vertical-align : top;
    border-right : 2px solid #dce7cf;
    padding-top : 4px;
    padding-bottom : 3px;
    padding-left : 10px;
    padding-right : 10px;
}
.fpnews3 {
    height : 100%;
    width : 33%;
    vertical-align : top;
    padding-top : 4px;
    padding-bottom : 3px;
    padding-left : 10px;
}

div.newswrap {    
    line-height : 1.2em;
}
.newswrap a {
    color : #000;
    text-decoration : none;
    font-size : 10pt;
}

.newswrap a:hover {
    color : #000;
    text-decoration : underline;
    font-size : 10pt;
}
div.rquote {
    font-size : 10pt;
    font-family : arial;
    padding-left : 15px;
    padding-top : 10px;
    padding-bottom : 15px;
    padding-right : 8px;
}
/*
ul.footer li.cat-item a {
    height : 8pt;
    margin : 0;
    padding : 0;
    padding-top : 0;
    margin-top : 0;
    margin-bottom : 6px;
}
ul.footer li.cat-item {
    padding-top : -10px;
}
*/
img {    
    text-decoration : none;
    border : none;
    vertical-align: baseline;
}
.sp_bluebar {
    background: url(img/bluebar_bg_y.png) left top repeat-y #52778f;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 3px 5px;
}
.sp_content {
    padding-top: 10px;
    padding-bottom: 40px;
}
.homepage.sp_content {
    background: url(img/homepage_colbg_y.png) right top repeat-y;
}
.page.sp_content {
    background: url(img/page_colbg_y.png) left top repeat-y;
}
.sp_panel_left {
    float: left;
    width: 700px;
}
.sp_panel_left .content {
    margin-bottom: 20px;
}
.sp_panel_right {
    float: right;
    width: 232px;
}
.sp_panel_right .section {
    padding: 5px;
}
.social .plugin {
    float: left;
    margin-right: 2px;
    height: 68px;
}
.social .plugin.facebook {
	width: 50px;
}
.social .plugin.google {
    margin-right: 0;
}
.sideblock {
    border-bottom: solid 1px #bab8b9;
    padding: 15px 10px;
}
.social.sideblock {
    padding: 0 0 10px;
}
.sideblock .icon {
    float: left;
    margin-right: 10px;
    width: 33px;
}
.sideblock h3 span {
    font-weight: normal;
}
.sideblock.newsletter a {
    text-decoration: none;
}
.sideblock.tweet .text {
    font-style: italic;
}
.sideblock.tweet {
    border-bottom: none;
}
.sideblock.blog a {
    text-decoration: none;
}
.sideblock .datewrap {
    margin: 5px 0;
    font-size: 12px;
    font-style: italic;
}
.sp_panel_col3 .social .plugin {
    margin-right: 3px;
}
.sp_panel_col3 .social.sideblock {
    border: none;
}
.sp_panel_col1 {
    float: left;
    width: 220px;
}
.sp_panel_col1 .section {
    padding: 0 15px;
}
/*
.sp_panel_col1 li {
    margin: 8px 0;
}
*/
.sp_panel_col1 a {
    display: block;
    margin: 8px 0;
    font-size: 14px;
    text-decoration: none;
}
.sp_panel_col2 {
    float: left;
    width: 490px;
}
.sp_panel_col2 .section {
    padding: 0 10px;
}
.sp_panel_col3 {
    float: left;
    width: 230px;
}