/*
Theme Name: C3-WP
Theme URI: http://www.clcvedfund.org/
Author: Jason Gohlke
Author URI: http://gohlke.net/
Description: C3-WP is a custom child theme developed for the California League of Conservation Voters Education Fund. The awesome Boilerplate-Starkers mashup by Aaron T. Grogg is the parent theme.
Template: boilerplate
Version: 1.0b
License: GNU General Public License
License URI: license.txt
Tags: custom-menu, custom-theme

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* FIRST: GET RID OF HOT PINK!!!!
   These selection declarations have to be separate
   No text-shadow: twitter.com/miketaylr/status/12228805301 */
::-moz-selection { background: #9bcf23; color:#fff; text-shadow: none; }
::selection { background:#9bcf23; color:#fff; text-shadow: none; }


@import url("../boilerplate/style.css");

html {background: none transparent; }

@media screen and (max-device-width: 480px) {
   html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; }
}

   body {
   text-align:center;
        background:#fefdf8;
        color:#292e29;
        margin:0;
        padding:0;
        border:0;
   			/* This removes the border around the viewport in old versions of IE */
        width:100%;
		font-size:85%; /* nice hack, Jason */        
       /* min-width:600px; Minimum width of layout - remove line if not required */
							/* The min-width property does not work in old versions of Internet Explorer */
}

/* general styles scraped from ecovote.org & other specific stuff */

#fixed{line-height:1.333em;line-height:1.286em;}

body,p,caption,th,td,input,textarea,select,option,legend,fieldset {
	font-family:Tahoma,Verdana,Arial,Helvetica,"Bitstream Vera Sans",sans-serif;
}

.screen-reader-text { visibility: hidden; }

pre,code{font-family:"Bitstream Vera Sans Mono","Courier New",monospace;}

h1{font-size:1.6em;line-height:1.3em;margin-top:0;margin-bottom:0.5em; font-family:"Arial Narrow",Arial,Helvetica,sans-serif;line-height:1.3em;color:#4a5e1c;text-transform:uppercase;border-bottom:3px solid #333;margin-top:0;margin-bottom:1em;}
h2{font-size:1.4em;line-height:1.3em;margin-top:0.667em;margin-bottom:0.667em;}
h3{font-family:Georgia,Times,Times New Roman,serif;font-size:1.25em;line-height:1.3em;margin-top:0.769em;margin-bottom:0.769em; font-family:Georgia,Palatino,Palatino Linotype,Times,Times New Roman,serif;color:#cf510c;}
h4,h5,h6{font-size:1.1em;line-height:1.2em;margin-top:0.909em;margin-bottom:0.6em;}
ul,ol,dl,pre,table,fieldset,blockquote{margin:1em 0;}
blockquote{
    padding: 1.5em 2em;
    background-color: #E8E6D2;
	color:#000;
    border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
}
ul,ol{margin-left:0;padding-left:2em;}
.block ul,.item-list ul{margin:1em 0;padding:0 0 0 2em;}
ul ul,ul ol,ol ol,ol ul,.block ul ul,.block ul ol,.block ol ol,.block ol ul,.item-list ul ul,.item-list ul ol,.item-list ol ol,.item-list ol ul{margin:0;}
li{margin:0;padding:0;}
.item-list ul li{margin:0;padding:0;list-style:inherit;}
ul.menu li,li.expanded,li.collapsed,li.leaf{margin:0;padding:0;}
ul{list-style-type:disc;}
ul ul{list-style-type:circle;}
ul ul ul{list-style-type:square;}
ul ul ul ul{list-style-type:circle;}
ol{list-style-type:decimal;}
ol ol{list-style-type:lower-alpha;}
ol ol ol{list-style-type:decimal;}
dt{margin:0;padding:0;}
dd{margin:0 0 0 2em;padding:0;}
a:link{}a:visited{}a:hover,a:focus{}a:active{}
abbr{border-bottom:1px dotted #666;cursor:help;white-space:nowrap;}
abbr.created{border:none;cursor:auto;white-space:normal;}

img{border:0;}

img.alignright { float:right; margin: 10px 0 10px 15px!important; padding:0 !important; border:#000 solid 1px!important; }

img.alignleft { float:left; margin: 10px 15px 10px 0!important; padding:0 !important; border:#000 solid 1px!important; }

img.aligncenter { float:center; margin: 10px 15px!important; padding:0 !important; border:#000 solid 1px!important; }

hr{height:1px;color:#cbcac1;background-color:#cbcac1;border:0;border-color:#cbcac1;}
form{margin:0;padding:0;}
fieldset{margin:1em 0;padding:0.5em;}

	/* Header styles */
    #header {
    	top:0px;
        clear:both;
        float:left;
        width:100%;
		border-width:10px 0 0;
		border-style: solid;
		border-color:#598100;
		background: #a2c273 url('/images/header-bkgd-hills.jpg') top center no-repeat;
		z-index:2;
		position:relative; /* for IE6/7 z-index issue */

}
	#header p,
	#header h1,
	#header h2  {
	    padding:.4em 15px 0 15px;
        margin:0;
}

/* added styles for header */

	/* column container - this is for the header only at this point */
	.headermask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        width:100%;				/* width of whole page, or fixed portion */
		/* overflow:hidden;		This chops off any overhanging divs */
	}

.branding-bkgd {
		height: 140px;
		z-index: 2;
}
#branding { /* sets the width for the branding area, just like #fixed, and adds other styles */
   margin:0 auto;
   width:940px;
   z-index:1;
   text-align:left;
   padding:18px 0;
	overflow:visible;
   word-wrap:break-word;
    /* ? */
}
	.featuremask,.threecol3mask,.twocolmask,.thirdsmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    margin-bottom:1.67em;
        width:100%;				/* width of whole page, or fixed portion */
		/* overflow:hidden;		This chops off any overhanging divs */
	}

.thirdsmask {
padding-top:1.25em;
}

#feature { /* sets the width for the feature area, just like #fixed, and adds other styles */
   margin:0 auto;
   width:940px;
   z-index:1;
   text-align:center;
   padding:0;
	overflow:visible;
   word-wrap:break-word;
}

#searchbox {
float:right;
}

#search{background-image:url(/images/search_bg.png);width:234px;height:17px;overflow:hidden;padding:2px 5px;}

#edit-search-theme-form-1-wrapper label{display:none;}

#search input#s {
    border: 0 none;
    float: right;
    width: 215px;
}
#search .form-submit {
    float: left;
}
#search .form-submit{float:left;}

