/*
Theme Name: New Haven HOP
*/


/* -------------------------------------------------------------------- LAYOUT */

#wrapper {
	width:814px;
	background-image: url(images/main_bg.jpg);
	background-repeat: repeat-y;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
}

#main {
	padding: 0px;
	margin: 0px 27px 0px;
	width:760px;
}

#main #header div {
	margin: 0px;
}

#main #header #header-top {
	height: 25px;
	width: 760px;
	background-color:#320033;
}

#main #header #header-banner {
	padding: 0px;
	margin: 0px;
	height: 151px;
}

#main #header #header-banner a img {
	padding:0px;
	margin:0px;
	border:none;
}

#main #header #header-nav {
	background-color: #ababab;
	height:25px;
	text-align: center;
	padding: 0px;
}

/* content area */
#main #content-wrapper {
	background-color: #ffffff;
	padding: 0px;
}

#main #content {
	padding: 12px 4px 12px 12px;
	margin-left: 199px;
}

#main #content.content-full-page {
	margin-left: 0px;
}

#main #content.no-padding {
	padding: 0px;
}


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

#main #left-sidebar {
	width: 180px;
	float: left;
	margin: 14px;
}

#main #left-sidebar #left-sidebar-top {
	height: 17px;
	background-image: url(images/sidebar_top_bg.png);
	background-repeat: no-repeat;
}

#main #left-sidebar #left-sidebar-content {
	background-color: #ebebeb;
	text-align: center;
	overflow: hidden;
}

#left-sidebar-content a {
	border: none;
	text-decoration: none;
}

#left-sidebar-content {
	font-weight: bold;
	line-height: 16px;
}

#left-sidebar-content img {
	margin-bottom: 2px;
	border: none;
}

#main #left-sidebar #left-sidebar-bottom {
	height: 17px;
	background-image: url(images/sidebar_bottom_bg.png);
	background-repeat: no-repeat;
}

#main #left-sidebar div.parent-link {
	background-image: url(images/sidebar_title_bg.png);
	background-repeat: no-repeat;
	background-position: top center;
	padding: 5px;
}

/* ------- SIDEBAR WIDGETS */
#main #left-sidebar ul {
	list-style-type: none;
	text-align: left;
	padding-left: 0px;
}

#main #left-sidebar-content > ul > li {
	padding-top: 10px;
}

#main #left-sidebar h2 {
	font-size: 1em;
	text-align:center;
	background-image: url(images/sidebar_title_bg.png);
	background-position: top center;
	background-repeat: no-repeat;
	margin: 0em;
	padding: 0.5em 0.2em;
}

#main #left-sidebar-content li {
	text-align: center;
}

#main #left-sidebar-content p {
	text-align: left;
	margin: 0px 10px;
}

/* --- END SIDEBAR WIDGETS */

/* ----------- SIDEBAR NAV */
#main #left-sidebar div.sidebar-nav, #main #left-sidebar div.sidebar-nav > ul {
	padding:0px;
	margin:0px;
	text-align: left;
}
#main #left-sidebar div.sidebar-nav > ul > li {
	list-style-type: none;
	text-align: left;
	padding-left: 0px;
	margin: 0px;
}

#main #left-sidebar div.sidebar-nav > ul > li > a, a.button-with-arrow {
	display: block;
	color: #AE2709;
	background-image: url(images/sidebar_nav_links_bg.png);
	background-repeat: no-repeat;
	margin: 3px 7px;
	padding: 3px 0px 6px 10px;
	text-align: left;
	font-family: Verdana, sans-serif;
	font-weight: normal;
	overflow: hidden;
	white-space: nowrap;
}

div.sidebar-nav-link-top {
	margin:0px;
	padding:0px;
	height: 5px;
	width: 165px;
	background-image: url(images/sidebar_nav_link_top.png);
	background-repeat: no-repeat;
}
a.sidebar-nav-link-arrow {
	display: block;
	cursor: pointer;
	margin: 2px 7px;
}
a.sidebar-nav-link-arrow > span {
	background-image: url(images/sidebar_nav_link_bg_arrow.png);
	background-repeat: no-repeat;
	background-position: center left;
	display: block;
	color: #AE2709;
	padding: 0px 10px 0px 10px;
	text-align: left;
	font-family: Verdana, sans-serif;
	font-weight: normal;
	overflow: hidden;
}

