/*   
Theme Name: Westend Neighborhood House Theme
Theme URI: http://www.westendnh.org
Description: Customer theme
Author: Warren Chase, Matt Schmidt
Author URI: http://www.digitaleye.com
Version: 1.0
.
*/
/* ++Default++ */
* {margin:0; padding:0;}
h1, h2, h3, p, pre, blockquote, fieldset, table, ul, ol {margin:1.0em 0;}
form {margin:0; padding:0;}
img {border:0;}

body {
font:62.5% Arial, Helvetica, sans-serif;
color:#333;
text-align:center;
background:url(images/bodybg.gif) repeat-x left top #fff;
_behavior: url(/wp-content/themes/westend/csshover3.htc);
_behavior: url(/wp-content/themes/westend/heightfix.htc);
}

/* ++Wrappers++ */
#wrapper {
	position:relative;
	width:947px;
	margin:78px auto 0 auto;
	padding:0;
	text-align:left;
	background:url(images/wrapbg.gif) repeat-y left top transparent;
}
#brand {
    width:228px;
    height:127px;
	position: absolute;
	top:18px;
	left:16px;
	z-index: 2;
    _zoom: 1;
    /*_clear: both;*/
    /*_position: relative;*/
}


#nav {
	position:absolute;
	top:-36px;
	left:0;
	z-index: 2;
	_zoom: 1;
    /*_clear: both;*/
    _position: relative;
    _margin: 0 0 -36px 0;
}
#nav ul {
	list-style:none;
	margin:0;
	padding:0;
}
#nav li {
	float:left;
	margin:0;
	padding:0;
	height:35px;
	overflow:hidden;
	text-align:center;
	border-left:1px solid #fff;
	border-right:1px solid #0056b4;
	line-height:37px;
}
#nav li.page-item-31 {
	width:120px;
}
#nav li.page-item-33 {
	width:135px;
}
#nav li.page-item-35 {
	width:157px;
}
#nav li.page-item-37 {
	width:248px;
}
#nav li.page-item-39 {
	width:110px;
}
#nav li.cornerstone {
	width:165px;
	border-right:1px solid #fff;
}
#nav li a:link, #nav li a:visited {
	display:block;
	margin:0;
	padding:0;
	background:url(images/nav-default.gif) repeat-x left top #0062e1;
	font-size:1.2em;
	color:#fff;
	text-decoration:none;
}
#nav li a:hover {
	display:block;
	margin:0;
	padding:0;
	background:url(images/nav-hover.gif) repeat-x left top #1076f8;
	font-size:1.2em;
	color:#fff;
	text-decoration:none;
}
/*#education #nav li.education a, #employment #nav li.employment a, #financial #nav li.financial a, #housing #nav li.housing a, #youthfamilies #nav li.youthfamilies a {*/
#nav li.current_page_item a, #nav li.current_page_ancestor a {
	display:block;
	margin:0;
	padding:0;
	background:url(images/nav-on.gif) repeat-x left top #74b31d;
	font-size:1.2em;
	color:#fff;
	text-decoration:none;
}

#subnav {
	float:left;
	width:260px;
	margin:0;
	padding-top:134px;
	font-size:1.1em;
	background:url(images/lnavbg.gif) no-repeat left bottom transparent;
}
#subnav h3 {
	margin:16px 0 0 40px;
	font-size:1.0em;
	color:#00528a;
}
#subnav p {
	margin:4px 0 0 40px;
	font-size:1.0em;
	line-height:1.5em;
	color:#333;
}
#subnav p a {
	color:#126fae;
}
#subnav p a:hover {
	text-decoration:none;
	color:#0c80cf;
}

