/*
THEME NAME: Sandwash
THEME URI: http://www.plaintxt.org/themes/sandbox/
DESCRIPTION: Rich with powerful and dynamic semantic class selectors, Sandwash is shamelessly ripped off of Sandbox -- as the authors, <a href="http://andy.wordpress.com/">Andy Skelton</a> &amp; <a href="http://www.plaintxt.org/">Scott Allan Wallick</a>, intended.
VERSION: 0.1
AUTHOR: Jason L. Gohlke, Andy Skelton, and Scott Allan Wallick
AUTHOR URI:
TAGS: microformats, hcard, hatom, widgets
*/

/* Two-column with sidebar on left from the /examples/ folder  */
@import url('examples/2c-l.css');

/* Just some example content */

div.entry-content { /* jason mod */
margin:0 0 0.70em 0;
}


div.skip-link { /* sandbox */
position:absolute;
right:1em;
top:1em;
}

div#menu { /* sandbox */
background:#EEE;
height:1.5em;
margin:1em 0;
width:100%;
}

div#menu ul,div#menu ul ul { /* sandbox */
line-height:1;
list-style:none;
margin:0;
padding:0;
}

div#menu ul a { /* sandbox */
display:block;
margin-right:1em;
padding:0.2em 0.5em;
text-decoration:none;
}

div#menu ul ul ul a { /* sandbox */
font-style:italic;
}

div#menu ul li ul { /* sandbox */
left:-999em;
position:absolute;
}

div#menu ul li:hover ul { /* sandbox */
left:auto;
}

.entry-title,.entry-meta { /* sandbox */
clear:both;
}

div#container,div#primary { /* sandbox */
margin-top:2em;
}

form#commentform .form-label { /* sandbox */
margin:1em 0 0;
}

form#commentform span.required { /* sandbox */
background:#fff;
color:#c30;
}

form#commentform,form#commentform p { /* sandbox */
padding:0;
}

input#author,input#email,input#url,textarea#comment { /* sandbox */
padding:0em;
}

div.comments ol li { /* sandbox */
margin:0 0 3.5em;
}

textarea#comment { /* sandbox */
height:13em;
margin:0 0 0.5em;
overflow:auto;
width:66%;
}

.alignright,img.alignright{ /* sandbox */
float:right;
margin:1em 0 0 1em;
}

.alignleft,img.alignleft{ /* sandbox */
float:left;
margin:1em 1em 0 0;
}

.aligncenter,img.aligncenter{ /* sandbox */
display:block;
margin:1em auto;
text-align:center;
}

div.gallery { /* sandbox */
clear:both;
height:180px;
margin:1em 0;
width:100%;
}

p.wp-caption-text{ /* sandbox */
font-style:italic;
}

div.gallery dl{ /* sandbox */
margin:1em auto;
overflow:hidden;
text-align:center;
}

div.gallery dl.gallery-columns-1 { /* sandbox */
width:100%;
}

div.gallery dl.gallery-columns-2 { /* sandbox */
width:49%;
}

div.gallery dl.gallery-columns-3 { /* sandbox */
width:33%;
}

div.gallery dl.gallery-columns-4 { /* sandbox */
width:24%;
}

div.gallery dl.gallery-columns-5 { /* sandbox */
width:19%;
}

div#nav-above { /* sandbox */
margin-bottom:1em;
}

div#nav-below { /* sandbox */
margin-top:1em;
}

div#nav-images { /* sandbox */
height:150px;
margin:1em 0;
}

div.navigation { /* sandbox */
height:1.25em;
}

div.navigation div.nav-next { /* sandbox */
float:right;
text-align:right;
}

div.sidebar h3 { /* sandbox */
font-size:1.2em;
}

div.sidebar input#s { /* sandbox */
width:7em;
}

div.sidebar li { /* sandbox */
list-style:none;
margin:0 0 2em;
}

div.sidebar li form { /* sandbox */
margin:0.2em 0 0;
padding:0;
}

