/* File:			custom.css
Description:	Custom styles for Thesis 

body { background: rgb(247, 246, 246); }
*/


#feature_box {
	background: #fff;
	padding-top: 1.5em;
}

.headline_area { margin-bottom:0.2em; color: #7FA64F; }
.headline_area h1 { font-size: 2.6em; color: #7FA64F; line-height: 1.4em; }

#archive_info p {display:none;}

.to_comments {display:none;}

.ten_things_headings {
	position: relative;
	left: 10px;
	color: #7FA64F;
	line-height: 20px;
	font-size: 18px;
	margin: -1.2em 0 0 0! important;
	padding: 1em 0 0 0;
	font-weight:700;

}

.ten_things_sub {
	color: #A9A9A9;
	position: relative;
	left: 60px;
	line-height: 17px;
	font-size: 14px;
	margin: 0.2em 0! important;
	padding: 0;
	font-weight:700;
}

.number_dot {
	padding: 0.5em 0 0 0;
	float: left;
}

.comments_closed p { display: none; }


h1 { font-size: 2em; color: #b5d26b; line-height: 1.5em; }
.about_header { font-size: 2em; color: #b5d26b; padding-bottom: 0; }
	

.sidebar h3 { color: #94c25d; font-size: 1.4em; line-height: 1.2em; }
.seal_of_approval { color: #94c25d; font-size: 1.4em; line-height: 1.2em; }
	
.non_profit {
	color: #94c25d; 
	font-size: 1.5em;
	line-height: 1.2em;
	margin-top: .7em;
	margin-bottom: .3;
	margin-left: .8em;
	margin-right: .8em;
}

.clear { clear: both; }
.left { clear: left; }
.right { clear: right; }
.floatRight { float: right; }
.floatLeft { float: left; }
.alignCenter { text-align: center; }

div.tour_form { margin-top: -0.3em; }

.the_one_profile { padding: 0.5em 0.5em 0.5em 1.0em; height: 180px; float: left; }
.the_board { padding: 0 0 .5em .5em; height: 120px; float: left; }
.the_board_thumbnail {
 	display: block; 
 	font-size: 9px; 
 	text-align: center;
 	font-family: Verdana, sans-serif; 
 	line-height: 7px; 
 	padding-top: 2px; 
 	margin-bottom: 20px;
}
.the_one_box {	width: 750px;	text-align: center; }
.send_footage {	padding-top: 2em; }

.resources .format_text p { line-height: 1.2em;	margin-bottom: .3em; }

.resources .format_text h3 { margin: 0 0 .5em 0; }

.sidebar .widget_links h3 {
	display: none;
}


/* steve's green box */
.green_box {
width: 215px;
height: 290px;
padding: 0 0;
/*background-image: url(http://www.veggievan.org/wp-content/themes/thesis/custom/images/greenbox.png);
background-repeat: no-repeat;
background-position: center center;*/
background-color: #7FA64F;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
color: #FFFFFF;
}
.green_box li {
list-style-position: outside;
line-height: 18px;
font-size: 16px;
margin-top: 0.6em;
font-weight: 600;
text-align: left;
padding: 2px;
margin-left: 37px;
letter-spacing: 0.1px;
}
.green_box li a {
text-decoration: none;
cursor: pointer;
color: #FFFFFF;
}
.green_resource_box {
width: 215px;
height: 400px;
padding: 0 0;
background-image: url(http://www.veggievan.org/wp-content/themes/thesis/custom/images/greenbox-long.png);
background-repeat: no-repeat;
background-position: center center;
color: #FFFFFF;
}
.green_resource_box li {
list-style-position: outside;
line-height: 10px;
font-size: 13.25px;
margin-top: 0.6em;
font-weight: 600;
text-align: left;
padding: 2px;
margin-left: 37px;
letter-spacing: 0.1px;
}
.green_resource_box li a {
text-decoration: none;
cursor: pointer;
color: #FFFFFF;
}
#sidebars h1 {
text-align: center;
color: white;
font-weight: 900;
padding: 8px;
text-transform: uppercase;
font-size: 3.45em;
line-height: 1.2em;
letter-spacing: 0.15em;
}
#sidebars h2 {
text-align: center;
padding-left: 10px;
font-variant: small-caps;
font-size: 1.3em;
font-weight: 700;
margin-top: -1em;
margin-bottom: 1em;
letter-spacing: 0.05em;
}



/* This line sets up our clickable background image based on the site title's link */
.custom #header #logo a { display: block; height: 104px; width: 745px; background: url('images/header.jpg') no-repeat; outline: none; }
/* This line gets rid of the site title & tagline by casting them out to far left field */
.custom #header #logo, .custom #header #tagline { text-indent: -9999px; }
/* This line collapses the vertical space of the tagline so that there isn't unnecessary white space after the header image */
/* This is a bit of a kludge, but it seems to work. */
.custom #header #tagline { height: 0; }
/* This line removes the padding from the header so that the background image sits close to the nav menu, the bottom border of the header, and the sides of the content */
.custom #header { padding:0px; }


/* Minimal Custom Styles */
.custom #container { margin-top: 0em; margin-bottom: 0em; }
		.custom #header { padding-top: 0; border-bottom: 0.1em dotted #ccc; }
		.custom .search_form { float: right; }
			.custom .search_form input { font-size: 1.1em; line-height: 1em; width: 13em; padding: 0.3em}
			.custom .search_form input:focus { background: #b5d26b; }
		.custom ul#tabs {  border: 0; }
			.custom ul#tabs li { margin-bottom: 0; background: none; border: 0; width: "100%";}
			.custom ul#tabs li.current_page_item, .custom ul#tabs li.current-cat { padding-bottom: 0; }
				.custom ul#tabs li a { padding: 0.5em  0.75em; color: #999; font-weight: bold; letter-spacing: 1px; }
				.custom ul#tabs li a:hover { color: #111; background: #b5d26b; text-decoration: none; }
				.custom ul#tabs li.current_page_item a { color: #555; background: #efefef; }
			.custom ul#tabs li.rss a { padding-right: 2em; }
		.custom #content_box { background: none; border-top: 0.1em dotted #ccc; }
				.custom .prev_next, .custom #archive_info { border: none; }
					.custom input.form_submit:hover { color: #111; background: #b5d26b; }
			.custom #multimedia_box, .custom #image_box, .custom #video_box, .custom #custom_box { background: none; border: 0; }
		.custom #footer { padding-bottom: 0; border-top: none; }
		

.custom a { color: #111; padding: 3px 1px; }
.custom a:hover { color: #111; background: #b5d26b; text-decoration: none; }
.custom #header #logo a, .custom #header #logo a:hover, .custom h2 a, .custom h2 a:hover { color: #111; padding-bottom: 0px! important;  }


.gray { background: rgb(247, 246, 246); margin: 1.5em 0 1em 0; border: 5px; border-color: #777; }
.small { font-size: 1em; width: 250px; line-height: 1.3em; text-decoration: none; }

.round { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 13px 9px 9px 13px; }
.roundTop { -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; border-radius-topright: 10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; border-radius-topleft: 10px;}
.roundBottom { -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px;}
.roundSmall { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 10px; }
.roundLarge { -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}

/* Wordpress Image Captions
You can use this technique to put captions underneath your photos, but I’ve found the code below works much better. After you have put this code into your custom.css page, just use the built in Caption property in wordpress to make it display! */
.format_text .alignleft { margin: 0 1.571em 1.571em 0; float: left; clear: left; }
.format_text .alignright { margin: 0 0 1.571em 1.571em; float: right; clear: right; }
.format_text .aligncenter { display: block; margin: 0 auto 1.571em auto; float: none; clear: both; }
.format_text .alignnone { display: block; margin: 0 auto 1.571em 0; clear: both; }
.format_text .wp-caption { background: rgb(247, 246, 246); border: 0; text-align: center; padding: 0.6em; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.format_text .wp-caption p { font-size: smaller; font-style: italic; margin-bottom: 0; }