#subnav ul {
	list-style:none;
	margin:26px 0 0 16px;
	padding:0;
	_margin:70px 0 0 16px;
	*margin:70px 0 0 16px;
	_padding-top: 26px;
	*padding-top: 26px;
}
#subnav li {
	margin:0;
	padding:0;
}
#subnav li.vrule, #subnav li:after {
	content: ".";
	display:block;
	width:226px;
	height:2px;
	margin:0;
	padding:0;
	font-size:0; line-height:0;
	background:url(images/vrule-lnav.gif) no-repeat left top transparent;
}
#subnav li a:link, #subnav li a:visited {
	display:block;
	margin:0;
	padding:5px 0 4px 43px;
	font-size:1.2em;
	background:url(images/lnav-default.gif) no-repeat left 50% transparent;
	color:#037500;
	text-decoration:none;
}
#subnav li a:hover {
	display:block;
	margin:0;
	padding:5px 0 4px 43px;
	font-size:1.2em;
	background:url(images/lnav-on.png) no-repeat left 50% transparent;
	color:#126fae;
	text-decoration:none;

    _behavior: url(/wp-content/themes/westend/iepngfix.htc);
}
/*#home #subnav li.home a, #history #subnav li.history a, #director #subnav li.director a, #contactus #subnav li.contactus a, #board #subnav li.board a, #newsroom #subnav li.newsroom a, #events #subnav li.events a, #achievements #subnav li.achievements a, #gallery #subnav li.gallery a, #donate #subnav li.donate a, #volunteer #subnav li.volunteer a {*/
#subnav li.current_page_item a, #subnav li.current_page_parent a {
	display:block;
	margin:0;
	padding:5px 0 4px 43px;
	font-size:1.2em;
	background:url(images/lnav-on.png) no-repeat left 50% transparent;
	color:#126fae;
	text-decoration:none;
	cursor:default;
    _behavior: url(/wp-content/themes/westend/iepngfix.htc);
}

#newsroom.nrsub #subnav li.newsroom a {
	cursor:pointer;
}

#joinlist {
	margin-top:10px;
}

#content {
	float:right;
	width:686px;
	margin:10px 1px 0 0;
	background:url(images/wrap-bg2r.gif) repeat-y right top transparent;
    /*_width: 100%;*/
}

#content .page, #content .post {
	min-height: 612px;
    /*_height: 612px;*/
}

#newsroom.nrsub #content {
	background:none;
}

#content h1, #content .post .post-title {
	width:373px;
	margin:21px 0 11px 20px;
	font:bold 2.0em "Arial Narrow", Arial, Helvetica, sans-serif;
	color:#0665b6;
    /*_width: 370px;*/
}
#content h1.subpgs, #content .page .post-title {
	width:373px;
	margin:12px 0 11px 20px;
	font:bold 2.0em "Arial Narrow", Arial, Helvetica, sans-serif;
	color:#0665b6;
}


.post .meta, .page .meta, .post .feedback, .page .feedback {
	margin: 12px 0 11px 20px;
	width: 373px;
}

#content li p {
	margin-left: 0;
	font-size: 1.0em;
}

#content h1 span {
	font:0.6em Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#b7b7b7;
	line-height:0.9em;
}
#content h2 {
	width:373px;
	margin:18px 0 11px 20px;
	font:bold 1.7em "Arial Narrow", Arial, Helvetica, sans-serif;
	color:#0665b6;
}
#content h3 {
	width:373px;
	margin:4px 0 11px 20px;
	font:bold 1.5em "Arial Narrow", Arial, Helvetica, sans-serif;
	color:#0665b6;
}

#content p, .news-room #content .news {
	font-size:1.3em;
	color:#333;
	line-height:1.6em;
	width:373px;
	margin:8px 0 14px 20px;
}

.directors-message #content, .news-single #content {
	background:none;
}
.directors-message #content h2, .events-calendar #content h2, .recent-partners #content h2 {
	width:640px;
}
.directors-message #content p, .events-calendar #content p {
	width:640px;
}
.picture-gallery #content, .events-calendar #content, .recent-partners #content {
	background:none;
}

.achievements #content {
	background:none;
}
.achievements #content h2 {
	width:640px;
}
.achievements #content p {
	width:640px;
}
.achievements #content li {
	width:640px;
}

