/*
THEME NAME: Sassafras Children's Playground
THEME URI: 
DESCRIPTION: Sassafras Children's Playground theme based on the Sandbox Framework
VERSION: 1.08.2009
AUTHOR: Scott Reston
AUTHOR URI: http://scott.therestons.com/
TAGS: 
*/

/* Eric Meyer's Reset CSS */
@import url("reset.css");



html {overflow-y: scroll; /* vert scrollbar for all pages */}

body { 
	font: 62.5% Georgia, "Times New Roman", Times, serif; font-style:italic;
	background-color:#F7B210;
	/*background: #f6b010 url(images/background-starburst.jpg) center 0 no-repeat;*/
	color: #8fa029;
	padding: 0; margin: 0;
	text-align: center;
	position:relative;
}

	
p {
	font-size: 1em;	padding: 0;
	margin-top: 0;	margin-bottom: .5em;
}

div, li, ol, dl, table { font-size: 1em; }

#content ul, content ol { margin: 1em 0;}
#content ul { list-style-type:disc; }
#content ol { list-style-type:decimal; padding: .5em 0 1em 4ex; }
#content ul li, #content ol li { margin-bottom: .5em; }
#content blockquote {margin: 1em 10%;}
#content p { margin-bottom: 1.5em; }


img	{ display: inline; border: none;margin: 0; }
.alignleft, .floatleft { float: left; margin: .5em 2em 1em 0; }
.alignright, .floatright { float: right;	margin: .5em 0 1em 2em; }
.aligncenter, .floatcenter { display: block; margin: .5em auto; }

a {
	color: #ed4816;
	text-decoration: underline;
	outline: none; border-bottom: none;
}
	a:hover {
		text-decoration: none;
	}
		#content a:hover, #sidebar a:hover {background-color: #EFF3A5;}
	a:active {
		outline: none;
	}
	a.external-link { padding-left: 12px; background:url(images/external.gif) no-repeat center left; }
	a.rss { padding: 6px 25px 6px 0; background:url(images/rss.png) no-repeat right center; }


	
h1, h2, h3, h4 { clear: both; }

h2 { font-size: 1.9em; line-height: 1.25em; color:#f26122; font-style:normal; font-family:Tahoma, Geneva, sans-serif; margin-bottom:.2em; }	
h3 { margin: .5em 0; font-size: 1.3em; color:#ed4816; font-weight:bold; font-style:normal;}
h4 { margin: 1em 0 .5em 0; color: #333; font-size: 1em; font-weight:bold; }

strong { font-weight: bold; color: #EF4910; }
em { font-style:normal; }
	
.clearfix {
	display:inline-block;
}
.clearfix:after {
	display:block; 
	visibility:hidden; 
	clear:both; 
	height:0; 
	content: "."; 
}


hr { 
	border-top: 1px solid #666;
	border-bottom: 0 solid #666;
	background-color: #666;
	color: #666;
	height: 1px;
	margin: 2em 0;
	}
	
sup {
	height: 0;
	line-height: 1; font-size: .8em;
	position: relative;
	top: -0.6em;
	vertical-align: baseline !important;
	vertical-align: bottom;
}


.first, .first a, #nav-primary li.page-item-8 a { margin-left: 0 !important; padding-left: 0 !important; border-left: 0 !important; }

/* =Structural
===============================================================*/

#swonderful {
	background:#F7B210 url(images/bg-creamy-white-center.jpg) center  repeat-y;
	text-align: left;
	width:1137px; margin:0 auto; padding: 0;
	position: relative;
}

#smarvelous {
	background:url(images/bg-bubbly-starburst.jpg) no-repeat top center;
	padding: 40px 91px 0 63px; margin: 0;
	display: inline-block;
	/*width: 983px;
	margin-left: 63px;*/
}


#header {
	height: 258px;
}

#content {
	width: 465px; float: right; display:inline;
	margin-right: 70px; padding-right: 50px;
	margin-top: 43px;
	font-size: 1.3em; line-height: 1.5em;
	position: relative;
}
 	.home #content { /* margin-top: 0; */ }


#footer { 
	clear:both;
	/*margin-top: -144px;*/
	height: 197px; width: 983px;
	background:url(images/bg-footer.jpg) bottom center no-repeat;
	position:relative;
}


/* =Header
===============================================================*/
	
h1#logo { 
	float: left; width:282px; height: 215px;
	background: url(images/logo.gif) center no-repeat;
	margin: 27px 0 0 27px;
	text-indent: -9999px;
	display:inline; /* fix ie6 double-margin */
	-webkit-transition-property: opacity; -webkit-transition-duration: 1.25s; -webkit-transition-timing-function: ease-in; opacity: 1;
}
	h1#logo a{ display:block; height: 215px; }

	#header #feature {
		text-indent: -9999px;
		float: right;
		background: url(images/stars.gif) center no-repeat;
		width: 130px; height: 130px;
		margin-right: 45px; margin-top: 45px;
		display:inline;
	}
	
