/* HTML Elements */

* {
	margin:0;
	padding:0;
	}

body,html {
	min-height:101%;
	}
	
body {
	background: #eeeeee;
	color: #545454;
	padding: 0;
	}

select, input, textarea {
	font: Arial, Verdana, Sans-Serif;
	}
	
p {	
	margin: 15px 0;
	}

a:link, a:visited {
	text-decoration:none
	}
	
hr {
	display: block;
	height:1px;
	background:#333;
	border:0;
	}

small {
	font-size: 12px;
	padding: 0;
	}

small a, small a:visited {
	color: #BD5F71;
	}

img, a:link img, a:visited img {
	border:0
	}
	
		

/* Structure */

#page {
	width: 957px;
	margin: 0 auto;
	font-size:0.7em;
	background: url(http://www.sassfoundation.org/i/sass_bg.jpg) repeat-y;
	padding: 25px 0 200px 50px;
	}

#branding {
	width: 625px;
	margin: 0 0 12px 0;
	padding-bottom:15px;
	}

.left {
	float:left;
	}

.right {
	float:right;
	}

#winebar {
	width: 931px;
	height: 164px;
	background: url(images/sass_header.jpg) no-repeat;
	position: relative;
	top: -25px;
	left: -24px;
	}

#sidebar {
	width: 250px;
	margin: 22px 0 0 25px;
	float: left;
	}

#leftcol {
	width: 287px;
	padding: 25px 25px 0 0;
	margin-top: 0;
	float: left;
	}

#rightcol {
	float: left;
	padding: 21px 0 0 0;
	margin: 0;
	width: 290px;
	}

#leftcol h3 {
	margin: 0;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #d3d3d3;
	}

#leftcol h3 a, #leftcol h3 a:visited {
	font-family: Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #000;
	}

#leftcol .feature {
	border-top: 1px solid #d3d3d3;
	}

#leftcol .feature img {
	margin-bottom: 15px;
	}

#leftcol .feature a, #leftcol .feature a:visited {
	font-family: Helvetica, sans-serif;
	color: #C06979;
	}

#rightcol a, #rightcol a:visited {
	font-family: Helvetica, sans-serif;
	color: #C06979;
	}

#rightcol h3 {
	width: 290px;
	float: left;
	margin: 0;
	padding: 0 0 12px 0;
	border-bottom: 1px solid #d3d3d3;
	}

#rightcol h3 a, #leftcol h3 a:visited {
	font-family: Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #000;
	}
	
#rightcol .clearfloat img {
	border: none;
	border-top: 1px solid #016295;
	background-color: #F2F2F2;
	padding: 15px;
	margin-bottom: 15px;
	}	
	
/*Subnav */

.subnav li {
	list-style:none;
	}

.subnav li a:link, .subnav li a:visited {
	display: block;
	padding: 0;
	}
		
.subnav li a:hover, .subnav li a:active {
	color: #0A659A;
	}

.subnav li li a:link, .subnav li li a:visited {
	border-left: none;
	}
		
	 
	
	
/*	Headers */

h1 {
	color: #000;
	font: 36px Georgia, serif;
	letter-spacing:-0.02em;
	}

h1 a, h1 a:visited {
	color: #000;
	}
	
h2 {
	font-family: Helvetica, sans-serif;
	margin: 20px 0;
	}

h3, #sidebar h2 {
	font-family: Helvetica, sans-serif;
	font-weight: normal !important;
	margin-bottom: 4px;
	color: #5f5f5f;
	}

#sidebar h3 {
	padding: 10px 12px;
	margin: 0;
	font-size: 14px;
	font-weight: normal !important;
	color: #000;
	}
	
#sidebar h2 {
	padding: 0;
	margin: 0;
	font-size: 14px;
	font-weight: normal !important;
	color: #000;
	}
	
	

h3#respond {
	color: #0A659A;
	border-top: 1px dotted #b6b6b6;
	margin-top: 25px;
	padding-top: 20px
	}

h3#comments {
	margin-top:32px
	}

h4 {
	font-size:1.6em;
	margin-bottom:6px;
	}
	
h2.center {
	border-top: 1px dotted #828282;
	margin: 22px 0 0 0;
	padding: 20px 0 0 0;
	font-family: Helvetica, Arial, sans-serif;
	color: #828282;
	}	
	
/* Content */

#content {
	width: 605px;
	float: left;
	}
	
.description {
	font-size: 1.3em;
	font-weight: bold; 
	font-style:italic;
	color:#545454;
	margin-top:-4px;
	}

.feature {
	padding: 0 0 25px 0;
	border-bottom: 1px solid #000;
	}
	
.feature p, #rightcol p {
	margin:0;
	}
			
