/*
Theme Name: Stanford Settlement
Theme URI: 
Description: CMS template for Stanford Settlement - all rights reserved
Version: 0.1
Author: Bolero Web Services
Author URI: http://www.boleroinc.com
Tags: sacramento non profit
*/

/* -------------------------------------------------------------- 
   Reset
-------------------------------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
body { line-height: 1.5; background: #fff; margin:0; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
input,textarea { margin: 0; }

/* Removes Firefox imposed outline */
a { outline: none; }

/* Clearing floats without extra markup  */
.wrapper { display: inline-block; }
.wrapper:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .wrapper { height: 1%; }
.wrapper { display: block; }




/* -------------------------------------------------------------- 
   Typography
-------------------------------------------------------------- */

/* This is where you set your desired font size. The line-heights 
   and vertical margins are automatically calculated from this. 
   The percentage is of 16px (0.75 * 16px = 12px). */
body { font-size: 75%; }


/* Default fonts and colors. */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,textarea { font-family: Helvetica, Arial, sans-serif; }


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: bold; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.25em; }
h2 { font-size: 2em; margin-bottom: 0.375em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: .5em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: .625em; }
h5 { font-size: 1em; margin-bottom: .75em; }
h6 { font-size: 1em; }


/* Text elements
-------------------------------------------------------------- */

p { margin: 0 0 1.5em; }

ul, ol { margin: 0 1.5em 1.5em 1.5em; }
ul { list-style-type: circle; }
ol { list-style-type: decimal; }

dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dl dd { margin-left: 1.5em; }