/* =Navigation
===============================================================*/

#nav-utility, #nav-primary {
	float: right; display: inline; /* swat IE6 double-margin bug */
	font-size: 1.2em; font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
}

#nav-utility a, #nav-primary a { text-decoration: none; }
#nav-utility a:hover, #nav-primary a:hover, #nav-secondary a:hover { color: #e57917; }



	#nav-utility { 
		margin-top: 77px; margin-right: 130px;
	}
		#nav-utility li { 
			display: inline;
			margin-right: 1ex; padding-left: 1ex;
			border-left: 1px solid #f6b010;
		}


	#nav-primary {
		margin-top:2px; margin-right: 26px;
		width: 556px; height: 27px;
		padding-left: 13px; padding-top: 12px;
		background:url(images/bg-nav-primary.png);
		font-weight: bold;
	}
	
		#nav-primary li { 
			float:left; height:23px; width: auto;
		}
			#nav-primary li.on, #nav-primary li.current_page_item, #nav-primary li.current_page_ancestor {
				background:url(images/bg-primary-nav-on.gif) bottom center no-repeat;
			}
		
		#nav-primary li a {
			margin-right: 1ex; padding-left: 1ex;
			border-left: 2px solid #fff;
		}
		
#nav-secondary {
	margin:0 0 2em -44px;
}
	#nav-secondary li { margin: 0; padding: 0;}
	#nav-secondary li li {
		margin: 0 0 0 25px; height: 40px; background-color:#999;
	}
	
	#nav-secondary li a, #nav-secondary li.on li a, #nav-secondary li.current_page_item li a {
		display: block;
		background-color: #e6ea75;
		border: 2px solid #c2d840;
		padding: 10px 10px 10px 30px; margin: 0;
		text-decoration: none;
		background-image: none;
	}
		#nav-secondary li.on a, #nav-secondary li.current_page_item a {
			background: #eef1a1 url(images/bg-secondary-nav-on.gif) left center no-repeat;
			color: #e57917;
		}

/* =Sidebar
===============================================================*/

#sidebar {
	width: 160px;
	margin-top: 20px; padding-left: 125px; 
	float: left; display: inline;
	font-size:1.3em;
}
	#sidebar h3{ font-style:normal; font-size: 1.1em; margin: 1em 0; }
	
	#sidebar ul.sponsors, #sidebar ul.contributors , #sidebar ul.partners {
		padding-left: 2ex; padding-bottom: 1em;
	}
		#sidebar ul.sponsors a, #sidebar ul.contributors a , #sidebar ul.partners a { text-decoration:none; color: #8fa029;}
		#sidebar ul.sponsors li, #sidebar ul.contributors li, #sidebar ul.partners li { margin-bottom: .5em; }
		
		
		#sidebar hr{ background: #fff url(images/hr.jpg) no-repeat center center; height: 3px; width: 133px; color: transparent; border: none; margin: 1em 0; }
	
/* =Content
===============================================================*/	

#content img {
	padding: 12px; border: 4px solid #f6b010; margin: 1em 0;	
}
	#content img.alignright { margin: 0 0 1em 1em; }
	#content img.aligleft { margin: 0 1em 1em 0; }
	
	#content img.avatar, #content form img, img.noborder { border:0 !important; padding: 0 !important; margin:0 !important; }

#content h3 { margin: .5em 0; }
	
	
div.entry-meta { font-size: .8em; color: #999; clear: both; }
	
#action-boxes { 
	padding-top: 125px;
	display: inline-block;
	font-size: 1.4em; font-family:Georgia, "Times New Roman", Times, serif; color: #f26122;
}
	#action-boxes div {
		float: left;
		width: 275px; border: 6px solid #a0c757; height:215px;
		padding: 15px 20px 15px 25px;
		margin-left: 51px; 
		display:inline; /* fix ie6 double-margin */
		background: #7e932e url(images/action-box-bg.jpg) center top no-repeat;
	}