#leadpic {
	width: 285px;
	float: left;
	margin: 0 25px 25px 0;
	}

#lead {
	margin: 0;
	padding: 25px 0 0 0;
	}
	
#lead p {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 24px;
	}	

#lead .bookmark {
	margin: 12px 0 0 0;
	}

#lead a, #lead a:visited {
	font: 12px Helvetica, Arial, sans-serif;
	color: #c06979;
	}

#lead h3 {
	border-bottom: 1px solid #d3d3d3;
	margin: 0 0 25px 0;
	padding: 0 0 25px 0;
	}

.title {
	font-size:1.2em;
	line-height:115%;
	}
	
.feature#lead .title {
	font: 18px Helvetica, Arial, sans-serif;
	line-height: 28px;
	color: #0076a6;
	display:block;
	position: relative;
	top: -6px;
	padding: 0;
	margin: 0 0 12px 0;
	}

#leftcol .feature {
	margin-bottom: 5px;
	border-bottom:none
	}

#rightcol img {
	float:left;
	margin:3px 10px 4px 0;
	}

#leftcol img {
	margin-bottom: 4px;
	display:block
	}
	
#rightcol .clearfloat {
	padding:12px 0;
	}	

#sidelist {
	margin: 49px 0 0 0;
	padding: 18px 0 25px 0;
	border-top: 1px solid #d3d3d3;
	}

#sidelist li h3 {
	font-size: 14px;
	font-weight: normal;
	font: Georgia, serif;
	border-top: 1px solid #FFF;
	}

#sidelist li ul {
	margin: 0;
	padding-top: 0;
	}

#sidelist ul li {
	line-height: 18px;
	}

#sidelist li {
	list-style: none;
	}

#text-344488681 h2 {
	margin: 22px 0 0 0;
	border-top: 1px solid #016295;
	}

#text-342187981 h2 {
	border-top: 1px solid #FFF;
	}

#text-342090161 h2 {
	border-top: 1px solid #FFF;
	}
	
#recent-posts h2 {
	padding-top: 40px;
	border-top: 1px solid #FFF;
	}

#recent-posts ul li a, #recent-posts ul li a:visited {
	color: #C06979;
	}

li#text-344488681 {
	background-color: #faf0f1;
	}
	
.textwidget {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 18px;
	border-top: 1px dotted #828282;
	padding-top: 12px;
	padding-bottom: 12px;
	margin: 0 12px;
	}

.textwidget a, .textwidget a:visited {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	}
	
	
#sidelist li a, #sidelist li a:visited {
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
	color: #BD5F71;
	text-decoration: underline;
	}	
	
#sidelist li a:hover {
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
	color: #BD5F71;
	text-decoration: underline;
	}		

.benefactors {
	border-top: 1px dotted #828282;
	margin: 0 12px;
	padding: 0;
	}

.benefactors p {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #828282;
	}
	
.bullets li {
	list-style-type: none;
	}
	
#sidelist .bullets li {
	margin-bottom: 5px;
	}

ul.bullets {
	padding-bottom: 10px;
	}

#sidelist .children {
	background:#e4efd5;
	}
	
#sidelist .children li {
	list-style: square;
	margin-left:28px;
	border-bottom:1px solid #e4efd5;
	}
	
#sidelist .children li a, #sidelist .children li a:visited {
	padding:2px 2px 2px 0px;
	border:0;
	background:#e4efd5;
	color: #818d6f;
	}

.fundraiser {
	margin: 0;
	padding: 0 0 20px 0;
	}

#sidelist .children li a:hover, #sidelist .children li a:active	{				
	color: #465d23;
	}

.postmetadata {
	margin: 30px 0;
	}

#writer {
	background: #F2E8E9;
	margin: 25px 0 15px 0;
	padding: 12px;
	}

#writer img {
	padding: 1px;
	border: 1px solid #FFF;
	float: left;
	width: 80px;
	}

#writer span {
	display: block;
	padding-top: 4px;
	border-top: 1px solid #FFF;
	margin-top: 12px;
	}

#writer p {
	margin:0;
	width:482px;
	}	

#writer p a, #writer p a:visited {
	color: #BD5F71;
	}

.entry {
	padding-bottom:28px;
	}

h3 a:link, h3 a:visited {
	color:#5f5f5f;
	}

.entry p {
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	line-height: 24px;
	}

.entry p strong {
	color: #000;
	}

#sub_nav_menu {
	font-size: 12px;
	line-height: 24px;
	font-family: Helvetica, sans-serif;
	background-color: #f2e8e9;
	padding: 12px;
	width: 280px;
	}
	
#sub_nav_menu a, #sub_nav_menu a:visited {
	font-size: 12px;
	line-height: 24px;
	color: #bd5f71;
	}	
	
