/*   
Theme Name: San Francisco GSA
Theme URI: http://sfgreenschools.org
Description: Green Schoolyard Alliance
Author: Red Penguin Design
Author URI: http://www.redpenguindesign.com
Version: 1.0
.
This theme, design, and technical code/markup may not be redistributed or sold without expressed written consent by Red Penguin Design.
.
*/

/* WordPress Default styles */
@import url('wp-default.css');

/*
    Default Styles
*/

* { margin: 0; padding: 0; outline: 0; }
body { font: 12px/14px "Helvetica Neue", Helvetica, Arial,sans-serif; color: #666; text-align: left; background: #fff url(images/background.gif) repeat-x 0 0; }

a { color: #666; text-decoration: underline; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

li { font: 12px/14px "Helvetica Neue", Helvetica, Arial,sans-serif; color: #666; text-align: left; }

input, select, textarea { font-family: "Trebuchet MS", Arial, sans-serif; }
 
.ar { display: block; text-align: right; }
.ac { display: block; text-align: center; }
.al { display: block; text-align: left; }
.cl { clear: both; height: 0; font-size: 0; line-height: 0; text-indent: -4000px;  }
.fr { float: right; display: inline; }
.fl { float: left; display: inline; }
.hidden { display: none; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.shell { margin: 0 auto; width: 1035px; }

h2 { font: 24px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #aea884; style: bold; margin-bottom: 10px; }
h3 { font: 18px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #aea884; style: bold; margin-bottom: 10px; }
p { font: 12px/14px "Helvetica Neue", Helvetica, Arial,sans-serif; color: #666;padding-bottom: 20px; }

/*
	Header
*/

#header { padding: 30px 0 0 0; height: 100%; }
#header img { float: left; display: inline; margin-right: 15px; }

	h1#logo { height: 39px; width: 307px; padding: 135px 0 0 0; }
	h1#logo a { display: block; height: 39px; background: url(images/logo.gif); } 
	
	h2.tagline { float: right; display: inline; height: 24px; width: 416px; background: url(images/tagline.gif); margin: 155px 5px 0 0; font-size: 0; line-height: 0; text-indent: -4000px; }

/*
	Content
*/

#content { margin: 20px 0; height: 100%; background: url(images/content-bg.gif) repeat-y 0 0; }
.btn-make-donation { display: block; height: 46px; width: 152px; font-size: 0; line-height: 0; text-indent: -4000px; border: 3px solid #fff; background: url(images/btn-make-donation.gif); }
.btn-make-donation:hover { background-position: 0 bottom; }

/*
	Sidebar
*/

#sidebar { float: left; display: inline; width: 178px; }
#sidebar ul { list-style: none outside; }
#sidebar ul li a { display: block; height: 26px; border-bottom: 1px solid #fcf1b4; text-align: right; padding: 0 7px; color: #ad8600; font: bold 15px/26px "Helvetica Neue", Helvetica, Arial, sans-serif; }
#sidebar ul li a:hover { text-decoration: none; color: #fff;}
#sidebar ul li a.active,
#sidebar ul li.current_page_item a { text-decoration: none; color: #ad8600; }
#sidebar .btn-make-donation { margin: 20px auto; }

/*
	Widecolumn
*/

#widecolumn { float: right; display: inline; width: 850px; min-height: 805px; background: url(images/widecolumn-bg.gif) no-repeat 0 bottom; }
#widecolumn img.heading { display: block; border-bottom: 10px solid #6db42c; margin-bottom: 15px; }
	
	.featured { background: #aea884; padding: 0 0 10px 10px; height: 175px; }
	.featured ul { list-style: none outside; }
	.featured ul li { float: left; display: inline; width: 256px; padding: 0 10px; }
	.featured ul li h3 { font: 20px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #fff; margin-bottom: 2px; }
	.featured ul li h3 img { display: block; }
	
	.wrapper { padding: 10px; } 
	
	.board { padding: 15px; height: 100%; background: url(images/board.png) repeat 0 0; margin-bottom: 20px; }
	
	.wrapper ul, .inner-page ol {
		padding-left: 25px;
	}
	
.page-heading {
	margin-top: -85px;
	font-size: 60px;
	color: white;
	font-weight: normal;
	font-family: Helvetica, Arial;
}

.commentlist {
	list-style-type: none;
	padding-left: 0px !important;
}
.commentlist li {
	border: 1px solid #eee;
	padding: 10px;
	margin-bottom: 20px;
}