#donate-action-box {
		width: 271px; height: 121px; border: 6px solid #cde88d;
		padding: 15px 0 5px 0; margin-top: 2em;
		background: #949A39 url(images/action-box-bg.jpg) center top no-repeat;
		font-size: 1.3em; font-style:normal; line-height: 1.5em;
		text-align: center;
		color: #f26122;
}
	#donate-action-box a { font-family: Helvetica, sans-serif; display:block; margin-top: .5em; text-decoration:none; font-size: .9em; }
		#donate-action-box a:hover { background: none; }
	#donate-action-box p { margin: 0; }
	#donate-action-box h3 {
		width:112px; height: 44px; margin: 0 auto; margin-top: -40px;
		text-indent: -9999px;
		background:url(images/donate.png) center;
	}
	
	h3.donate {
		width:112px; height: 44px; margin-left: 11px; 
		text-indent: -9999px;
		background:url(images/donate-h3.gif) center no-repeat;
	}
		h3.donate a { display: block; height: 53px; }
			h3.donate a:hover { background-color: transparent !important; }
	
	
	#action-boxes h3 {
		width:138px; height: 53px;
		margin: -15px 20px 0 -73px;
		text-indent: -9999px;
		float: left;
	}
		#action-boxes #donate h3 { background:url(images/donate.png) center; }
		#action-boxes #update h3 { background:url(images/update.png) center; }
		
			#action-boxes #donate p { /*clear: left; font-size: 1.3em; text-align: center;*/ }
			#action-boxes #donate form {/*text-align: center;*/ }
			#action-boxes #donate form input.submit { margin-left: 106px;  }
		
	#action-boxes form { font-size: .8em; position: relative; z-index: 100; }	
	
	

	label{ display: inline-block; font-weight:bold; font-family: Verdana, Geneva, sans-serif; margin-top: .75em;}
	label.error { text-decoration: underline; margin-bottom:.5em; width: auto; display:block; color: #ed4816; }
	input { border: 1px solid #999; color: #666; }
	input.error { background-color: #eee; }
	input.text:focus { border: 1px solid #ec941c; }
	input.submit { display:block; border:1px solid #f45c24; background-color: #eee; color: #f45c24; margin-top: .5em; margin-left: 54px; font-size: 1.3em; }
	.thanks { color: #333; font-size: 1.2em; }
	
	
	#decorative-orange-bar { position: absolute; right: 164px; bottom: 194px; }
	img#balloon-girl { float: right; margin: 1em -35px 23px 0; padding: 0; border: 0;}
	div.comments { padding-top: 1em; }
	
	
/* =Footer
===============================================================*/	
p.frankie-lemmon-link { padding-top: 25px; text-align: right; margin-right: 28px; font-size:1.1em; font-style:italic;} 
p.frankie-lemmon-link a { color: #919341; text-decoration: none; height: 112px; padding-right: 115px; background: url(images/frankie-lemmon-logo.png) right top no-repeat; display:inline-block;	  }
	p.frankie-lemmon-link a:hover { color: #333; }
	
	#social { 
		width: 80px; height: 36px; padding-left: 0px;
		background:url(images/bg-social.png) 0 0 no-repeat;
		position: absolute; top: 58px; left: 130px;
	}
		#social li { float: left; width:25px; height: 25px; text-indent:-9999px; padding:4px 0 0 11px; }
			#social li a{ display: block; height: 25px; background:url(images/social-sprites.gif); }

				#social li.facebook a{  }
					#social li.facebook a:hover { background-position: 0 -26px;  }
				
				#social li.twitter a{ background-position: -33px 0;  }
					#social li.twitter a:hover{ background-position: -33px -26px;  }
				
				#social li.flickr a{ background-position: -65px 0; }
					#social li.flickr a:hover{ background-position: -65px -26px; }
					
	a.sassafras-leaf {
		display: block;
		width: 34px;
		height: 44px;
		position: absolute; left: 351px; top: 97px;
		text-indent:-9999px;
		background:url(images/sassafras-leaf.gif) no-repeat;
	}
				
	
div.logos img { border: none !important; float: left; }


/* Volunteer Form */
#volunteer label {
	display: block;
	font-weight:bold;
}
#volunteer .committees label { width: 40ex; text-align: left; padding-left: 1ex; display: inline; }
#volunteer .committees input { margin-left: 1ex; }
#volunteer form div { clear: both; margin-top: .5em; }
#volunteer input.text { border: 1px solid #999; width: 40ex; color:#666 }
#volunteer input.text:focus { border: 1px solid #F7B210; }
#volunteer div.committees { padding-top: 1em; }
#volunteer button { border:1px solid #999999; color:#666666; padding:0 6px; margin: 1em 0; }


/* Community Outreach Form */
#community-outreach label {
	display: block;
	font-weight:bold;
}
#community-outreach label.num_adults, #community-outreach label.num_children { display: inline-block; }
#community-outreach input#c-num-adults, #community-outreach input#c-num-children  { width: 4ex; margin-left: 2ex; }

#community-outreach form div { clear: both; margin-top: .5em; }
#community-outreach input.text { border: 1px solid #999; width: 40ex; color:#666; }
#community-outreach textarea  { border: 1px solid #999; width: 50ex; color:#666; }
#community-outreach input.text:focus { border: 1px solid #F7B210; }
#community-outreach button { border:1px solid #999999; color:#666666; padding:0 6px; margin: 1em 0; }

#community-outreach .workshop { margin-top: 1em; }
#community-outreach .workshop label, #community-outreach label.release-accept { width: 40ex; text-align: left; padding-left: 1ex; display: inline; }
#community-outreach .workshop input { margin-left: 1ex; }

#community-outreach #release { height: 15em; overflow: auto; margin: 1em 0; border: 1px solid #666; padding: 1em; }