/* base
----------------------------------------------- */

html, body {
	word-spacing: 1px;
	line-height: 18px;
	font-size: 13px;
	margin: 0;
	padding: 0;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	color: #000;
	height: 100%; /* needed for container min-height */
	/* background-image: url(../images/background-painting.jpg); */
}

h1 {
	font-size: 20px;
	color: #96c14e;
}

h2 { /*only really used on About page so far */
	font-weight: bold;
	margin-bottom: 2px;
}

h3 { /*not being used now*/
	font-weight: normal;	
}

p {
	text-align: left;
}

p.main {
	text-align: left;
	color: #999;
	word-spacing: 2px;
	line-height: 24px;
	font-size: 16px;
}

.grey {
	color: #777;
}

/* links
----------------------------------------------- */

a {
	text-decoration: none;
	color: #96c14e;
	border-bottom: 1px dotted #96c14e;
}

a:hover {
	color: #666;
	border-bottom: none;
}

a.black { text-decoration: none; color: #666; border-bottom: none; }
a:hover.black { text-decoration: none; color: #96c14e; border-bottom: none; }

/*
NOT WORKING
a[href^="http:"] {
  background: url(../externalLink.gif) no-repeat right top;
  padding-right: 10px;
}
*/

/*
a[href^="http://www.growinginalldirections.org"], a[href^="http://growinginalldirections.org"] {
	background-image: none;
	padding-right: 0px;
}
*/

#site-logo {
	margin: 20px 0 0 35px;
}

/*weird fix because site logo is not in its own div*/
#header a {
	border-bottom: none;
}
/*change or won't necessarily need*/

#navigation ul {
	list-style-type: none;
	font-weight: bold;
	margin-left: 15px;
	line-height: 25px;
}

#navigation li {
	margin-bottom: 4px;
	display: block;
}

#navigation a {
	color: #666;
	text-decoration: none;
	border-bottom: none;
	/* padding: 1px 1px 1px 1px; */
	display: block;
}

#navigation a:hover {
	color: #bbb;
}

#navigation .active a {
	color: #333;
	}
	
	
/* layout
----------------------------------------------- */

#container {
	background-repeat: repeat-y;
	margin: 0px auto;
	width: 750px;
	/* background-image: url(../images/shadow.png); */
	
	position:relative; /* needed for footer positioning*/
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treated as min-height*/
	min-height:100%; /* real browsers */

}

/*for IE 6 until I get png trans. workaround, doesn't seem to work*/
#container * {
	background-image: none;
}

#header {
	height: 90px;
	padding-top: 25px;
}


#sidebar {
	width: 175px;
	margin-right: 50px;
	float: right;
	text-align: left;
	/* height: 520px; */
	border-left: 2px solid #96c14e !important;
	/* border: 1px dotted red; */
}

#emailCapture {  }
	
	#wp_email_capture { }
	#wp_email_capture label {  }
	#wp_email_capture input {  }
	#wp_email_capture_2 {  }
	#wp_email_capture_2 label {  }
	#wp_email_capture_2 input {  }


#content {
	/*border: 1px dotted yellow;*/
	margin: 0 265px 0 50px;
}

	#content #newsStream p { margin-bottom: 5px; }

/*remove top border
div#topborder {
	background-color: #96c14e;
	height: 20px;
	width: 100%;
	top: 0px;
	left: 0px;
	position: absolute;
	z-index: 1;
}
*/

a.tooltip {
	position:relative;
}

a.tooltip span {
	display:none
}

a.tooltip:hover span {
	display: block;
	position:absolute;
	top: 2em;
	left: .35em;
	padding: .2em .6em;
	border: 1px dotted #666;
	color: #96c14e;
}


#footer {
	text-align: center;
	position:absolute;
	width: 700px;
	bottom:0;
	color: #96c14e;
	margin-bottom: 8px;
	/*
	background-color: red;
	margin-left: 25px;
	*/
}

.linklist li {
	margin-bottom: 10px;
}

#artlist li {
	margin-bottom: 20px;
}

img.border, div.border {
	border: 4px solid #96c14e;
}
#art a img { border-bottom: 0px; } /*not working!*/

.email {
	color: #777;
}

.bold {
	font-weight: bold;
}

.space {
	margin-top: 5px;
}


/* csa note on north portland farm page */

#csanote h2 {
	font-size: 28px;
	padding-top: 5px;
	padding-bottom: 8px;
	font-weight: bold;
}

#csanote h3 {
	font-size: 16px;
	font-weight: bold;
}
#csanote a {
	text-decoration: none;
	color: #000;
	border-bottom: none;
}

#csanote a:hover {
	color: #96c14e;
	border-bottom: none;
}

/*   */

a#projectgrowmap {
	border: none;
}
a#projectgrowmap:hover img {
	border: 1px solid #96c14e;
}

#projectgrowmap img {
	margin-top: 20px;
	margin-bottom: 20px;
	border: 1px solid #000;
}

/* about page */

ul.bullets {
	list-style-position: outside;
	list-style-type: disc;
	margin-left: 15px;
	width: 400px;
}

ul.bullets li {
	margin-bottom: 4px;
}

/* new art section */

a.artistback { color: #666; border-bottom: none; text-decoration: none; }
a:hover.artistback { color: #96c14e; }

div.galleryspace { margin: 30px 0 30px 0;}

/* donate page */

#donatePage h2 { font-size: 14px; margin-bottom: 10px; color: #333; }
#donateButton { width: 200px; margin-left: 80px; }
.qtip-content { font-family: Helvetica; } /* styles text within rollovers */

.donateItemWrap { width: 450px; margin: 0 0 25px 0; }
	.donateItemWrap p { float: left; margin-top: 10px; width: 225px; text-transform: uppercase; font-weight: bold; font-size: 10px; color: #777;  }
	.donateItemWrap form { width: 200px; float: left; }

ul#donationList { margin: 20px 0 20px 35px; }
	#donationList li { list-style-type: disc; margin-bottom: 2px; }

#donateAmount { width: 60px; margin: 0 5px 0 0; }
#donateButtonSubmit { }

.donateItem:active, #donateButtonSubmit:active { position: relative; top: 2px; }

/* classes */
hr {  background-color: #ccc; width: 100%; height: 2px; border: 0; margin-bottom: 20px; padding: 0px;  }
.grayBox { background-color: #eee; padding: 15px; } /* box model issues? */
.grayBox-links { background-color: #eee; padding: 8px; margin-left: -10px; width: 300px; }


/* misc */
a:focus, a:hover, a:active, input:focus, input:hover, input:active { outline:none }  /* fixed ff outlining on links */

#majorPandaLogo { width: 147px; height: 200px; margin-left: 130px; }

/* for contact page image */
a.noUnderline { border-bottom: 0px; }
a:hover img.border.rollover { border: 4px solid #999; }


/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */