/*
Theme Name: A Greener City
Theme URI: http://ufp-sf.com/
Description: A custom Wordpress theme created by <a href="http://judyzhao.com/">Judy Zhao</a> for the Urban Forest Project San Francisco.
Version: 1.5
Author: Judy Zhao
Author URI: http://judyzhao.com/
Tags: urban forest, green, cityscape, san francisco, urban, forest, the urban forest project
*/

html { height:auto; min-height:100%; }
div, p, blockquote, table, form { font:12px Arial, Helvetica, Verdana, sans-serif; margin:0; padding:0; }
a img, a, #content a img.postsnav{ text-decoration:none; border:0; }

body {
	margin:0;
	height:100%;
	background:#b2c67f; }
#wrapper { 
	margin:0; padding:0;
	height:100%;
	min-height:100%;
	width:100%;
	background:#E9EDD1 url(images/bg_body.png) repeat-x bottom left; }
#container {
	width:960px;
	margin: 0 auto -40px; }

/* - - - begin NAVIGATION - - - - - - - - - */
#navi {
	height:45px;
	overflow:hidden;
	position:relative; }
#navi ul {
	margin:0; padding:10px 0 0 0;
	height:33px;
	padding-right:98px; 
	background:#E9EDD1 url(images/img_blimp.png) no-repeat center right;
	position:absolute;
	top:5px;
	right:0px; }
#navi li {
	list-style-type:none;
	display:block;
	float:left;
	background:#fff url(images/bg_menuli.png) no-repeat center right;
	height:19px;
	padding:3px 25px 0 5px;
	margin:0 -2px 0 0; }
#navi li.about { padding-left:15px; background:transparent url(images/bg_aboutli.png) no-repeat center left; }
#navi li.contact, #navi li.page-item-102 { padding-right:27px; margin-right:0; background:#fff url(images/bg_endli.png) no-repeat center right; }
#navi li a {
	text-transform:uppercase;
	font-weight:bold; 
	color:#562000;
	font-size:14px; }
#navi li a:hover { color:#55BF99; }
#navi li.current_page_item a { color:#F27E00; }
/* - - - - - - - - - - - - - - - - - - - - - - - - */

/* - - - begin HEADER - - - - - - - - - */
#headerimg {
	height:234px;
	background:#E9EDD1 url(images/bg_headerimg.png) no-repeat top left;
	position:relative; }
#logo a {
	background:transparent url(images/logo_uf.png) no-repeat top left;
	display:block;
	text-indent:-9999px;
	height:113px;
	width:130px;
	outline:none;
	position:absolute;
	top:20px;
	left:87px; }
#headerimg h1 { margin:0; padding:0; }
/* - - - - - - - - - - - - - - - - - - - - - - - - */


/* - - - begin CONTENT - - - - - - - - - */

/* begin MAIN CONTENT */	
#content {
	min-height:400px;
	overflow:hidden;
	width:930px;
	margin:0 15px;
	padding-top:15px;
	min-height:300px;
	background:#E5D7CF; }
#content strong, #content p strong { color:#562000; }
#content hr {
	height:1px; margin:0 0 10px 0;
	border-left:0; border-right:0; border-bottom:0;
	border-top:1px solid #f0e6e0; 
	clear:both; }
#content hr.divider {
	height:10px; margin:10px 0 50px 0;
	border-left:0; border-right:0; border-bottom:0;
	border-top:10px solid #f0e6e0; 
	clear:both; }
#content a, #bannerbox p.info a { color:#526828; }

#content a:hover, #col1 .commentbox a:hover,
#content .innerbox strong, #content strong.hilite,
#bannerbox p.info a:hover { color:#299674; }

#content span.lolite { color:#AF907B; margin:0 6px; }
#content img.floatleft, #bannerbox img.floatleft { border:5px solid #C4A794; float:left; margin-right:13px; }
#content img.floatright { border:5px solid #C4A794; float:left; margin-left:13px; }
#content img.border { border:5px solid #C4A794; }
#content blockquote p {
	font-size:19px;
	color:#A0441C;
	font-weight:bold;
	line-height:22px;
	margin-bottom:20px; }
#content p, #content ul, #bannerbox p { color:#562000; line-height:18px; margin-bottom:20px; }
#content p.readmore { text-align:right; color:#AF907B; line-height:18px; margin-bottom:10px; }
#content p.readmore a { color:#D15900; }
#content p.readmore a:hover { color:#F27E00; }

#content_wrap {
	margin:20px 0 0 0;
	padding:10px 0 0 0;
	background:transparent url(images/bg_content.png) repeat-y top left;
	overflow:auto; }
#content h1 { 
	margin:0 0 20px 30px; padding:0;
	text-indent:-9999em;
	height:24px; }
