/*
Theme Name: NWSeed Theme
Author: Metric Media
Description: This theme is designed for the use of the NWSeed website.
*/


/* CSS Styling for NWSeed Website */

*{margin:0;padding:0;outline:0;}
img{border:none;}
ol, ul {list-style:none;}

header, footer, aside, nav, article, section {display: block;}

html {
	background:url('images/bg.jpg');
}

body {
	width: 960px;
	margin: 0 auto;
	background: #ffffff;
	font-family: 'Roboto', sans-serif, Arial, Helvetica;
	font-weight: 300;
	color: #636363;
	font-size:13px;
	line-height:1.4;
	box-shadow: 0px 0px 12px 0px #e9e9e9;
	-moz-box-shadow: 0px 0px 12px 0px #e9e9e9;
	-webkit-box-shadow: 0px 0px 12px 0px #e9e9e9;
}

a { text-decoration: none; color:#08abe0;}
a:hover {color: #075d81;}

p { margin-bottom: 20px; }

h1 {
	color: #08abe0;
	font-size:30px;
	font-family: 'Sanchez', serif;
	margin-bottom:20px;
	font-weight:normal;
	line-height:1.1;
}

h2 {
	font-family: 'Roboto', sans-serif;
	font-size:18px;
	padding-bottom:10px;
	font-weight:normal;
}

h3 {
	font-family: 'Roboto', sans-serif;
	font-size:18px;
	font-weight:normal;
}

div.clear {
	clear: both; 
	height: 1px; 
	font-size: 0; 
	overflow: hidden; 
}


/* header */
header {
	height:118px;
	position:relative;
	background: #47a8d3 url('images/header.png');
	overflow: visible;
}

header img#logo {
	position:absolute;
	top:13px;
	left:114px;
	z-index:999;
}

header img#header_bottom {
	position:absolute;
	top:118px;
	z-index:998;
}

/* search bar */

header #search_form {
	position:absolute;
	top:36px;
	right:43px;
	width: 155px;
	border: 1px solid #50a2c4;
	border-radius: 6px;
	-moz-border-radius: 6px;
	background-position: 4px 4px;
	color: #f3fafd;
	background: url("images/search_icon.png") no-repeat scroll 147px 5px rgb(60,192,238);
	padding: 4px 4px 4px 6px;
}

header #search_form input {
	background:none;
	border:none;
}


header input#search {
	width:136px;
}

header input#submit_search {
	text-indent:-1000px;
	width: 20px;
	position: absolute;
	right: 3px;
	cursor: pointer;
}


/* top navigation */
nav {
	font-family: 'Sanchez', serif;
	position: absolute;
	top:78px;
	right: 30px;
}

nav ul li {
	display:inline-block; 
	float:left; 
	position:relative; 
	margin:0;
	padding:0 15px;
	font-size: 14px;
}

nav ul li a {
	text-decoration: none;
	color: #f3fafd;
}

nav ul li a:hover {
	color: #075d81;
}

nav ul li a.active {
	color:#046a94;
}


/* slides */

#slider {
	height:419px;
	background-color: #899195;
	border-bottom: 1px solid #00b4ff;
	position:relative;
	overflow:hidden;
}

#slider #left-hotspot {
	background: transparent url('images/left_arrow_bxslider.png') no-repeat center;
	float: left;
}

#slider #right-hotspot {
	background: transparent url('images/right_arrow_bxslider.png') no-repeat center;
	float: right;
}

#slider #left-hotspot, #slider #right-hotspot {
	height: 420px;
	z-index:999;
	width: 6%;
	position: relative;
	cursor: pointer;
	top: -419px;
	opacity:0.5;
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	/* IE 5-7 */
	filter: alpha(opacity=50);
	/* Netscape */
	-moz-opacity: 0.5;
	/* Safari 1.x */
	-khtml-opacity: 0.5;
}

#slider article {
	position:absolute;
	width: 341px;
	height:100px;
	background: #eeeeee url('images/grey_swirl_bg.png');
	bottom:0px;
	right: 35px;
	padding: 18px 22px 8px 22px;
}

#slider article h1 {
	font-family: 'Sanchez', serif;
	font-size:18px;
	color: #636363;
	margin-bottom:15px;
}

#slider article p{
	margin-bottom:10px;
}

#slider article a {
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	color: #636363;
}

#slider article a:hover {
	color:#0893c0;
}

#slider span.credit {
	font-size: 10px;
	width: 341px;
	text-align: right;
	position: absolute;
	bottom: 10px;
	right: 22px;
}


