/*
Theme Name: KM Synagogue 2010
Theme URI: http://km-synagogue.org/
Description: Kehillat Ma'arav design for 2010; designed and coded by April Hodge Silver.
Version: 1.0
Author: April Hodge Silver
Author URI: http://springthistle.com/
*/


/* HTML ELEMENTS - - - - - - - - - - - - - - - - - - - - - - - - - - */
body {
	padding: 0;
	margin: 0;
background:     url(http://km-synagogue.org/wp-content/uploads/2013/06/km-background.jpg);
background-repeat: no-repeat;
 background-attachment:fixed;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 12px;
	color: #333;
}

a, a:visited {
	color: #894263;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a img {
	border: none;
}

.clr {
	clear: both;
	height: 0px;
}

.minip { margin: 0; padding: 0; height: 0px; }

blockquote {
	font-style: italic;
	color: #666;
}

#content .editlink {
	text-transform: none;
	font-size: 12px;
	padding-left: 20px;
}


/* POSITIONING - - - - - - - - - - - - - - - - - - - - - - - - - - */

#container {
	background: url('images/bg.png') repeat-y;
	width: 898px;
	margin: 0 auto 30px auto;
}

#main {
	width: 639px;
	float: right;
}

#header {
	background: url('images/logo.png') no-repeat 300px 5px;
	height: 74px;
	width: 615px;
	overflow: hidden;
	border-bottom: 5px solid #bd9fad;
}

#sidebar {
	width: 209px;
	float: right;
}

#footer {
	clear: both;
	background: #591233 url('images/footer.png') no-repeat;
}


/* HEADER - - - - - - - - - - - - - - - - - - - - - - - - - - */

#header h1, #header .description {
	display: none;
}

#header #toolsnav {
	margin: 0;
	padding: 15px 0 0 20px;
}

#header #toolsnav ul {
	margin: 0;
	padding: 0;
}

#header #toolsnav li {
	list-style: none;
	display: inline;
	color: #a8a8a8;
	border-right: 1px solid #a8a8a8;
	padding: 0 10px 0 6px;
}

#header #toolsnav li:last-child {
	border: none;
}

#header #toolsnav a {
	color: #6e6e6e;
}

#header #toolsnav li ul {
	display: none;
}

/* SIDEBAR - - - - - - - - - - - - - - - - - - - - - - - - - - */

#sidebar .widget {
	color: #5e5e5e;
	padding: 0 26px 0 17px;
	margin: 20px 0 10px 0;
}

#sidebar .widget h3 {
	font-weight: normal;
	font-size: 16px;
	margin: 0 0 5px 0;
}

#sidebar .widget a {
	color: #5e5e5e;
	text-decoration: underline;
}

#sidebar .widget ul {
	margin: 0; padding: 0; list-style: none;
}

#sidebar .widget li {
	margin: 0 0 8px 0; 
	padding: 0;
}

#sidebar .widget.sights-and-sounds .asfptextwidget {
	padding-left: 65px;
	background: url('images/sights-and-sounds-widget.gif') no-repeat;
}

/* maroon hanging banner */

#banner {
	background: #440522 url('images/sidebar-bottom.png') no-repeat bottom;
	padding-bottom: 40px;
}

/* search */

#banner form {
	background: url('images/searchbg.png') no-repeat 10px 14px;
	padding: 14px 0 3px 10px;
	margin-bottom: 38px;
}

#banner form #s {
	border: none;
	background: none;
	width: 150px;
	color: #bd9fad;
	font-size: 12px;
	padding: 2px 0 2px 8px;
}

#banner form #searchsubmit {
	border: none;
	background: none;
	width: 25px;
	text-indent: -2900px;
}

#sidebar #banner .widget {
	color: #bd9fad;
}

#sidebar #banner .widget a {
	color: #bd9fad;
}

/* main navigation */

#mainnav {
	border-top: 1px solid #632d3f;
}

#mainnav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#mainnav ul a {
	display: block;
	width: 179px;
	padding: 8px 0 8px 30px;
	color: #e3d9b8;
	font-size: 18px;
	border-bottom: 1px solid #632d3f;
}

#mainnav ul li a:hover {
	background-color: #662244;
	text-decoration: none;
}