#social {
clear:both;
float:right;
margin-top:64px;
}

#social div {
float:right;
margin:3px 5px 0 0;
font-size:14px;
font: "Helvetica Narrow","Neue Helvetica Narrow","Arial Narrow",Arial,Helvetica,sans-serif;
}

#social ul {
		display:inline;
		list-style-type: none;
		list-style-image: none;
		float: right;
		margin:0;
		padding:0;
}

#social ul li {
		padding-left:1px;
		margin:0;
		display:inline;
}

/* Added styles for fixed portion of layout */
#fixed {
		margin:0 auto;
		width:940px;
		text-align:left;
		z-index:1;
		position:relative; /* for IE6/7 z-index issue */
}

	/* superficial area of shadow under navbar */
	#navshadow  {
		clear:both;
		background:url('/images/nav-shadow-bkgd.jpg') repeat-x #fefdf8;
		height:37px;
		margin:0;
		padding:0;
		text-align:right;
}

/* Added styles for navbar, reverse engineered from ecovote.org layout */

#navbar { /* adds the transparent background color */
   	/* background:#c3d3ab; this is the approx. color it should be */
	/* Fallback for web browsers that doesn't support RGBa */
background: rgb(202, 214, 182);
background:#c8d4b4;
/* RGBa with 0.5 opacity */
background: rgba(254, 252, 244, 0.5);
margin:0;
padding:0;
}
#navbar ul {
   margin:0;
   padding:0;
   text-align:left;
}
#navbar li {
   float:left;
   padding:0 10px 0 0;
   margin:0;
}
#primary { /* sets the width for the primary navigation, just like #fixed, and adds other styles */
   margin:0 auto;
   width:940px;
   z-index:1;
   text-align:left;
   padding:0;
   height:40px;
	overflow:visible;
   word-wrap:break-word;
    /* ? */

}
#primary ul.nice-menu li a {
    color: #000000;
    padding: 10px 5px;
}
ul.nice-menu,ul.nice-menu ul {
   z-index:50;
   position:relative;
}
ul.nice-menu li {
   position:relative;
}
ul.nice-menu a {
   display:block;
}
ul.nice-menu ul {
   position:absolute;
   visibility:hidden;
}
ul.nice-menu li.over ul {
   visibility:visible;
}
ul.nice-menu ul li {
   display:block;
}
ul.nice-menu:after {
   content:".";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
}
ul.nice-menu li:hover ul,ul.nice-menu li.menuparent li:hover ul,ul.nice-menu li.menuparent li.menuparent li:hover ul,ul.nice-menu li.menuparent li.menuparent li.menuparent li:hover ul,ul.nice-menu li.over ul,ul.nice-menu li.menuparent li.over ul,ul.nice-menu li.menuparent li.menuparent li.over ul,ul.nice-menu li.menuparent li.menuparent li.menuparent li.over ul {
   visibility:visible;
}
ul.nice-menu li:hover ul ul,ul.nice-menu li:hover ul ul ul,ul.nice-menu li:hover li:hover ul ul,ul.nice-menu li:hover li:hover ul ul ul,ul.nice-menu li:hover li:hover li:hover ul ul,ul.nice-menu li:hover li:hover li:hover ul ul ul,ul.nice-menu li.over ul ul,ul.nice-menu li.over ul ul ul,ul.nice-menu li.over li.over ul ul,ul.nice-menu li.over li.over ul ul ul,ul.nice-menu li.over li.over li.over ul ul,ul.nice-menu li.over li.over li.over ul ul ul {
   visibility:hidden;
}
ul.nice-menu li.menuparent ul {
   overflow:visible !important;
}
ul.nice-menu li.menuparent ul iframe {
   display:none;
   display:block;
   position:absolute;
   top:0;
   left:0;
   z-index:-1;
   filter:mask();
   width:20px;
   height:20px;
}
ul.nice-menu,ul.nice-menu ul {
   list-style:none;
   padding:0;
   margin:0;
}
ul.nice-menu li {
   border-top:0;
   float:left;
   background-color:#eee;
   margin:0;
   padding-left:0;
   background-image:none;
}
ul.nice-menu a {
   padding:0.3em 5px 0.3em 5px;
   text-decoration:none;
}
ul.nice-menu ul {
   top:1.8em;
   left:-1px;
   border:0;
   border-top:1px solid #ccc;
   margin-right:0;
}
ul.nice-menu ul li {
   width:12.5em;
}