/* home main content */

#home article.left {
	width: 425px;
	padding: 64px 46px 44px 69px;
	float:left;
}

#home article.right {
	width:385px;
	float:left;
	overflow:hidden;
	padding-top:64px;
	padding-bottom:58px;
}

/* home donate section */

#donate {
	background: #0f7fa5 url('images/donate_bg.png');
	position:relative;
	height: 79px;
	padding: 38px 0;
}

#donate article {
	width:425px;
	padding: 0 120px 0 10px;
	float:right;
}

#donate h1, #donate p {
	color: #ffffff;
	margin-bottom: 10px;
}

#donate p {
	font-size: 18px;
}

#donate div#button_container {
	width:389px;
	position: absolute;
	top: 50%;
	margin-top: -21px;
	z-index:1;
}

#donate #donate_button {
	position: absolute;
	right: 30px;
}

#donate #donate_button a {
	display: block;
	float: left;
	color:#ffffff;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size:18px;
	padding: 11px 40px 9px;
	background-color: #10b8ef;
	border-radius:10px;
	-moz-border-radius: 10px;
}

#donate #donate_button a:hover {
	background-color: #076888;
}

.drop-shadow a {
    position:relative;
    -webkit-box-shadow: 0 2px 0 rgba(0, 130, 215, 0.7), 0 0 35px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow: 0 2px 0 rgba(0, 130, 215, 0.7), 0 0 35px rgba(0, 0, 0, 0.1) inset;
            box-shadow: 0 2px 0 rgba(0, 130, 215, 0.7), 0 0 35px rgba(0, 0, 0, 0.1) inset;
}

.drop-shadow a:hover {
    position:relative;
    -webkit-box-shadow: 0 2px 0 rgba(0, 85, 110, 0.7), 0 0 35px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow: 0 2px 0 rgba(0, 85, 110, 0.7), 0 0 35px rgba(0, 0, 0, 0.1) inset;
            box-shadow: 0 2px 0 rgba(0, 85, 110, 0.7), 0 0 35px rgba(0, 0, 0, 0.1) inset;
}

#featured .drop-shadow a {
    position:relative;
    -webkit-box-shadow: 0 2px 0 rgba(30, 165, 17, 0.7), 0 0 35px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow: 0 2px 0 rgba(30, 165, 17, 0.7), 0 0 35px rgba(0, 0, 0, 0.1) inset;
            box-shadow: 0 2px 0 rgba(30, 165, 17, 0.7), 0 0 35px rgba(0, 0, 0, 0.1) inset;
}

#featured .drop-shadow a:hover {
    position:relative;
    -webkit-box-shadow: 0 2px 0 rgba(64, 127, 58, 0.7), 0 0 35px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow: 0 2px 0 rgba(64, 127, 58, 0.7), 0 0 35px rgba(0, 0, 0, 0.1) inset;
            box-shadow: 0 2px 0 rgba(64, 127, 58, 0.7), 0 0 35px rgba(0, 0, 0, 0.1) inset;
}

.drop-shadow a:before,
.drop-shadow a:after {
    content:"";
    position:absolute;
    z-index:-2;
}

/* Lifted corners */

#featured .lifted a:before, #featured .lifted a:after,
#working .lifted a:before, #working.lifted a:after {
   
	-webkit-transform:rotate(-4deg);
   -moz-transform:rotate(-4deg);
    -ms-transform:rotate(-4deg);
     -o-transform:rotate(-4deg);
        transform:rotate(-4deg);
}

#featured .lifted a:after, #working .lifted a:after {
    -webkit-transform:rotate(4deg);
   -moz-transform:rotate(4deg);
    -ms-transform:rotate(4deg);
     -o-transform:rotate(4deg);
        transform:rotate(4deg);
}

.lifted a:before,
.lifted a:after {
    bottom:16px;
    left: 4px;
    right: 2px;
    width: 50%;
    height: 15%;
    max-width: 300px;
    max-height:100px;
    -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
       -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
            box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
    -webkit-transform:rotate(-3deg);
       -moz-transform:rotate(-3deg);
        -ms-transform:rotate(-3deg);
         -o-transform:rotate(-3deg);
            transform:rotate(-3deg);
}

.lifted a:after {
    right: 4px;
    left:auto;
    -webkit-transform:rotate(3deg);
       -moz-transform:rotate(3deg);
        -ms-transform:rotate(3deg);
         -o-transform:rotate(3deg);
            transform:rotate(3deg);
}