#sub_nav_menu a:hover {
	font-size: 12px;
	line-height: 24px;
	color: #bd5f71;
	text-decoration: underline;
	}		

.post p a, .post p a:visited {
	color: #bd5f71;
	text-decoration: underline;
	}

#content p a, #content p a:visited {
	font-size: 12px;
	color: #bd5f71;
	}

/*Post Formatting*/

.picleft {
	float:left;
	margin:3px 14px 10px 0;
	border:7px solid #f2f2f2;
	}

.picright {
	float:right;
	margin:3px 0 10px 14px;
	border:7px solid #f2f2f2;
	}	

.post blockquote {
	color:#76767a;
	background:#f2f2f2;
	padding:6px 14px;
	margin:18px 35px;
	border-right:1px solid #DDD;
	border-bottom:1px solid #DDD;
	}	

.post ul li {
	margin-bottom:5px;
	line-height:115%;
	margin-left:42px;
	}

.post ol li {
	margin-bottom:5px;
	line-height:115%;
	margin-left:48px;
	}
	
#tags {
	padding:3px;
	border-bottom:1px solid #DDD;
	border-top:1px solid #DDD;
	}	
	
.post {
	margin: 22px 0 0 0;
	}	
	
.post h2 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #000;
	border-bottom: 1px solid #d3d3d3;
	padding: 2px 0 20px 0;
	}

.post h4 {
	margin: 20px 0 20px 0;
	font-family: Georgia, serif;
	font-weight: normal;
	font-size: 24px;
	color: #016295;
	}
	
.post h4 a, .post h4 a:visited {
	color: #016295;
	}	

.entry p img {
	border-top: 1px solid #BD5F71;
	}

h2.pagetitle {
	border-top: 1px dotted #828282;
	font-family: Helvetica, Arial, sans-serif;
	margin: 22px 0 0 0;
	padding: 20px 0 0 0;
	font-size: 14px;
	color: #828282;
	}



/* Form Elements */

select {
	background: #FFF;
	}

#archiveform {
	margin: 0 0 0 12px;
	}

#archiveform select {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	padding: 4px;
	width: 222px;
	}
	
#searchform {
	margin: 45px 72px 0 0;
	width: 250px;
	padding: 16px 5px 0 0; 
	}

#searchform input {
	float: left;
	}

#searchform input#s {
	width: 170px;
	margin-right: 4px;
	}

.button {
	padding: 1px;
	background:#000;
	color:#e7e7e7;
	border:none;
	}

#searchform .button:hover {
	background: #000;
	color: #FFF;
	}

#commentform input {
	width: 200px;
	padding: 4px;
	margin: 5px 5px 1px 0;
	}

#commentform p {
	font-size: 12px;
	}

input#searchsubmit {
	height: 27px;
	}
	
#commentform p a, #commentform p a:visited {
	color: #BD5F71;
	}	

#commentform #submit {
	width: 110px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	padding: 6px;
	background: #016295;
	color: #FFF;
	}

#commentform label {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 12px;
	color: #828282;
	}

#searchform .button {
	font: 12px Helvetica, Arial, sans-serif;
	background: #016295;
	color: #FFF;
	padding: 4px;
	}

input#s {
	padding: 4px;
	}

#commentform textarea {
	width: 100%;
	margin-top:5px;
	}


/* Wufoo Form Elements */

.wufoo .info h2 {
	font-family: Georgia, serif;
	font-family: 14px;
	}

#public form ul li {
	padding: 0;
	}


/* Comments*/

.commentlist {
	padding-left:30px;
	}
	
.commentlist li {
	margin: 15px 0 3px;
	padding: 8px 15px 10px 15px;
	background:#f2f2f2;
	border-top: 1px solid #ddd;
	}

#commentform small {
	background:#FFF;
	padding:0;
	}
	
.commentmetadata {
	display: block;
	}

.commentlist small {
	background:#e9e9e9
	}

.commentlist cite {
	font: 1.6em Georgia, serif;
	font-weight: normal;
	letter-spacing:-0.05em;
	}	
	

/* Float Properties*/

.clearfloat:after {
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	content:".";
	}
	
.clearfloat {
	display:inline-block
	}

.clearfloat {
	display:block
	}
	


/* Footer*/

#footer {
	font-family: Helvetica, Arial, sans-serif;
	width: 957px;
	height: 142px;
	margin: 0 auto;
	font-size: 12px;
	background: url(http://www.sassfoundation.org/i/sass_footer_bg.jpg) no-repeat;
	padding: 50px 0 25px 50px;
	}

.footer_info {
	height: 20px;
	border-top: 1px dotted #828282;
	width: 877px;
	margin: 0;
	padding: 25px 0 0 0;
	}
	