#content h1.header_about { background:transparent url(images/header_about.png) no-repeat top left; width:489px; }
#content h1.header_banners { background:transparent url(images/header_banners.png) no-repeat top left; width:254px; }
#content h1.header_brought { background:transparent url(images/header_brought.png) no-repeat top left; width:295px; margin-left:0; }
#content h1.header_contact { background:transparent url(images/header_contact.png) no-repeat top left; width:193px; }
#content h1.header_featured { margin:0; padding:0; background:#d4bcb1 url(images/bg_cyclenav.png) no-repeat top left; width:205px; height:35px; margin-left:0; }
#content h1.header_gallery { background:transparent url(images/header_gallery.png) no-repeat top left; width:231px; }
#content h1.header_locations { background:transparent url(images/header_locations.png) no-repeat top left; width:282px; }
#content h1.header_mentoring { background:transparent url(images/header_mentoring.png) no-repeat top left; width:315px; }
#content h1.header_news { background:transparent url(images/header_news.png) no-repeat top left; width:208px; margin-left:0; }
#content h1.header_press { background:transparent url(images/header_press.png) no-repeat top left; width:250px; }
#content h1.header_shop { background:transparent url(images/header_shop.png) no-repeat top left; width:351px; }
#content h1.header_sponsors { background:transparent url(images/header_sponsors.png) no-repeat top left; width:370px; }
#content h2, #content h4 { 
	margin:0; padding:0;
	font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-weight:bold; }
#content h2 { font-size:19px; color:#A0441C; }
#content h4 { font-size:14px; color:#B76D5C; margin-bottom:5px; }
#content h3.presstitle, #content h3.presstitle a  {
	margin:0 0 7px 0; padding:0;
	font:24px/26px "Arial Narrow", Arial, Helvetica, sans-serif;
	color:#299674;
	font-weight:bold; }
#content h3.presstitle a:hover { color:#3AAD89; }
#content h3 { 
	margin:10px 0 0 0; padding:0;
	font:16px/26px "Arial Narrow", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#689B85;
	font-weight:bold; }

.bannerthumb {
	position:relative;
	float:left;
	margin:0 9px; }
.bannerthumb a {
	display:block;
	margin:0; padding:0; }
.star {
	position:absolute;
	top:93px; right:0; }
.denotes {
	display:block; float:left;
	margin:-2px 10px 0 0; }
#bannerimg {
	position:relative;
	float:left; }
.bigstar {
	position:absolute;
	bottom:0; right:13px; }
#bannerbox h2, #bannerbox h3 { 
	margin:0; padding:0;
	font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-weight:bold; }
#bannerbox h2.author { font-size:28px; color:#507215; }
#bannerbox h3.extrainfo { font-size:16px; color:#ED6306; }
#bannerinfo { width:295px; float:left; }
#bannerbox p.info { padding-left:10px; margin-left:1px; border-left:3px solid #D6BFAE; }

#sponsors_pdf a {
	display:block;
	width:300px; height:50px;
	text-indent:-9999px;
	outline:none; margin:-10px 0 20px 0; 
	background:url(images/btn_sponsorspdf.png) no-repeat top left; }
#sponsors_pdf a:hover { background:url(images/btn_sponsorspdf.png) no-repeat 0 -50px; }


/* begin SLIDESHOW box */	
#cyclebox {
	height:260px; 
	background:#DDC9BF; }
#cyclenav {
	float:left;
	width:205px;
	height:260px;
	background:#d4bcb1; }
#cyclenav ul {
	margin:0; padding:0; }
#cyclenav li {
	margin:0; padding:0;
	list-style-type:none; }
#cyclenav li a {
	display:block; width:205px; height:45px;
	text-indent:-9999em; outline:none; }
#cyclenav li#whoweare a { background:transparent url(images/btn_whoweare.png) no-repeat 0 0; }
#cyclenav li#whoweare a:hover { background:transparent url(images/btn_whoweare.png) no-repeat 0 -45px; }
#cyclenav li#whoweare a.activeSlide { background:transparent url(images/btn_whoweare.png) no-repeat 0 -90px; }
#cyclenav li#banners a { background:transparent url(images/btn_banners.png) no-repeat 0 0; }
#cyclenav li#banners a:hover { background:transparent url(images/btn_banners.png) no-repeat 0 -45px; }
#cyclenav li#banners a.activeSlide { background:transparent url(images/btn_banners.png) no-repeat 0 -90px; }
#cyclenav li#sponsorship a { background:transparent url(images/btn_sponsorship.png) no-repeat 0 0; }
#cyclenav li#sponsorship a:hover { background:transparent url(images/btn_sponsorship.png) no-repeat 0 -45px; }
#cyclenav li#sponsorship a.activeSlide { background:transparent url(images/btn_sponsorship.png) no-repeat 0 -90px; }
#cyclenav li#gallery a { background:transparent url(images/btn_gallery.png) no-repeat 0 0; }
#cyclenav li#gallery a:hover { background:transparent url(images/btn_gallery.png) no-repeat 0 -45px; }
#cyclenav li#gallery a.activeSlide { background:transparent url(images/btn_gallery.png) no-repeat 0 -90px; }
#cycleimgs { float:left; width:725px; height:260px; }
#cycleimgs div a { display:block; outline:none; text-indent:-9999em; }