/* featured projects */

#featured {
	background-image: url('images/featured_bg.png');
	background-position: bottom;
	padding: 65px 36px 100px 69px;
	position:relative;
	z-index:1;
}

#featured h1 {
	color:#ff9600;
	padding-bottom: 10px;
}

#featured article {
	width: 370px;
	float:left;
	padding-bottom:30px;
}

#featured article.left {
	padding-right:38px;
}

#featured article.right {
	padding-left:38px;
}

#featured h2 {
	border-bottom: 1px solid #ff9600;
	padding-bottom:10px;
	margin-bottom: 14px;
}

#featured p {
	margin-bottom: 13px;
}

#featured div.button a {
	display:block;
	float: left;
	color: #ffffff;
	background-color: #7cc576;
	padding: 6px 15px 5px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
}

#featured div.button a:hover {
	background-color: #499b42;
}


/* general page */
div#page {
	background: #fff url('images/side_nav_bg.png') 0 0 repeat-y;
}

/*side navigation */

section#side-nav {
	width:216px;
	display:inline-block;
	vertical-align:top;
}

/* first level nav */

#side-nav ul {
	padding-top: 32px;
	border-bottom: 1px solid #d9dbde;
}

#side-nav ul li {
	border-top: 1px solid #d9dbde;
	font-size: 14px;
	line-height: 1.25;
}

#side-nav ul li a {
	display:block;
	padding: 12px 25px 10px;
}

#side-nav ul li a:hover {
	background-color: #ffffff;

}

#side-nav ul li.active {
	background: #ffffff;
	padding:0;
	border-top: 1px solid #ededed;
}

#side-nav ul li.active a:hover {

}

#side-nav ul li.active a {
	color:#08abe0;
}

/* second level nav */

#side-nav ul li.active ul {
	background: #daecf4 url('images/side_nav_dropshadow.png') 0 0 repeat-x;
	padding-top: 0;
	border-bottom: 0;
}

#side-nav ul li.active ul li:first-child {
	border: 0;
}

#side-nav ul li.active ul li {
	border-top: 1px solid #fff;
	border-top: 1px solid rgba(255, 255, 255, 0.75);
}

#side-nav ul li.active ul li.active {
	background: #daecf4;
}

#side-nav ul li.active ul li a {
	padding: 11px 10px 11px 25px;
}

#side-nav ul li.active ul li a:hover {
	background: #d5e5ec;
}

/* 3rd level nav */

#side-nav ul li.active ul li.active ul {
	border-bottom:0;
	padding:0 0 4px;
	background-color:#daecf4 ;
	background-image: none;
	font-size:13px;
	font-weight:normal;
}

#side-nav ul li.active ul li.active ul li {
	background-color: #daecf4;
	padding: 0 15px 12px 45px;
	border-top: 0;
}

#side-nav ul li.active ul li.active ul li a {
	padding: 0;
}

#side-nav ul li.active ul li.active ul li a:hover {
	background-color: #daecf4;
	color: #1a6888;
	font-weight:normal;
}

#side-nav ul li.active ul li.active ul li.active {
	list-style-image: url('images/small_arrow.png');
	margin-left: 45px;
	padding: 0 15px 12px 0;
	font-weight:normal;
}


/* main page content */

#main {
	display:inline-block;
	width:740px;
	background-color:#ffffff;
}

#main a.doc {
	color:#7cc576;
}

#main a.doc:hover {
	color:#1b8513;
}

#main #content ul.list {
	margin-left: 0;
	margin-bottom:30px;
}

#main ul.list li {
	list-style-image: url('images/small_arrow.png');
	margin: 0 20px 8px 20px;
}

#main #content ol.ordered {
	list-style: none;
	margin-left: 45px;
	margin-top: 15px;
	margin-bottom: 40px;
}

#main #content ol.ordered li {
	position: relative;
	margin-bottom: 25px;
}

#main #content ol.ordered li span {
	background: url('images/blue_bullet.png') no-repeat center;
	width: 27px;
	height: 27px;
	float: left;
	position: absolute;
	left: -40px;
	top: -4px;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	color: #fff;
	text-align: center;
	line-height: 29px;
}

#main #content div.right {
	float: right;
	width: 200px;
	margin-left: 15px;
}

#main #content div.right img {
	margin-top:18px;
	border-bottom:3px solid #6acbf1;
}

#main #content {
	width:459px;
	padding: 46px 30px 70px 48px;
}

#main #content ul{
	list-style: disc;
	margin-left: 20px;
	margin-bottom: 20px;
}