#primary ul.nice-menu,#primary ul.nice-menu ul,#primary ul.nice-menu li {
		border:0;
		background:transparent;
		font-family:"Arial Narrow",Arial,Helvetica,sans-serif;
}		

#primary ul.nice-menu li {
		font-size:17px;
		font-weight:bold;
		padding:0 12px 0 5px;
}		

#primary ul.nice-menu li a {
		color:#000;
		padding:10px 14px 10px 8px;
}		

#primary ul.nice-menu li.donate a#donatelink {
		color:#cf510c;
		padding:10px 14px 10px 27px;
		background-image:url(/images/orange-arrow.png);
		background-repeat:no-repeat;
		background-position:left center;
}		

#primary ul.nice-menu li a:hover {
		text-decoration:none;
}		

#primary ul.nice-menu li:hover {
		background-color:#fefdf8;
		background-image:url('/images/menu-tab-edge.gif');
		background-repeat:no-repeat;
		background-position:right top;
}		

#primary ul.nice-menu li.current_page_parent > a,#primary ul.nice-menu li.current_page_item a {
		color:#4a5e1c;
}		

#primary ul.nice-menu li.current_page_parent ul li.current_page_item a {
		color:#5b6f2d;
}

#primary ul.nice-menu li.current_page_parent ul li.current_page_item a:hover {
		color:#fff;
}		