abbr, acronym { border-bottom: 1px dotted #000; }
address { margin-top: 1.5em; font-style: italic; }
del { color: #000; }

a { color: #D2691E; text-decoration: underline; }
a:hover { text-decoration: none; }

blockquote { margin: 1.5em; }
strong { font-weight: bold; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
pre, code { margin: 1.5em 0; white-space: pre; }
pre, code, tt { font: 1em monospace; line-height: 1.5; } 
tt { display: block; margin: 1.5em 0; line-height: 1.5; }


/* Tables
-------------------------------------------------------------- */

table { margin-bottom: 1.4em; }
th { border-bottom: 2px solid #ddd; font-weight: bold; }
td { border-bottom: 1px solid #ddd; }
th,td { padding: 4px 10px 4px 0; }
tfoot { font-style: italic; }
caption { background: #ffc; }


/* Some default classes
-------------------------------------------------------------- */

.small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.quiet { color: #999; }

.hide { display: none; }
.highlight { background: #ffc; }

.top { margin-top: 0; padding-top: 0; }
.bottom { margin-bottom: 0; padding-bottom: 0; }




/* -------------------------------------------------------------- 
   Forms
-------------------------------------------------------------- */

label { font-weight: bold; }

/* Fieldsets */
fieldset { padding: 1.4em; margin: 0 0 1.5em 0; border: 1px solid #ddd; }
legend { padding: 0 .4em; font-weight: bold; font-size: 1.2em; }

/* Textareas */
textarea { margin: 0.5em 0.5em 0 0; }
textarea { padding: .4em; }


/* hForm
-------------------------------------------------------------- */
form.hform p { margin: 0 0 .5em; }
form.hform p label { float: left; width: 100px; }

form.hform p input { width: 200px; }
form.hform p select { width: 200px; }

form.hform p input.button { width: auto; }
form.hform p input.checkbox { width: auto; }
form.hform p input.radio { width: auto; }

form.hform p.checkbox { margin-left: 100px; }
form.hform p.checkbox label { float: none; }
form.hform p.checkbox input { width: auto; }


/* vForm
-------------------------------------------------------------- */
form.vform p { margin: 0 0 .5em; }
form.vform p label { display: block; }

form.vform p.checkbox label { display: inline; }



/* -------------------------------------------------------------- 
   Site
-------------------------------------------------------------- */

body {
background-color:#363c4c;
	background-position: top center;
	background-attachment: fixed;
}

.container {
	width: 880px;
	margin: 0 auto;
	position: relative
}
	.wrapperr {
		border: #ddd9c3 3px solid;
		-moz-border-radius:20px;
		-webkit-border-radius:20px;
		background-color: #000033;
		
		}
	
	#header {
		width: 838px;
		height:85px;
		margin: 12px auto 12px auto;
		border: #c4bd97 3px solid;
		background-color:#FFFFFF;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		border-radius:10px;
		overflow: hidden;
	}
	
	
		.blogtitle {
			float:left;
			padding-top:20px;
			text-transform:uppercase;
			text-align:center;
			line-height:1.1em;
			font-family: "Palatino", "Georgia", "Times", "Times New Roman", serif;
			font-size:1.9em;
			font-weight:bold;
			margin: 20px 0px 0px -10px;
			padding:0;
		}
			.titlefirstword {
				text-decoration:underline;
				font-size:1.1em;
				margin:0;
				padding:0;
			}
				a .titlefirstword {
					color:#000000;
				}
			.titlesecondword, .titlesecondword a{
				color:black;
				margin:0;
				padding:0;
				font-size:1em !important;
			}
		.blogtitle h2 {
			display:inline;
			margin:0;
			padding:0
		}
	
	#body {
		width: 844px;
		margin: 0 auto 18px auto;
		background-color:transparent;
	}
	
	#contentwrapper {
		width:600px;
		float:left;
		margin-right:4px;
	}
	
	#content {
		width: 593px;
		border: #c4bd97 3px solid;
		background-color:#FFFFFF;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		border-radius:10px;
		float:left;
		position:relative;
	}
	
		#tabs ul {
			width: 540px;
			height: 29px;
			margin: 0px 29px -8px 29px;
			z-index:2;
			background-color: transparent;
			display: block;
			float:left;
			position:relative;
		}
			#tabs ul li {
				width:104px;
				height:29px;
				display:block;
				float:left;
				margin: 0px 2px 0px 2px;
				background-image:url(img/button.png);
				list-style-type: none;
				text-align:center;
				line-height:29px;
			}
			
				#tabs ul li a {
					color:#fff;
					font-size: .9em;
					text-transform: uppercase;
					font-weight: bold;
					text-decoration: none;
				}
		
		#subnav {
			width: 570px;
			height: auto;
			margin:10px auto 10px auto;
			padding: 5px;
			border: #c4bd97 1px solid;
			display:block;
		}
			#subnav ul {
				margin:0px;
			}
			
			#subnav li {
				padding: 0px 10px 0px 10px;
				margin: 0px;
				float:left;
				display:block;
				list-style-type:none;
				font-size:.9em;
				text-decoration:none;
			}
			
				#subnav li a {
					text-decoration:none;
				}
			
				#subnav li a span {
					text-decoration: underline;
				}
			
			#subnav li img {
				vertical-align:middle;
				margin-right:5px;
			}
		
		.marg {
			padding: 0px 10px 0px 10px;
		}
		
		.titleblock {
			display: block;
			width: 100%;
		}
		
		.datebox {
			float: left;
			text-align: center;
			padding-right: 3px;
			margin-right: 5px;
			border-right: #FF9900 1px solid;
			width: 40px;
			font-weight:bold;
			text-transform: uppercase;
			color:#3d3d3d;
		}
		
			.postdate {
				background-image: url(img/postdate.png);
				color:#FFFFFF;
				font-weight:bold;
				font-size:1em;
				width: 26px;
				height: 24px;
				display: block;
				text-align:center;
				margin: 0 auto;
				line-height: 24px;
				font-weight: bold;
				text-transform: uppercase;
			}
		
		.entry {
			margin-bottom: 20px;
			padding-bottom: -20px;
		}
			.clear {
				height:5px;
			}
			.spacer {	
				border-bottom: #FF9900 1px dashed;
				height:1px;
			}
		
		.headline {
			display: block;
			font-size: 1.5em;
			color:#422300;
text-decoration:none;
		}
			.headline a {
				color: #422300;
text-decoration:none;
			}
	
	#sidebar {
		width: 240px;
		float:left;
	}
	
		.sidebaritem {
			border: #c4bd97 3px solid;
			background-color:#FFFFFF;
			-moz-border-radius:10px;
			-webkit-border-radius:10px;
			border-radius:10px;
			margin: 0 auto 10px auto;
			position: relative;
font-size:88%;
padding-bottom:8px;
		}
		
			.sidebaritem a {
				color:#3d3d3d;
			}
		
		.sidebaritem ul, .sidebaritem li {
			margin:0;
			padding:0;
			list-style-type:none;
		}
		
		.sidebaritem h5 {
		
			width: 230px;
			height:34px;
			margin: 0 auto 10px;
			line-height:34px;
			text-align:center;
			color:#FFF;
			text-transform:uppercase;
	background-image:url(img/widgettitle.gif);
font-size:120%;
		}
		
		.sidebaritem .postdate, .events .postdate, .video .postdate {
			background-color:black;
			height: 23px;
		}
		
		.sidebaritem .datebox, .events .datebox, .video .datebox {
			border-color:#003300;
		}
		
		.sidebaritem .headline {
			font-size:1.25em;
			font-weight:bold;
		}
		
		.sidebaritem .spacer, .events .spacer, .video .spacer {
			margin: 5px 10px 10px 10px;
			border-color:#003300;
		}
		
		.sidebaritem .center {
			width:240px;
			margin:0 auto;
		}	
		
		.sidebaritem .thumbnail {
			width:56px;
			height:56px;
			margin: 0px 2px 0px 2px;
			float: left;
			background-color:#993300;
		}
		
		.sidebaritem .marg {
			padding:0px 5px 0px 5px;
		}
	
	#footer {
		width: 838px;
		margin: 18px auto 18px auto;
		color:#FFF;
	}