#mainnav ul li { /* all list items */
	float: left;
	width: 208px; /* width needed or else Opera goes nuts */
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#mainnav ul li ul { /* second-level lists */
	position: absolute;
	background: #440522;
	border: 3px solid #662244;
	margin: -25px 0 0 180px;
	width: 180px;
	z-index: 10;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#mainnav ul li ul a {
	padding: 5px 0 5px 8px;
	text-decoration: none;
	background: none;
	font-size: 14px;
	width: 175px;
}

#mainnav li ul li {
	margin: 0;
	padding: 0;
	border: none;
	width: 170px;
}

#mainnav ul li ul a:hover {
	background: #662244;
}

#mainnav li ul ul { /* third-and-above-level lists */
	margin: -25px 0 0 150px;
}

#mainnav li:hover ul ul, #mainnav li:hover ul ul ul, #mainnav li.sfhover ul ul, #mainnav li.sfhover ul ul ul {
	left: -999em;
}

#mainnav li:hover ul, #mainnav li li:hover ul, #mainnav li li li:hover ul, #mainnav li.sfhover ul, #mainnav li li.sfhover ul, #mainnav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}



/* BLOG - - - - - - - - - - - - - - - - - - - - - - - - - - */

.post, .item {
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
	padding-bottom: 10px;
	clear: both;
}

.post h3 {
	margin-top: 0;
}

.post .post_date {
	font-size: 85%;
	color: #666;
}

/* CONTENT - - - - - - - - - - - - - - - - - - - - - - - - - - */

#content {
	padding: 0 30px 30px 20px;
}

#content h2 {
	color: #d9ae27;
	font-size: 24px;
	font-weight: normal;
}

#content h3 {
	color: #d9ae27;
	font-size: 18px;
	font-weight: normal;
}

#content h3 a, #content h3 a:visited {
	color: #be202e;
	background: none;
}

#thewindows img {
	width: 100px;
	height: 100px;
}

#content a {
	background-color: #ffffdd;
}

/* homepage */

.home #content {
	padding-left: 0;
}

#innerfade {
	margin: 0; padding: 0;
}

#innerfade {
	margin: 0; padding: 0; list-style: none;
}

#homecols {
	padding: 0 20px;
}

/*
#homecols img {
	width: 100px;
	height: auto;
	float: left;
	margin: 0 8px 8px 0;
}
*/


#homecols #left {
	float: left;
	width: 550px;
}

#homecols h3 {
	margin: 0px 0 5px 0;
	font-size: 16px;
}

#homecols p {
	margin: 0px 0 5px 0;
}

/* FOOTER - - - - - - - - - - - - - - - - - - - - - - - - - - */

#footer {
	text-align: center;
	font-size: 12px;
	color: #9e7588;
	padding: 30px 0 0 0;
}

#footer a, #footer a:visited {
	color: #9e7588;
}

img.photo-stack {
	background: url('images/photo-stack.gif') no-repeat;
	width: 105px;
	height: 105px;
	padding: 23px 30px 18px 11px;
}

/* WORDPRESS-OUTPUTTED STYLES - - - - - - - - - - - - - - - - - - - - - - - - - - */

.screen-reader-text {
	display: none;
}

p img {
	padding: 0;
	max-width: 100%;
	}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}

.aligncenter, div.aligncenter {
	display: block;
	margin: 10px auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-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;
}

/* for donation page */

.fundlist {
	margin-bottom: 3px;
	line-height: 18px;
}

.tooltip{
   position: absolute;
   padding: 5px 8px;
   z-index: 2;
   
   color: #303030;
   background-color: #f5f5b5;
   border: 1px solid #DECA7E;
   width: 360px;
   margin-right: 10px;
   
   font-size: 12px;
   line-height: 14px;
}

#content .tooltip h3 {
	margin: 0 0 4px 0;
	font-size: 14px;
}

.fundinfo {
	background: url('images/icon-question.gif') no-repeat right;
	padding-right: 16px;
	cursor: help;
}

.fundinfo:hover {
	background-color: #f5f5b5;
}

tr.error {
	background: #ffd6d6;
	color: #c00
}
tr.error input, tr.error textarea {
	border: 1px solid #c00;
}

/* full width page template */

.page-template-tmpl_fullwidth-php #sidebar { display: none; }

.page-template-tmpl_fullwidth-php #main {
	width: 826px;
	float: none;
	padding-left: 24px;
}

.page-template-tmpl_fullwidth-php #header {
	width: 850px;
	background-position: 550px 5px;
}