#primary ul.nice-menu li ul {
		background-color:#fefdf8;
		top:auto;
}		

#primary > ul.nice-menu > li > a:hover {
		background-color:#fefdf8;
		top:auto;
}		

#primary ul.nice-menu li ul li {
		font-size:13px;
		font-weight:normal;
		padding:0;
}		

#primary ul.nice-menu li ul li:hover {
		background-color:#fefdf8;
		background-image:none;
}		

#primary ul.nice-menu li ul li:hover a {
		color:#fff;
}		

#primary ul.nice-menu li ul li ul {
		display:none;
}		

/* styling for site map on bottom of page - and subnav in left column */

.thirds ul,.twocol .subnavmask ul {
   list-style:none;
   padding:1em .5em 0 2em;
   margin:0;
   line-height:1.9em;
}
.thirds ul ul,.twocol .subnavmask ul ul {
   list-style:none;
   margin:0;
   padding:0 0 1em 0;
}
.thirds ul ul li,.twocol .subnavmask ul ul li {
   padding:2px 0 0 0;
}
.thirds ul ul ul,.twocol .subnavmask ul ul ul {
   list-style:none;
   padding:0 0 0 .6em;
   margin:0;
}
.thirds ul li,.twocol .subnavmask ul li {
   border-top:0;
   margin:0 0 2px 0;
   padding-left:0;
}
.thirds ul ul li ul,.twocol .subnavmask ul ul li ul {
   padding-top:2px;
}
.thirds ul a:link,.thirds ul a:visited, .twocol .subnavmask ul a:link,.twocol .subnavmask ul a:visited {
   text-decoration:none;
	color:#7da52e;
}
.thirds ul a:hover,.twocol .subnavmask ul a:hover {
   text-decoration:none;
	color:#65704e;
}
.thirds ul a:active,.twocol .subnavmask ul a:active {
   text-decoration:none;
	color:#7da52e;
}

.thirds ul ul a:link,.thirds ul ul a:visited,.twocol .subnavmask ul ul a:link,.twocol .subnavmask ul ul a:visited {
   text-decoration:none;
	color:#65704e;
}
.thirds ul ul a:hover,.twocol .subnavmask ul ul a:hover {
   text-decoration:none;
	color:#7da52e;
}
.thirds ul ul a:active,.twocol .subnavmask ul ul a:active {
   text-decoration:none;
	color:#65704e;
}

.thirds ul ul,.twocol .subnavmask ul ul {
   border:0;
   margin-right:0;
}

/* other stuff scraped from ecovote.org */

#search-box {
   float:right;
}
    /* General styles */

a,a:link
{
    color:#393;
	text-decoration:none;
}

a:visited
{
	color:#CF510C;
}

	a:hover  {
		color:#6a6;
		text-decoration:underline;
}
	#primary a:hover  {
		color:#fff;
		background:#369;
		text-decoration:none;
}

h1, h2, h3 {
        margin:.8em 0 .2em 0;
        padding:0;
}

h1.entry-title,h1.archive-title,h1.title { margin-top:0px; }

p {
        margin:.4em 0 .8em 0;
        padding:0;
    
}
	.col1 p {
	    padding:0;
        margin:0;
}

.col1 p.blurb {
		font-size:1.2em;
        line-height:1.8em;
        padding:1em 0;
}

.form-text td p {
	    padding:5px;
        margin:0;
}

/* three columns - middle section */

.threecol3 {
		width:940px;
        padding: 0px;
        min-height:234px;
        margin:20px 0 20px 0;
}
    .threecol3 .col1 {
		float: left;
		width: 300px;
		margin-left: 320px;
}