.copyright {
	float: left;
	width: 400px;
	}

.playlab {
	font-size: 12px;
	float: right;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	}	
	
.playlab a, .playlab a:visited {
	color: #000;
	}
	


/* Events Calendar */	

#event-calendar {
	margin: 0;
	padding: 22px 0 20px 0;
	}

#event-calendar h2 {
	font-family: Times New Roman, serif;
	font-size: 25px;
	border-bottom: 1px solid #d3d3d3;
	padding: 0 0 20px 0;
	margin: 0 0 25px 0;
	}
	
#upcoming-events {
	margin: 0;
	padding: 22px 0 0 0;
	}

#upcoming-events h2 {
	background-color: #0076A6;
	width: 100px;
	color: #FFF;
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	border-bottom: 1px solid #FFF;
	padding: 6px 6px;
	margin: 0;
	}	

#wp-calendar {
	background-color: #eef3f5;
	padding: 15px;
	}
	
#wp-calendar thead {
	padding: 10px 0;
	}

#wp-calendar thead th {
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	}	
	
#wp-calendar tbody th {
	font-family: Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	}		
	
#upcoming-events {
	font-family: Helvetica, Arial, sans-serif;
	border-top: 1px solid #FFF;
	margin: 0;
	padding: 0 0 12px 0;
	}

.caption {
	font-size: 10px;
	color: #828282;
	float: left;
	width: 280px;
	margin: 0;
	padding: 0 0 20px 0;
	}
	
.ec3_events li {
	font-size: 12px;
	}

ul.ec3_events {
	position: relative;
	top: -1px;
	margin: 0 0 0 12px;
	padding: 15px 15px 0 15px !important;
	background-color: #eef3f5;
	border-top: 1px solid #0076A6;
	}

ul.ec3_events .ec3_list ul li {
	padding: 0 0 15px 0;
	border-bottom: 1px dotted #d3d3d3;
	}
	
.ec3_list_day {
	color: #828282;
	padding: 0 0 0 12px;
	margin: 0 0 0 12px;
	}	

li.ec3_list_day {
	color: #828282;
	}
	
li.ec3_list {
	padding: 0 0 15px 15px;
	}	

li.ec3_list_day ul {
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
	}
	
.nocomments {
	color: #FFF;
	}
	
#recent-posts {
	padding-bottom: 15px;
	}
				



#home_fund {
	float: left;
	margin: 0;
	padding: 25px 0 0 0;
	}

#home_proj {
	float: left;
	margin: 0;
	padding: 25px 0 0 0;
	}	
	
#home_proj .project {
	float: left;
	width: 290px;
	margin: 0 0 15px 0;
	padding: 0 0 15px 0;
	border-bottom: 1px dotted #7C7c7c;
	}

#home_proj .project .image {
	float: left;
	width: 127px;
	margin: 0;
	padding: 0 25px 0 0;
	}	
	
#home_proj .project .info {
	float: left;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #828282;
	width: 135px;
	margin: 0;
	padding: -5px 0 0 0;
	}		
		
#home_proj .project .info a.proj_title, #home_proj .project .info a:visited.proj_title {
	color: #0076A6;
	font-size: 14px;
	line-height: 22px;
	}		
		
#mission {
	float: left;
	font-family: Helvetica, Arial, sans-serif;
	background-color: #EEF3F5;
	width: 878px;
	border-left: 1px solid #c06979;
	margin: 25px 0 5px 0;
	padding: 0;
	}
	
#mission_text {
	float: left;
	font-size: 12px;
	line-height: 18px;
	color: #c06979;
	width: 585px;
	margin: 0;
	padding: 22px 25px 22px 25px;
	}	
	
#mission_button {
	margin: 0;
	padding: 38px 0 0 0;
	}	
	
#mission_button a, #mission_button a:visited {
	float: left;
	font-size: 18px;
	color: #0076A6;
	text-decoration: none;
	}
	




#register_form .event_info ul {
	font-family: Helvetica, Arial, sans-serif;
	}

#register_form .sub_head {
	font-family: Helvetica, Arial, sans-serif;
	font-color: #828282;
	}	

#register_form .event_info p {
	font-size: 12px;
	line-height: 18px;
	color: #000;
	font-family: Helvetica, Arial, sans-serif;
	}

#register_form .form_item {
	border-top: 1px dotted #EEEEEE;
	margin: 0;
	padding: 0 0 25px 0;
	}
	
#register_form .form_item input {
	font-size: 18px;
	margin: 0;
	padding: 0;
	}

#register_form .form_item textarea {
	font-size: 18px;
	margin: 0;
	padding: 0;
	width: 475px;
	}
	
	
	
	
	
	
	