div.sidebar-nav-link-bottom {
	margin:0px;
	padding:0px;
	height: 8px;
	width: 165px;
	background-image: url(images/sidebar_nav_link_bottom.png);
	background-repeat: no-repeat;
}
/* ------- END SIDEBAR NAV */

/* ---- WIDE RIGHT SIDEBAR */

#right-sidebar-wide {
	float:right;
	width:212px;
	margin: 0px 15px 0px 0px;
	background-color: #transparent;
}

#right-sidebar-wide-inner {
	padding: 0px 10px;
	margin: 0px;
	background-color: #ebebeb;
}

#right-sidebar-wide-inner h4 {
	margin-top: 0px;
}

#right-sidebar-wide-inner p {
	margin-bottom: 0px;
}

#right-sidebar-wide #right-sidebar-wide-top, #right-sidebar-wide #right-sidebar-wide-bottom {
	margin: 0px;
	height:17px;
}

#right-sidebar-wide #right-sidebar-wide-top {
	background-image: url(images/right_sidebar_wide_top_bg.png);
}

#right-sidebar-wide #right-sidebar-wide-bottom {
	background-image: url(images/right_sidebar_wide_bottom_bg.png);
}

/*  END WIDE RIGHT SIDEBAR */


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

#main #content-footer {
clear: both;
	height: 25px;
	width: 760px;
	background-color: #2c2c2c;
}

#main #content-footer-intercessory-worship {
	clear: both;
	height: 121px;
	width: 760px;
	background-color: #2c2c2c;
	background-image: url(images/content_footer_worship_hands.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}

/* ---------------------------------------------------------------- END LAYOUT */



/* ----------------------------------------------------------------- MAIN NAV */

#header-nav a {
	color: #ffffff;
	text-decoration: none;
	padding: 0px 5px;
	display: inline-block;
	border-width: 0px 0px 1px 0px;
	border-style:solid;
}

#header-nav a:hover {
	border-bottom: 1px solid #ae2709;
}

#main #header #header-nav ul {
	margin: 4px 0px;
	list-style-type: none;
	padding: 0px;
	height: 25px;
}

#main #header #header-nav > ul > li {
	display: inline;
	font-size: 13px;
	list-style-type: none;
	padding: 0px 1px 0px 9px;
}

#main #header #header-nav > ul > li > a {
	display: inline-block;
	border-color: #ababab;
}

#main #header #header-nav > ul > li > a:hover {
	border-bottom: 1px solid #ae2709;
}

#main #header #header-nav ul > li:first-child {
	background-image: none;
	padding: 0px;
}

#main #header #header-nav li {
	background-image: url(images/nav_dots.png);
	background-position: center left;
	background-repeat: no-repeat;
}

/* sub-menus */
#main #header #header-nav ul ul {
	background-color: #d9d9d9;
	padding: 3px 5px;
	height: auto;
}

#main #header #header-nav ul ul li {
	border-top: 1px dotted #ffffff;
	background-image: none;
	padding: 3px 0px 0px;
	margin: 0px 0px 3px;
	display: block;
	width: 100%;
}

#main #header #header-nav ul ul li:first-child {
	border-top: none;
}

#main #header #header-nav ul ul li a {
	color: #000000;
	border-color: #d9d9d9;
}

#main #header #header-nav ul ul li a:hover {
	border-color: #ae2709;
}

/* ------------------------------------------------------------- END MAIN NAV */



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

#main #content-wrapper {
	font-size: 12px;
}

/* General Links */
#main #content-wrapper a {
	color: #8c0014;
}

#main #content-wrapper a:hover {
	color: #6c0000;
}

span.u {
	text-decoration: underline;
}

span.b {
	font-weight: bold;
}

span.bigger {
	font-size: 14px;
}

span.small {
	font-size: 0.8em;
}

span.small-caps {
	font-variant: small-caps;
	font-family: Verdana;
}