#cycle01 {
	width:201px; height:142px;
	padding-top:118px; padding-left:524px;
	background:url(images/img_cycle01.png) no-repeat 0 0; }
#cycle01 a { width:172px; height:142px; }
#cycle01 a:hover { background:url(images/img_cycle01_hover.png) no-repeat top left; }

#cycle02 {
	width:725px; height:180px;
	padding-top:80px;
	background:url(images/img_cycle02.jpg) no-repeat 0 0; }
#cycle02 a { width:436px; height:45px; }
#cycle02 a:hover { background:url(images/img_cycle02_hover.png) no-repeat top left; }

#cycle03 {
	width:336px; height:143px;
	padding-top:117px; padding-left:389px;
	background:url(images/img_cycle03.png) no-repeat 0 0; }
#cycle03 a { width:336px; height:117px; }
#cycle03 a:hover { background:url(images/img_cycle03_hover.png) no-repeat top left; }

#cycle04 {
	width:266px; height:105px;
	padding-top:155px; padding-left:459px;
	background:url(images/img_cycle04.jpg) no-repeat 0 0; }
#cycle04 a { width:266px; height:75px; }
#cycle04 a:hover { background:url(images/img_cycle04_hover.png) no-repeat top left; }

	
/* begin COLS*/	
#nocols { padding:10px 30px 30px 30px; }
#col1 { float:left; width:510px; padding:0 30px 0 30px; }
#col1 ul { margin:-12px 0 20px 0; padding:0 10px 0 10px; }
#col1 li {
	list-style-type:none;
	margin:0; padding:4px 5px 4px 25px;
	background:transparent url(images/bg_lioff.png) no-repeat 10px 9px; }
#col1 li:hover { background:#e2d2c9 url(images/bg_lion.png) no-repeat 10px 9px; }

#col2 { float:left; width:300px; padding:0 30px 0 30px; }
#col2 ul { margin:5px 0 30px 0; padding:0; }
#col2 li { list-style-type:none; margin:0 0 7px 1px; }
#col2 li a {
	display:block;
	padding:0 0 0 15px;
	background:transparent url(images/bg_lioff.png) no-repeat center left; }
#col2 li a:hover { background:transparent url(images/bg_lion.png) no-repeat center left; }
#nocols .thumbnailbox img.thumbnail {
	border:5px solid #AF907B; 
	margin:5px 0 11px 0; padding:0; }
#col2 .thumbnailbox img.thumbnail,
#col1 .thumbnailbox img.thumbnail {
	border:5px solid #AF907B; 
	margin:0 8px 16px 8px; padding:0; }
#content .thumbnailbox img.thumbnail:hover { border:5px solid #80AC4E; }
.thumbnailbox, #content .posts { display:block; clear:both; }

.video img { border:5px solid #AF907B; }
.video { float:left; text-align:right; }
.margin { margin-right:45px; }


#col1 p.imgcenter { text-align:left; margin:0; }
#col1 p.imgcenter img { margin:10px 30px 10px 0; }
#col2 p.imgcenter { text-align:center; margin:0; }
#col2 p.imgcenter img { margin:0 7px 10px 7px; }

/* - - - - - - - - - - - - - - - - - - - - - - - - */


/* begin POST STYLES */	
.postheading {
	text-transform:uppercase;
	background:#E2D0C5;
	padding:10px;
	margin-bottom:10px;
	clear:both;
	overflow:auto; }
.postheading a, .postheadstyle {
	text-transform:uppercase;
	font-size:11px;
	color:#752907;
	font-weight:bold;
	letter-spacing:1px;
	line-height:20px; }
.posthead_left span.comments { 
	margin-right:5px;
	padding-left:20px; 
	background:transparent url(images/ico_comments.png) no-repeat 0 1px; }
.posthead_left span.category { 
	margin-right:5px;
	padding-left:20px; 
	background:transparent url(images/ico_category.png) no-repeat 0 1px; }
.posthead_left span.edit { 
	margin-right:5px;
	padding-left:20px; 
	background:transparent url(images/ico_edit.png) no-repeat 0 1px; }
.posthead_left { 
	width:390px;
	float:left;
	text-align:left; }
.posthead_right { 
	float:right;
	text-align:right;
	line-height:normal;
	color:#A04735; }
.posthead_right span { 
	color:#752907;
	font-size:18px;
	letter-spacing:2px;
	font-weight:bold; }
.posthead_right img { border:1px solid #9FC168; padding:1px; }
	
#col1 .postfooter {
	color:#507215;
	background:#B7D184;
	padding:10px;
	margin-bottom:10px;
	letter-spacing:1px;
	line-height:20px;
	font-size:11px;
	clear:both;
	display:inline-block; 
	width:510px; }
#col1 .postfooter a { color:#6C933A; }
#col1 .postfooter a:hover { color:#507215; }
#col1 .postfooter span.tags {
	text-transform:uppercase;
	font-weight:bold;
	margin-right:5px;
	padding-left:20px; 
	background:transparent url(images/ico_tags.png) no-repeat 0 2px; }

/* begin POST COMMENT STYLES */	
#col1 .commentbox { 
	width:510px;
	background:#F2E7E2;
	padding:10px;
	margin:20px 0 0 0;
	clear:both;
	color:#896951;
	overflow:auto;
	display:inline-block; }