#s {
	border: #FFFFFF 2px solid;
	opacity: .70;
	
	}

#searchsubmit {
	background-color:#006600;
	border:#FFFFFF 2px solid;
	color:#FFFFFF;
	text-transform: uppercase;
	font-size: x-small;
	text-align:center;
	height:25px;
	width:55px;
}

.hidden {
	visibility:hidden;
}

.video img{
	float:right;
}

.video .datebox {
	height:75px;
}

#listing{
padding-top:10px;
}

#listing h3 {
	display: inline;
}

#listing img {
	vertical-align:middle;
}

#commentform {
	width:339px;
}

/* Photo Gallery */

#slider {
	margin: 0 auto;
}

/*preload classes*/ 
.svw {width: 50px; height: 20px; background: #fff;} 
.svw ul {position: relative; left: -999em;} 
 
/*core classes*/ 
.stripViewer {  
position: relative; 
overflow: hidden; 
margin: 0 0 1px 0; 
} 
.stripViewer ul { /* this is your UL of images */ 
margin: 0; 
padding: 0; 
position: relative; 
left: 0; 
top: 0;
list-style-type: none;
} 
.stripViewer ul li {  
float:left;
} 
	.stripViewer ul li img { 
		width:573px;
		display: block;
	}
.stripTransmitter { 
overflow: auto; 
width: 1%; 
} 
.stripTransmitter ul { 
margin: 0; 
padding: 0; 
position: relative; 
list-style-type: none;
text-align:center;
background-color:#000;
} 
.stripTransmitter ul li{ 
width: 20px; 
float:left; 
margin: 0 1px 1px 0; 
} 
.stripTransmitter a{ 
font: bold 10px Verdana, Arial; 
text-align: center; 
line-height: 22px; 
background: #000000; 
color: #fff; 
text-decoration: none; 
display: block; 
} 
.stripTransmitter a:hover, a.current{ 
background: #000000; 
color: #FF9900; 
} 
 
/*tooltips formatting*/ 
#tooltip { 
background: #fff; 
color: #000; 
opacity: 0.85; 
border: 5px solid #dedede; 
} 
#tooltip h3 {  
font: normal 10px Verdana;  
margin: 0;  
padding: 6px 2px;  
border: 0; 
}

#breadcrumbs {
	padding: 5px;
	margin:10px;
	font-size: 1.25em;
	color:#FFFFFF;
	text-transform: uppercase;
	background-color:#996633;
	display:none;
}
	#breadcrumbs a {
		color:#ffffff;
	}

/* WordPress Classes */
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.contentcenter {
	text-align: center;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

.more-link a {
	text-align:right;
	width:100%;
}

#subnav li.current_page_item a span {
	text-decoration:none;
	font-weight:bold;	
}

#tabs li.current, #tabs li.current a {
	background-image:url(img/buttonc.png);
	color:#8B4513;
	text-transform:none;
	font-size:1.2em;
}

.icons a {
	margin:0;
	padding-right:5px;
}

.description{
	padding-left:20px;
	padding-top:15px;
	float:left;
	height:100%;
	width:275px;
	font-size:1em;
}

.stats {
	margin: 10px 10px 10px 0px;
	padding:5px;
	height: 55px;
	width: 185px;
	float: right;
	background-color:#eeece1;
	border:#8B4513 1px solid;
	display:block;
font-size:82%
}

/*comments template*/

.commentlist .quiet a {
	text-decoration:none;
	color:#666;
	font-size:1.2em;
}

.commentlist .quiet {
	width: 100%;
	border-bottom: #666 1px solid;
	padding-top:10px;
}

.commentpic {
	float:left;
	padding:10px;
	border:#cccccc 1px solid;
	text-align:center;
}

	.commentpic img {
		border:#cccccc 1px solid;
	}

.commentbody {
	float:left;
	padding:0px 10px 0px 10px;
	border:#cccccc 1px solid;
	width:400px;
	color:#333;
}

.commenttail {
	width:28px;
	height:63px;
	margin-right:-1px;
	margin-top:10px;
	position:relative;
	z-index:5;
	display: block;
	float: left;
	background-image:url(img/commenttail.png);
}

span.author {
	font-size:1.2em;
	color:#D2691E;
	font-weight:bold;
}

.commentblock {
	margin-bottom:15px;
}

.topbox {
	margin-bottom:5px;
}

#ieroot .topbox {
	 margin-bottom:35px;
}

#ieroot #footer {
	 margin-top:35px;
}

#ieroot #header {
	margin-top:0px;
}

.topbox, #footer, .topbox a, #footer a {
	color:#FFFFFF;
	font-weight:bold;
}

div.gsom-optin-form input {
	opacity: .6;
	border-color:#ffffff;
}

a.orange {
	color: #D2691E
}