#main #content-wrapper a.pdf-link {
	background-image: url(images/pdf_link_bg.png);
	background-repeat: no-repeat;
	background-position: top left;
	line-height: 34px;
	font-size: 20px;
	color: #005CB3;
	padding-left: 43px;
	text-decoration: none;
	display: block;
}


/* ---------------------------------------------- POSTS */

div.post {
	position: relative;
}

div.post > h2 {
	text-align: center;
	color: #AE2709;
	font-family: georgia, serif;
	text-transform: uppercase;
	font-size: 16pt;
	margin: 4px 0px 0px 0px;
}

h4 {
	color: #AE2709;
	font-family: Verdana, sans-serif;
	font-size: 10pt;
	text-align: left;
	margin: 5px 0px;
}

div.post h3 {
	color: #59025B;
	font-size: 14pt;
	font-weight: normal;
}

div.post > h3.subheading-outer {
	text-align:center;
	font-family: georgia, serif;
	text-transform: capitalize;
	font-size: 15pt;
	background-image: url(images/caption_below_bg.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 49px;
	margin: 0px;
	color: #ffffff;
	font-weight: bold;
}

div.post > h3.subheading-outer > span.subheading {
	vertical-align: -15pt;
}

table.pdf-table td {
	vertical-align: top;
}

div.entry {
	margin-top: 2em;
	font-family: serif;
	line-height: 1.4em;
	font-size: 10pt;
}

div.entry > li {
	list-style-type: none;
}

div.excerpt {
	margin-top: 2px;
	margin-left: 1.5em;
}

div.entry h3.subheading-outer {
	font-family: georgia, serif;
	color: #59025B;
	margin: 1em 0em 0.2em;
}

div.entry h3.excerpt-title {
	margin-bottom: 0px;
}

/* For the schedule table on the intercessory worship pages */
div.entry table.weekly-schedule {
	background-image: url(images/schedule_bg_fire_hands.png);
	background-position: center center;
	background-repeat: no-repeat;
	width: 100%;
}

div.entry table.weekly-schedule tr.odd {
	background-image: url(images/schedule_odd_bg.png);
	background-repeat: repeat;
}

div.entry table.weekly-schedule td{
	text-align:center;
	padding: 10px;
}

/* ------------------------------------------ END POSTS */


/* -------------------------------------- DONATION FORM */

div.form {
	font-family: Verdana, sans-serif;
	
}

.formLabel, span.formField, .viewLabel, .viewValue {
	text-align: left;
	font-size: 8pt;
	padding-right: 40px;
}

div.contact-form .formLabel {
	padding-right: 10px;
}

.viewValue {
	font-weight: bold;
}

div.form .formRequired {
	color: #AE2709;
}

td.spacer {
	font-size: 6px;
	line-height: 6px;
}

div.form .formFieldError {
	padding: 1px 0px 4px;
	border: 2px solid #AE2709;
}

/* ---------------------------------- END DONATION FORM */

div.navigation {
	margin-bottom: 20px;
}

span.wpcf7-radio span.wpcf7-list-item {
	display: block;
}

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



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

#footer {
	clear: both;
	font-weight: bold;
	font-size: 11px;
	padding: 12px;
	text-align: center;
	letter-spacing: 1px;
}

#footer a{
	color: #990000;
}
#footer a:hover{
	color: #770000;
}

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

BODY  {
	margin: 0px;
	font-family:Arial,Helvetica,Verdanda;
	color:#000000;
	background-color:#adadad;
}


/*	Begin Headers */
h1 {
	padding-top: 70px;
	margin: 0;
	}

h2 {
	margin: 30px 0 0;
	}

h2.pagetitle {
	margin-top: 30px;
	text-align: center;
}

#sidebar h2 {
	margin: 5px 0 0;
	padding: 0;
	}

h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
	}
/* End Headers */



/* Begin Images */
p img {
	padding: 0px;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

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;
	}
/* End Images */


/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}
/* End Form Elements */



/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */



/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */


/* Links Pages */
#post-32 ul li {
	list-style: none;
}

#post-32 ul li img {
	border: none;
	float: right;
	margin: 0 0 10px 10px;
}