div.sidebar ul ul { /* sandbox */
margin:0 0 0 1em;
}

div.sidebar ul ul li { /* sandbox */
list-style:disc;
margin:0;
}

div.sidebar ul ul ul { /* sandbox */
margin:0 0 0 0.5em;
}

div.sidebar ul ul ul li { /* sandbox */
list-style:circle;
}

div#menu ul li,div.gallery dl,div.navigation div.nav-previous { /* sandbox */
float:left;
}

div#header { /* sandbox */
text-align:center;
}

div#footer p { /* jason mod */
text-align:center;
font-family: "Trebuchet MS", Trebuchet, verdana, arial, helvetica, sans-serif;
font-style: italic;
font-size: 0.8 em;
}

input#author,input#email,input#url,div.navigation div { /* sandbox */
width:50%;
}

div.gallery *,div.sidebar div,div.sidebar h3,div.sidebar ul { /* sandbox */
margin:0;
padding:0;
}

.topofbrain, .category-topofbrain
{ 	background-image: url('http://www.brainwashm.com/images/new-topbrain-bkgd.gif') !important;
	border: 1px solid #ccc;
	padding:10px;
	margin:5px 5px 5px 0;
	color:#000;
}

ul#primary li{
display:inline;
margin: 5px 0px;
padding: 2px 15px 2px 0px;
}

ul#primary {
list-style:none;
margin: 5px 0px;
padding: 0;
}

/* -------- HOLDOVERS FROM OLD BASIC THEME - .endpost and .info -------- */

.endpost li{
display:inline;
margin: 5px 0px;
padding: 2px 15px 2px 0px;
}

ul.endpost {
list-style:none;
margin: 5px 0px;
padding: .6em;
background: #fff9d3;
border-top: 1px solid #aa9d4c;
border-bottom: 1px solid #ddd07f;
}

ol#commentlist { /* doubt I need this */
list-style-position: outside;
margin: 2px 1em 5px 1.75em;
}

.post {
	border-bottom:1px solid #ddd;
	padding-bottom:1em;
}

.post div.info {
	font-size:0.9em;
	color: #666;
	line-height:1.5em;
}


.post div.info div.tags {
	color: #696;
	font-style: italic;
}

.post div.info div.tags a:link { color: #48d; font-weight: bold; text-decoration: none }
.post div.info div.tags a:visited { color: #07a; font-weight: bold; text-decoration: none }
.post div.info div.tags a:active { color: #0b6; font-weight: bold; text-decoration: none }
.post div.info div.tags a:hover { color: #038; font-weight: bold; text-decoration: underline }


/* -------- MAIN BRAINWASH PRESENTATION STYLES -------- */
body { /* elastic stuff */
	margin:0px;
	padding:0px;
	background: #fff;
	font-family: "Trebuchet MS", Trebuchet, verdana, arial, helvetica, sans-serif;
	font-size: small;	
	} 

#nav-above,#nav-below,.navigation,.nav-previous,.nav-next { /* temp for sandbox */
	color: #062;
	line-height: 14px;
	font-size: x-small;	
	}

.first,entry-title { /* utility header style and entry-title from sandbox */
	margin: 0 0 10px 0;
	}

a:link { color: #06b; font-weight: bold; text-decoration: none }
a:visited { color: #07a; font-weight: bold; text-decoration: none }
a:active { color: #0b6; font-weight: bold; text-decoration: none }
a:hover { color: #038; font-weight: bold; text-decoration: underline }

h1 {
	line-height: 1.42em;
	margin: 10px 0;
	font-variant: small-caps;
	letter-spacing: 0.1ex;
	font-size:large;
/* Ugly brilliant hack - see http://glish.com/css/hacks.asp for details. */
	voice-family: "\"}\"";
	voice-family:inherit;
	font-size:x-large;
	}
/* be nice to Opera 5. */
body>h1 {font-size:x-large;}		

h2 {
	font-size:large;
	line-height: 1.42em;
	margin: 10px 0;
	padding:0px;
	font-variant: small-caps;
	letter-spacing: 0.1ex;
	}


h3 {
	font-size:medium;
	line-height: 1.42em;
	margin: 10px 0;
	font-variant: small-caps;
	letter-spacing: 0.07ex;
	}

h4 {
	line-height: 1.42em;
	margin: 10px 0;
	font-variant: small-caps;
	letter-spacing: 0.1ex;
	font-style: italic;
}

h5 {
	line-height: 1.42em;
	margin: 10px 0;
	font-variant: small-caps;
	letter-spacing: 0.1ex;
	font-weight: 900;
}

hr {
	color:#00C;
	height:1px;
	}

hr.left {
	color:#FFF;
	height:1px;
	}

p {
	line-height: 1.42em;
	margin: 10px 10px 10px 0;
	}

#floatleft p {
	padding: 10px!important;
	}

#globalnav p {                        /* ?? */
	line-height: 1.42em;
	margin: 0.75em 0 0.8em 0;
	padding: 0.25em;
	font-family: verdana, sans-serif;
	font-size: x-small;
	voice-family: "\"}\""; 
	voice-family:inherit;
	font-size: small;	
	}

html>#globalnav p {
	font-size: small;	
	} 

#sidebar p {                        /* ?? */
	line-height: 1.3em;
	margin: 0.9em;
	} 

div#searchform {                        /* ?? */
	padding: 1em 0;
	} 

#widecolumn p {                        /* ?? */
	line-height: 1.8em;
	/* margin: 0em; */
	margin-bottom: 0.8em;
	} 

#floatright p {                        /* ?? */
	line-height: 1.2em;
	margin: 0em;
	} 