#main #content ol {
	list-style: decimal;
	margin-left:20px;
	margin-bottom: 20px;
}

#main #content img.alignleft {
float:left;
margin-right:20px;
margin-bottom:10px;
}

#main #content img.alignright {
float:right;
margin-left:20px;
margin-bottom:10px;
}


/*donation box */

#donate-box {
	background-color:#495962;
	width:173px;
	color:#ffffff;
	float:right;
	border-bottom:2px solid #ffc84d;
	padding:45px 15px 10px 22px;
	position:relative;
	z-index:1;
}

#donate-box div.button a {
	text-transform: uppercase;
	font-size:13.5px;
	display: block;
	width: 156px;
	color:#ffffff;
	background-color: #10b8ef;
	padding: 11px 0 9px;
	margin: 0 0 15px 5px;
	text-align: center;
	border-radius: 7px;
	-moz-border-radius: 7px;
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	box-shadow: 2px 3px 6px -2px #1b3f4b;
	-moz-box-shadow: 2px 3px 6px -2px #1b3f4b;
	-webkit-box-shadow: 2px 3px 6px -2px #1b3f4b;
}

#donate-box div.button a:hover {
	background-color: #0f91bc;
}

/* working with you */

#working {
	background: #e6f5fb url('images/working_with_you_bg.png');
	height:226px;
	font-size:13px;
	padding: 55px 36px 69px 28px;
	position:relative;
	z-index:1;
}

#working h1 {
	padding: 0 0 35px 41px;
}

#working article {
	display:inline-block;
	border-left:1px solid #a9cdd9;
	height:143px;
	padding-right:15px;
	vertical-align:top;
}

#working article.first {
	border-left:0;
}

#working article.last {
	padding-right: 0;
}

#working article div {
	width: 222px;
	display:inline-block;
	vertical-align: top;
}

#working article div h3 {
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size:14px;
	padding-bottom:5px;
}

#working article .icon {
	vertical-align: top;
	margin: 0 15px;
}

#working article .icon.first {
	margin-left: 0;
}

#working article div div.button a {
	background: #10b8ef;
	padding: 6px 15px 5px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	color: #ffffff;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
}

#working article div div.button a:hover {
	background-color: #0f91bc;
}

/* footer */

footer {
	background-color: #3d4f58;
	padding:45px 36px 36px 69px;
	color:#f3fafd;
}

footer ul {
	display:inline-block;
	width:689px;
}

footer ul li {
	display:inline-block;
	padding-left:32px;
	font-size:15px;
}

footer ul li a {
	color: #ffffff;
}

footer ul li a:hover {
	color:#0893c0;
}

footer #logo {
	vertical-align:middle;
}

footer article {
	padding-top:20px;
	display:inline-block;
	vertical-align: top
}

footer article h3 {
	padding-bottom:8px;
	color: #ffffff;
}

footer #contact {
	width: 256px;
}

footer #newsletter {
	width:265px;
	padding-left:30px;
}

input#email {
width: 243px;
}

#newsletter form .name {
width: 108px;
}

input#zipcode {
	width:88px;
    float: left;
}

input#submit_newsletter {
	width:101px;
    float: left;
}

footer #newsletter form input[type="text"] {
	background-color: #ebebeb;
	border: 1px solid #646868;
	border-radius: 6px;
	-moz-border-radius: 6px;
	padding: 4px 10px;
	margin-bottom:8px;
	color:#636363;
	height: 14px;
}

footer #newsletter form input[type="submit"] {
	background-color: #10b8ef;
	border: 0;
	padding: 5px 15px 3px;
	height: 23px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	color: #ffffff;
	margin-left:5px;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 12px;
	margin-right:48px;
	cursor: pointer;
}

footer #newsletter form input[type="submit"]:hover {
	background-color:#0f91bc;
}

footer #newsletter form p {
	float: left;
	margin-bottom: 0;
}

/*contact form 7 styles */

footer #connect {
	width:241px;
	padding-left:55px;
}

footer #connect a:hover {
	opacity:0.7;
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	/* IE 5-7 */
	filter: alpha(opacity=70);
	/* Netscape */
	-moz-opacity: 0.7;
	/* Safari 1.x */
	-khtml-opacity: 0.7;
}

footer #connect img {
	margin-right:8px;
}

footer #connect img#earthshare {
	margin-top:20px;
}

footer #connect img#onepercent {
	margin-top:10px;
}

/* search results page */

#main #content .search {
	width:662px;
}