* html .threecol3 .col1 {
		display: inline;
}
	.threecol3 .col2 {
		float: left;
		width: 300px;
		margin-left: -620px;
        padding: 0 0 5px 0;
        min-height:230px;
        background-color: #E8F2D7;
        border: 1px solid #E0E9D0;
        -webkit-border-radius: 0.5em;
        -moz-border-radius: 0.5em;
        border-radius: 0.5em;
	}
.connected {
		width:280px;
        padding: 8px;
}

.connect-form {
		font-size:10px;
}
.connect-form input {
height:14px;
}

.connect-form input.submit, .connect-form input[type="submit"], .connect-form input[type="reset"], .connect-form button {
height:22px;

}


.subtext {
		font-size:10px;
}

    .threecol3 .col3 {
		float: right;
		width: 300px;
    }

.rockthevote {
		width:280px;
        background-color: #E8F2D7;
        border: 1px solid #E0E9D0;
        -webkit-border-radius: 0.5em;
        -moz-border-radius: 0.5em;
        border-radius: 0.5em;
        padding: 9px;
        margin-top:14px;
        position:relative;
        bottom:0px;
}

.col2 .offset, .rockthevote .offset {
		margin-left: 56px;
}

.leftbar .offset {
		margin-left: 56px;
		margin-bottom: 1.2em;
}

.leftbar {
		width:280px;
        padding: 1.6em 9px 9px 9px;
}

.leftbar h3 {
		margin-top:0;
}

	/* sitemap 3 column area settings */

.thirds{
	position: relative;
	float: left;
	width: 938px;
	background-color:#fefbf1;
	border: 1px solid #E0E9D0;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	border-radius: 0.5em;
}
.block1{
	position: relative;
	float: left;
	left: 10px;
	width: 290px;
}
.block2{
	position: relative;
	float: left;
	left: 20px;
	width: 300px;
}
.block3{
	position: relative;
	float: right;
	right: 0px;
	width: 300px;
}


.thirds .block1 ul,.thirds .block2 ul,.thirds .block3 ul
 {
		list-style-type:none;
}

.thirds .block1 ul li,.thirds .block2 ul li,.thirds .block3 ul li
 {
		font-weight:bold;
		line-height:1.5em;
}
.thirds .block1 ul li ul li,.thirds .block2 ul li ul li,.thirds .block3 ul li ul li
 {
		font-weight:normal;
		line-height:1.6em;
}

/* two columns - for internal pages */

.twocol {
		width:940px;
        padding: 0px;
        /* min-height:500px; */
        margin:20px 0 20px 0;
}
    .twocol .content {
		float: right;
		width: 600px;
}
* html .twocol .content
 {
		display: inline;
}
.twocol .sidebarmask {
		float: left;
		width: 302px;
		max-width: 302px;
		margin: 0;
        padding: 0;
        border-width: 0;
	}

.twocol .subnavmask { /* basically matches .thirdsmask */
		/* float: left; */
		width: 300px;
		margin: 0 0 1em 0;
        padding: 0;
        /* min-height: 234px; */
	background-color:#fefbf1;
	border: 1px solid #E0E9D0;
	-webkit-border-radius: 0.5em;
	-moz-border-radius: 0.5em;
	border-radius: 0.5em;
}
	.twocol .involvedmask {
		/* float: left; */
		width: 300px;
		margin-left: 0px;
        padding: 0 0 5px 0;
        /* min-height: 234px; */
        background-color: #E8F2D7;
        border: 1px solid #E0E9D0;
        -webkit-border-radius: 0.5em;
        -moz-border-radius: 0.5em;
        border-radius: 0.5em;
	}
.twocol .subnavmask ul
 {
		list-style-type:none;
}

.twocol .subnavmask ul li
 {
		font-weight:bold;
		line-height:1.5em;
}

.twocol .subnavmask ul li ul
 {
		margin-left:6px;
}

.twocol .subnavmask ul li ul li
 {
		font-weight:normal;
		line-height:1.6em;
}

.twocol .subnavmask ul li ul li ul
 {
		margin-left:12px;
}