#special p,#special h3 {
	text-align:center;
	}
	
p.note { 
line-height:120%; margin:10px 10px 5px 10px; padding:0px; 
color:#555;
}

ul {
	padding:0 0 0 1em;
}

ol {
	padding:0 0 0 1em;
}

li {
	margin:0 0 0.5em;
}

tr.altercolor
{
	background:#f5e59c;
	}
tr.alteraltercolor
{
	background:#fff;
	}

abbr
{ text-decoration: none!important; 
}

/* -------- ELASTIC LAYOUT [thanks, Roger!!] -------- */

#outerseal
{
	max-width:1195px;
	width:80%;
	margin:0 auto;
	background:#fff;
}

#innerseal
{
	margin:0 0 0 105px;
	background:#fff;
}

#masthead
{
	position:relative;
	margin:0 auto;
	top:0px;
	min-width:640px;
	width:100%;
	height:175px;
	background: url(/images/header.jpg);
	background-repeat: no-repeat;
	background-color:#fff;
}
#mastheadclcv /* delete me! */
{
	position:relative;
	margin:0 auto;
	top:0px;
	min-width:640px;
	width:100%;
	height:125px;
	background: url(http://www.ecovote.org/sites/all/themes/ecovote/images/header_bg.jpg);
	background-repeat: no-repeat;
	background-color:#fff;
}

#masthead h1,#masthead h2
{
	top:92px;
	color:#fff;
	font-weight:bold;
	}

#masthead img
{
	margin: 3px;
}

#masthead p
{
	line-height: 1.0em;
	margin: 5px auto;
	color:#fff;
	font-weight:bold;
	}

#globalnav
{
	position:fixed;
	left:0px;
	bottom:0px;
	width:100%;
	padding: 5px 0px 3px 2.5em;
	background-color: #ccc;
	color: #333;
	z-index: 5;
	text-align: center;
	border-top: 2px solid #000;
}

#sectionswrap
{
	position:relative;
	top:3px;
	float:right;
	width:28%;
	margin:0.75em 0 1.5em 0px;
	text-align:center;
	z-index:4;
}

#sectionswrap ul,ol,p
{
	text-align:left;
}

.sections
{
	padding:0;
	margin:0;
	background: #fff;
}


#innerwrap
{
	position:relative;
	top:0px;
	float:left;
	width:64%;
	margin:0.75em 0.5em 2.5em 0em;
}

#widecolumn
{
	margin:0 0 .75em 0;
	padding:0 0.25em 0.25em 0em;
	color:#333;
	background:#fff;
}

#twocolpull
{
	margin:0 0 .75em 0;
	padding:0.25em;
	border-top:1px solid #06b;
	border-bottom:1px solid #39e;
	color:#000;
	background:#fff;
}

#content
{
	float:left;
	width:61%;
	padding:0.5em 0 1.5em;
	margin:0;
	background:#fff;
}

#sidebar
{
	float:right;
	width:27%;
	padding:0.5em 0 1.5em;
	margin:0;
	background:#fff;
	border: 1px solid #ccc;
}


/* MANY thanks to Roger Johansson at 456bereastreet.com for the elastic layout tutorial */


/*** Vertical 2-level navigation - from http://phoenity.com/newtedge/vertical_nav/ - thanks! ***/

.sections ul{
/*Remove all spacings from the list items*/
	cursor: default;
	margin: 0;
	padding: 0;
	border: 1px solid #fff;
	list-style-type: none;
	width: 100%;
	font-weight: 500;
	text-transform: uppercase;
	font-family: "Helvetica Narrow", "Helvetica Neue Condensed", "Arial Narrow", Helvetica, Arial, sans-serif; 
	
}

.sections li{
	margin: 0;
	padding: 0;
	border: 1px solid #fff;
}

.sections li>ul{
/*Make the sub list items invisible*/
	display: none;
	position: absolute;
	right: -2px;
	width: 85%;
	margin-top: -1.4em;
	margin-left: 9px;
	padding-right: 1em;
}

.sections li:hover>ul{
/*When hovered, make them appear*/
	display : block;
}

.sections ul {
	background-color: #ddd;
	color: #25a;
}

.sections ul li:hover {
	background-color: #cec;
	color: #027;
}

.sections ul li:active {
	background-color: #fff;
	color: #0b6;
}

.sections a { padding:.5em .5em .5em 1.2em; width:100%; display: block; }

.sections .plain a { display: inline; padding: 0em; width: auto; }

.sections p.meta { text-align:center; }

.sections p.meta a { padding:0; width:100%; display: inline; }

.sections a:link { color: #25a; font-weight: bold; text-decoration: none; }
.sections a:visited { color: #4a5c2e; font-weight: bold; text-decoration: none; }
.sections a:active { color: #0b6; font-weight: bold; text-decoration: none; }
.sections a:hover { color: #027; font-weight: bold; text-decoration: underline; }

/* ---------- MISCELLANEOUS CRAP FOR WHICH I CAN BLAME ONLY MYSELF ------------ */

.hilite { /* stupid utility span */
	background: #FF6;
}

.floatleft { /* utility float */
	float:left;
	max-width:49%;
	background-color:#edc;
	border: 1px solid #ccc;
	padding:10px 10px 10px 0;
	margin:5px 5px 5px 0;
}

.floatright { /* utility float */
	float:right;
	max-width:49%;
	background-color:#edc;
	border: 1px solid #ccc;
	padding:10px;
	margin:5px 0 5px 5px;
	}

.floatleftsmall { /* utility float */
	float:left;
	width:170px;
	background-color:#edc;
	border: 1px solid #ccc;
	padding:10px 10px 10px 0;
	margin:5px 10px 10px 0px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:150px;
	}
body>.floatleftsmall { /* utility float */ width:150px;}

.floatrightsmall { /* utility float */
	float:right;
	width:170px;
	background-color:#edc;
	border: 1px solid #ccc;
	padding:10px;
	margin:5px 0px 10px 10px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:150px;
	}
body>.floatrightsmall { /* utility float */ width:150px;}


.special { /* utility box */
	border:1px solid #06b;
	color:#333;
	padding:.8em;
	margin:10px 0px;
	min-width:110px;
	text-align:center;
	}

.special h4 { /* utility box */ margin-top:0px; }

.center {
	text-align:center;
	}