/* calendar styles */


.ai1ec-event-summary img.alignright {
float:right;
margin-left:20px;
margin-bottom:10px;
}

.ai1ec-event-summary img.alignleft {
float:left;
margin-right:20px;
margin-bottom:10px;
}

.ai1ec-day {
background-color: #6acbf1;
width: 33px;
display: inline-block;
font-family: 'Sanchez', serif;
font-size: 30px;
color: #fff;
padding: 6px 10px 10px 12px;
float: left;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom: 2px solid #e1e1e1;
height: 33px;
cursor:pointer;
}

.ai1ec-date-events {
width: 455px;
border: 2px solid #e1e1e1;
border-bottom:none;
margin-bottom: 20px;
border-radius: 6px;
position:relative;
}

.ai1ec-event-header {
display: inline-block;
float: left;
width: 375px;
height: 39px;
padding: 5px 10px 5px 15px;
color: #08abe0;
border-right: 2px solid #e1e1e1;
border-bottom: 2px solid #e1e1e1;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
position: absolute;
left: 55px;
cursor:pointer;
}

.ai1ec-event-title {
font-family: 'Sanchez', serif;
font-size: 18px;
}

.ai1ec-event-time {
font-size: 14px;
}

.ai1ec-event-summary {
clear: left;
}

.ai1ec-event-description {
display: none;
padding: 30px 15px 10px 15px;
border-bottom: 2px solid #e1e1e1;
border-bottom-right-radius: 6px;
border-bottom-left-radius: 6px;
}

.ai1ec-event-toggle {
float: right;
width: 15px;
height: 15px;
overflow: hidden;
margin:12px 0;
cursor:pointer;
}

.ai1ec-event-toggle .icon-minus-sign {
background: url('images/collapse.png');
}

.ai1ec-event-toggle .icon-plus-sign {
background: url('images/expand.png');
}

.ai1ec-event-toggle .icon-minus-sign, 
.ai1ec-event-toggle .icon-plus-sign {
width:15px;
height:15px;
}

.ai1ec-event-summary img.alignright {
float:right;
margin-left:20px;
margin-bottom:10px;
}

.ai1ec-event-summary img.alignleft {
float:left;
margin-right:20px;
margin-bottom:10px;
}

*/
/* intake form styling */

#intake-form span.project-completed .wpcf7-list-item {
display: table-row;
}

#intake-form span.project-completed .wpcf7-list-item input[type="checkbox"] {
margin-top: 5px;
}

#intake-form span.mailing-same {
font-size:13px;
}

#intake-form .star {
color: rgb(215,0,0);
}

#intake-form .wpcf7-not-valid-tip,
#intake-form .wpcf7-validation-errors,
.wpcf7-validation-errors {
color: rgb(215, 0, 0);
display: block;
}

#intake-form span.form-label {
width: 125px;
display: inline-block;
}

#intake-form .wpcf7-textarea,
#intake-form #proposed-budget,
#intake-form #project-size,
#intake-form #utility-name,
#intake-form #point-person,
#intake-form #reap-grant {
margin-top: 5px;
}

#intake-form #point-person-label,
#intake-form #reap-grant-label {
margin-bottom: 5px;
display: inline-block;
}

#intake-form .project-completed .wpcf7-list-item {
display: block;
}

#intake-form #submit,
#contact-form #submit {
font-family: 'Roboto', sans-serif;
font-weight: 500;
padding: 6px 20px;
background-color: #10b8ef;
border: none;
color: #fff;
border-radius: 6px;
cursor: pointer;
margin-right:15px;
}

#intake-form #submit:hover,
#contact-form #submit:hover {
background-color:#0f91bc;
}

#intake-form #business-type .wpcf7-list-item-label,
#intake-form #point-person .wpcf7-list-item-label,
#intake-form #reap-grant .wpcf7-list-item-label {
margin-right: 20px;
}

#intake-form h2 {
border-top: 1px solid #ededed;
padding-top: 15px;
padding-bottom: 15px;
}

/* contact form */

#contact-form span {
	display: inline-block;
}

#contact-form .form-label {
width: 85px;
vertical-align: top;
}

#contact-form p {
	margin-bottom: 15px;
}

#contact-form .wpcf7-not-valid-tip,
#contact-form .wpcf7-validation-errors,
.wpcf7 .wpcf7-validation-errors {
color: rgb(215, 0, 0);
display: block;
border:none;
}

.wpcf7 .wpcf7-mail-sent-ok {
color: green;
border:none;
}