.news-single #content h2 {
	width:640px;
}
.news-single #content p {
	width:640px;
}



#content a {
	color:#126fae;
}
#content a:hover {
	text-decoration:none;
	color:#0c80cf;
}

.youthfamilies #content a {
	color:#54a900;
}
.youthfamilies #content a:hover {
	text-decoration:none;
	color:#8dc63f;
}

#content ul {
	width:373px;
	margin:7px 0 14px 0;
}
#content li {
	font-size:1.3em;
	color:#333;
	line-height:1.5em;
	margin:0 0 0 40px;
}
#content li h3 {
	font-size:1.3em;
	color:#0665b6;
	line-height:0.9em;
	margin:7px 0 4px 0;
}

#content #youthsub {
	position:relative;
	top:1px;
	margin:0;
	padding:0;
	background:#0060E2;
	font-size:0.9em;
}

#content hr {
	width:374px;
	height:1px;
	margin:18px 0 0 18px;
	border:none;
	background:#ccc;
	color:#ccc;
    text-align: left;
}

.storydate {
	font-weight:bold;
	font-size:0.8em;
	color:#737373;
	line-height:8px;
}
p.storybyline {
	padding:6px 11px;
	font-size:1.1em !important;
	background:#eee;
}

.yf-efs #content #youthsub {
	position:relative;
	top:1px;
	margin:0;
	padding:0;
	background:#74B31D;
	font-size:0.9em;
}
#content #youthsub ul {
	width:100%;
	list-style:none;
	margin:0;
	padding:0;
}
#content #youthsub li {
	float:left;
	border-right:1px solid #eee;
	margin:0;
	padding:0;
	font-size:1.2em !important;
}
#content #youthsub li.page-item-50 {
	border-right:none;
}
#content #youthsub li a:link, #content #youthsub li a:visited {
	display:block;
	padding:4px 12px;
	text-decoration:none;
	background:#0060E2;
	text-align:center;
	color:#fff;
}
#content #youthsub li a:hover {
	display:block;
	padding:4px 12px;
	text-decoration:none;
	background:#0076FF;
	text-align:center;
	color:#fff;
}
/*.yf-ba #content #youthsub li.basc a, .yf-ys #content #youthsub li.youthservices a, .yf-fcy #content #youthsub li.fostercareyouth a, .yf-efs #content #youthsub li.emergency a {*/
#content #youthsub li.current_page_item a {
	display:block;
	padding:4px 12px;
	text-decoration:none;
	background:#74B31D;
	text-align:center;
	color:#fff;
	cursor:default;
}
#content #youthsub li.page-item-50 a {
	display:block;
	padding:4px 12px 4px 12px;
	text-decoration:none;
	text-align:center;
	color:#fff;
}
.emergency-family-services #content #youthsub {
	background:url(images/ynbg2.gif) repeat-y top right #0060E2;
}
.main1 {
	z-index:1;
}
.main2 {
	position:absolute;
	top:17px;
	left:824px;
	z-index:2;
}

#features {
	margin:17px 0 0 0;
	_margin: 0;
	*margin:0;
	clear:both;
	white-space: nowrap;
    _zoom: 1;
    _clear: both;
    /*_border: solid red 1px;*/
}
.pad1 {
	border-right:1px solid #fff;
}
.imgrhome {
	float:right;
	margin:24px 3px 12px 10px;
	border-top:1px solid #d2e9c1;
	border-bottom:1px solid #d2e9c1;
	border-left:1px solid #d2e9c1;
}
.imgr {
	float:right;
	clear:right;
	margin:5px 3px 12px 10px;
	border-top:1px solid #d2e9c1;
	border-bottom:1px solid #d2e9c1;
	border-left:1px solid #d2e9c1;
}
.imgl {
	float:left;
	clear:left;
	margin:3px 14px 4px 0px;
	border-top:1px solid #d2e9c1;
	border-bottom:1px solid #d2e9c1;
	border-left:1px solid #d2e9c1;
}
#featr-imgs {
	float:right;
	width:272px;
	margin:5px 3px 12px 10px;
	position: relative;
    _position: absolute;
    _right: 0;
    _display: inline;
    _margin: 0;
}
#featr-imgs h3 {
	width:235px;
	margin-top:0px;
	font-size:1.3em;
	color:#00528A;
}
#featr-imgs p {
	width:235px;
	font-size:1.0em;
	font-weight:bold;
	color:#00528A;
}
#featr-imgs hr {
	width:237px;
	margin-bottom:14px;
}