#col1 .commentbox.center { text-align:center; }
#col1 .commentbox a { color:#59821E; }
#col1 .commentbox span.author { 
	margin:-1px 7px 0 0;
	padding-left:20px; 
	font-size:18px;
	font-weight:bold;
	letter-spacing:1px;
	text-transform:uppercase;
	background:transparent url(images/ico_name.png) no-repeat 0 3px; }
#col1 .commentbox span.rsscomm a { 
	padding-left:20px;
	background:transparent url(images/ico_rsscomments.png) no-repeat 0 1px; }
#col1 .commentbox span.date { 
	font-size:11px;
	text-transform:lowercase;
	color:#C4A794;
	display:block;
	margin-top:-2px; }
#col1 .commentbox span.date a { color:#896951; }
#col1 .commenthead { clear:both; width:510px; display:inline-block; }
#col1 .commentpost { 
	border-top:4px solid #B7D184;
	margin-top:5px;
	clear:both; }
#col1 .commentpost p {
	font-size:12px;
	color:#896951;
	margin:10px 0 0 0; padding:0; }
	
.postsnavi { width:530px; clear:both; display:inline-block; }
.alignleft {
	float:left; text-align:left;
	padding-left:15px;
	background:transparent url(images/ico_prev.png) no-repeat center left; }
.alignright {
	float:right; text-align:right;
	padding-right:15px;
	background:transparent url(images/ico_next.png) no-repeat center right; }


/* - - - begin FORMS - - - - - - - - - - - - - - */
.innerbox {
	background:#ddc9bf; overflow:auto;
	padding:15px 15px 12px 15px; margin:0 0 15px 0; }
.innerbox input:hover,
.innerbox select:hover,
.innerbox textarea:hover { background:#e6d6cd; color:#A04735; }
.formleft {
	margin-bottom:15px;
	padding-top:4px;
	float:left; 
	height:21px; width:110px; 
	text-align:left;
	color:#752907; 
	text-transform:uppercase;
	font-weight:bold;}
.formright { 
	margin-bottom:15px;
	float:right; width:370px; 
	text-align:left; }
.formright input, 
.formboth input, 
.formright select {
	height:20px; width:360px;
	margin:0; padding:3px 5px 2px 5px; 
	background:#d4bcb1;
	color:#752907;
	font-size:12px;
	letter-spacing:1px;
	border:0; }
.formright select { height:25px; width:370px; }
.formboth { clear:both; width:300px; margin-bottom:15px; }
.formboth textarea {
	height:150px; width:470px;
	margin:0; padding:5px 5px 5px 5px; 
	background:#d4bcb1;
	color:#A04735;
	font:13px Arial, Helvetica, Verdana, sans-serif;
	letter-spacing:1px;
	border:0; }
.formtext {
	float:left; width:190px;
	text-align:left;
	color:#A04735;
	font:13px Arial, Helvetica, Verdana, sans-serif; }
.formbutton {
	float:right; width:290px; 
	text-align:right; }
/* - - - - - - - - - - - - - - - - - - - - - - - - */


/* - - - begin FOOTER - - - - - - - - - */
#footer {
	background:#B2C67F;
	height:120px; }
#footerbox {
	background:#B2C67F url(images/bg_footer.png) no-repeat center top;
	width:930px;
	margin:0 auto 0 auto;
	padding:60px 15px 0 15px; 
	color:#507215;
	font-size:11px; }
#footerbox ul { margin:0; padding:0; }
#footerbox li {
	list-style-type:none;
	display:inline;
	padding-right:5px; }
#footerbox li a { color:#6C933A; }
#footerbox li a:hover { color:#752907; }
#footerbox a img { float:right; padding-right:5px; }
/* - - - - - - - - - - - - - - - - - - - - - - - - */