.subnavmask ul.children { margin-bottom: 0px!important; padding-bottom: 0px!important; }

	/* Footer styles */
	#footer {
        clear:both;
        float:left;
        width:100%;
		margin-top:5px;
    
}
    #footer p {
        padding:10px;
        margin:0;
    
}



/* for scrollable: */

/* get rid of those system borders being generated for A tags */
a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}

	/* main vertical scroll */
	#vertical {
		position:relative;
		overflow:hidden;
		height: 234px;
	}
	
	/* root element for pages */
	#pages {
		position:absolute;
		height:20000em;
	}
	
	/* single page */
	.page {
		padding:0;
		margin:0;
		height: 234px;
		/* background:#292 url(images/h600.png) 0 0 repeat-x; */  /* only needed with padding */
		width:640px;
	}
	
	/* root element for horizontal scrollables */
	.scrollable {
		position:relative;
		overflow:hidden;
		width: 640px;
		height: 234px;
	}
	
	/* root element for scrollable items */
	.scrollable .items {
		width:20000em;
		position:absolute;
		clear:both;
	}
	
	/* single scrollable item */
	.item {
		position:relative;
		/* float:left; */
		cursor:pointer;
		width:640px;
		height:234px;
		padding:0;
		margin:0;
	}

	.item img {
		border:0;
	}
	
	.item a {
		color:#fff;
		text-decoration:none;
	}
	
	.item a:hover {
		color:#E8F2D7;
	}
	
	/* main navigator */
	#main_navi {
		float:left;
		padding:0px !important;
		margin:0px !important;
	}
	
	#main_navi li {
		background-color:#333;
		border-top:1px solid #666;
		clear:both;
		color:#FFFFFF;
		font-size:12px;
		height:59px;
		list-style-type:none;
		padding:9px;
		width:282px;
		cursor:pointer;
	}
	#main_navi li a { 
	}
	#main_navi li:hover {
		background-color:#444;
	}
	
	#main_navi li.active {
		background-color:#555;
	}
	
	#main_navi img {
		float:left;
		margin-right:10px;
	}
	
	#main_navi strong {
		display:block;
	}
	
	#main div.navi {
		margin-left:250px;
		cursor:pointer;
	}
	.item h2 {
		padding:.5em;
		margin:0px;
		border: 1px #487000 solid;
		color: #000;
		font-size: 1.75em;
		text-shadow: 2px 4px 4px #333;
		font-family: "Century Gothic","Avant Garde",Futura,Helvetica,Arial,sans-serif;
		font-weight: bold;
		background: rgb(89, 129, 0);
		background:#598100;
		/* RGBa with 0.5 opacity */
		background: rgba(89, 129, 0, 0.67);
		position: absolute;
  		left: 0;

	}
	.even h2 {
		top: 0;
	}
	.odd h2 {
   		bottom: 0;
}

/* wp stats smiley overkill */

img#wpstats{visibility:hidden; width:0px; height:0px; position:absolute; left:-1999px;}
    /* --> */


/* for 2012 north event */

#nevt12 { /* nothing applied to overall div */ }
#nevt12 .sponsor-blurb { text-align:center; margin:1em;}

#nevt12 p.champion { line-height:133%; margin:0.8em 1em 0.5em; padding:0px; color: #4b7100; font-size:1.3em!important; }
#nevt12 p.steward { line-height:133%; margin:0.8em 2em 0.5em; padding:0px; color: #587e0b; font-size:1.2em!important; }
#nevt12 p.partner { line-height:133%; margin:0.8em 2em 0.5em; padding:0px; color: #648a17; font-size:1em!important; }
#nevt12 p.friend { line-height:133%; margin:0.8em 2em 0.5em; padding:0px; color: #719723; font-size:1em!important; }
#nevt12 p.supporter { line-height:133%; margin:0.8em 2em 0.5em; padding:0px; color: #7ea42e; font-size:1em!important; }

#nevt12 .honoree {
	color:#7ea42e;
	font-size: larger;
font-weight: bold;
text-transform: uppercase; }

#nevt12 .orange {
	color:#CF510C;	}