.fimg {
	margin:0px 0 16px 0;
	border-top:1px solid #d2e9c1;
	border-right:1px solid #d2e9c1;
	border-bottom:1px solid #d2e9c1;
	border-left:1px solid #d2e9c1;
}

#footer {
	width:946px;
	height:5px;
	margin:0 auto 5px auto;
	padding:0;
	border-top:1px solid #fff;
	background:#ffda74;
	clear:both;
}
#xtra1 {
	width:960px;
	height:71px;
	position:absolute;
	top:-72px;
	left:-7px;
	background:url(images/nav-shdw.gif) no-repeat left top transparent;
	z-index:-1;
}

/* ++Misc++ */
.clear {
	clear:both;
}
#credit {
	width:914px;
	margin:0 auto;
	padding:2px 10px;
	background:#fff;
	text-align:right;
}
#credit a {
	color:#3A83E0;
	text-decoration:none;
}
small {
	line-height:1.5em;
}

#features a.feature-contact, #features a.feature-donate, #features a.feature-volunteer, #features a.feature-events {
	display: block;
	float: left;
	width: 228px;
	height: 71px;
	border-right: solid white 1px;
	background-position: top left;
	background-repeat: no-repeat;
	background-color: transparent;
    _height: 107px;
}

#features a.feature-contact {
	background-image: url(images/feature-contact.gif);
}
#features a.feature-donate {
	background-image: url(images/feature-donate.gif);
}
#features a.feature-volunteer {
	background-image: url(images/feature-volunteer.gif);
}
#features a.feature-events {
	background-image: url(images/feature-events.gif);
}

#features a.no-border {
	border: none;
}

a.post-edit-link {
    /*background: url(images/icon-edit.png);*/
    /*width: 16px;*/
    /*height: 16px;*/
    /*display: inline-block;*/
    /*overflow: hidden;*/
    font-size: x-small;
}

#wp-calendarLarge {
    width: 95%;
}

div.listl {
	float:left;
	width:330px;
	vertical-align:top;
}
div.listl li {
	width:320px;
}
div.listr {
	float:right;
	width:330px;
	vertical-align:top;
}
div.listr li {
	width:320px;
}


/* IE6 css fixer v0.6: Wed, 28 Oct 2009 18:32:23 +0100 */

/* ============================================= */
/* safe settings                                 */

/* add display:inline to floated elements */
#nav li,
#subnav,
#content,
#content #youthsub li,
.imgrhome,
.imgr,
.imgl,
#featr-imgs,
#features a.feature-contact,#features a.feature-donate,#features a.feature-volunteer,#features a.feature-events,
div.listl,
div.listr {_display:inline;}

/* convert min height values */
/*#content .page,#content .post {_height:612px;}*/


/* add zoom:1 to overflow:hidden */
#nav li {_zoom:1;}

/* add zoom:1 to pos:relative elements */
#wrapper,
#content #youthsub,
.yf-efs #content #youthsub,
#featr-imgs {_zoom:1;}

#content .gallery-nav {
    margin-left: 20px;
    font-size: 1.2em;
}

#content .gallery-nav ul {
    width: auto;
    margin: 0 0 1em;
}

#content .gallery-nav ul li {
    list-style: none;
    margin: 0 4px 0 4px;
    display: inline;
    font-size: 1.0em;
}