/*
Theme Name: NYFC
Theme URI: http://linkedbyair.net/nyfc/
Description: New Yorkers for Children
Version: 1.0
Author: Linked by Air
Author URI: http://linkedbyair.net/
*/



/* === TYPOGRAPHY AND COLOR === */

body {
	background-color: #fff;
	font-family: Arial, sans-serif;
	font-size: 13px;
	line-height: 17px;
	background-color: rgb(2, 61, 97);
}

#page {
	background-color: #fff;
}

.index-home, .index-contact-us {
	font-size: 15px;
	line-height: 19px;
}


h1, h2, h3, h4 {
	font-family: Georgia, serif;
	font-weight: bold;
	color: rgb(0, 85, 150);
	border-bottom: 1px solid rgb(0, 85, 150);
}
h1 {
	font-size: 26px;
	line-height: 32px;
}
h2 {
	font-size: 24px;
	line-height: 30px;
}
h3 {
	font-size: 21px;
	line-height: 25px;
}
h4 {
	font-size: 18px;
	line-height: 22px;
}
.post .entry h1, .post .entry h2, .post .entry h3, .post .entry h4 {
	margin-top: 17px;
	margin-bottom: 5px;
	color: #000;
	border: none;
	clear: both;
}
h5 {
	font-family: Arial, sans-serif;
	font-weight: bold;
	color: #000;
	font-size: 18px;
	line-height: 22px;
	margin-bottom: 11px;
}
.post .entry h5 {
	font-weight: normal;
	color: rgb(0, 85, 150);
}

.home .wide h1, .home .wide h2 {
	font-size: 26px;
	line-height: 32px;
}
.home .wide h3, .home .wide h4 {
	font-size: 21px;
	line-height: 25px;
}
.full h1, .full h2, .half h1, .half h2 {
	font-size: 24px;
	line-height: 30px;
}
.full h3, .full h3, .half h3, .half h4 {
	font-size: 18px;
	line-height: 22px;
}
.narrow h1, .narrow h2 {
	font-size: 21px;
	line-height: 25px;
}
.narrow h3, .narrow h4 {
	font-size: 18px;
	line-height: 22px;
}
h1 a, h2 a, h3 a {
	text-decoration: none;
	color: inherit;
}

#header .date {
	color: rgb(0, 85, 150);
	font-size: 12px;
	line-height: 15px;
}
.blurb {
	margin-top: 16px;
	font-family: Arial, sans-serif;
	font-weight: normal;
	color: #000;
	font-size: 15px;
	line-height: 19px;
	background-color: rgb(192, 203, 227);
}
.blurb .middle {
	padding-left: 16px;
	padding-right: 16px;
	padding-top: 8px;
	padding-bottom: 8px;
}
.blurb-home {
	margin-top: 16px;
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 27px;
	line-height: 32px;
	text-align: center;
	background-color: rgb(0, 85, 150);
	color: #fff;
}

#footer .address {
	color: rgb(2, 61, 97);
	font-size: 12px;
	line-height: 15px;
}

a, a:visited, a:active, a:hover {
	text-decoration: none;
	color: rgb(0, 85, 150);
	font-weight: bold;
}
a:active {
	color: rgb(115, 174, 181);
}
a:active, a:hover {
	text-decoration: underline;
}
strong a, strong a:visited, strong a:active, strong a:hover,
		a strong, a:visited strong, a:active strong, a:hover strong {
	font-weight: normal;
}

.index .shade-entry {
	font-weight: bold;
	background-color: rgb(192, 203, 227);
}
.index .shade-entry .middle {
	margin-top: -8px;
	margin-bottom: -8px;
	padding-left: 7px;
	padding-right: 7px;
}

.single .shade-single {
	background-color: rgb(114, 175, 182);
	margin-bottom: 32px;
	font-weight: normal;
	color: #fff;
}
.single .shade-single strong a, .single .shade-single a strong {
	font-weight: normal;
	color: #fff;
}
.single .shade-single ul {
	color: #000;
}

.post ul li a, .post ul li a:visited, .post ul li a:hover, .post ul li a:active, .post ul li em {
	font-style: normal;
	font-weight: normal;
	font-size: 13px;
	line-height: 14px;
}
.contact-us .post ul li {
	font-size: 13px;
	line-height: 17px;
	margin-bottom: 17px;
}

.wide .post ul li {
	font-size: 15px;
	line-height: 16px;
}
.wide .post ul li a {
	font-weight: bold;
}
.wide .post ul li a strong, .wide .post ul li strong a {
	font-size: 12px;
	line-height: 19px;
}
.narrow .post ul li {
	font-size: 13px;
	line-height: 14px;
}
.index .narrow a {
	font-weight: normal;
}

.get-involved .entry {
	font-size: 15px;
	line-height: 19px;
}
.get-involved .entry li {
	color: rgb(0, 85, 150);
}

.contact-us .entry a {
	font-weight: normal;
}

.navmenu a, .navmenu a:visited, .navmenu a:active, .navmenu a:hover {
	color: rgb(2, 61, 97);
	font-size: 15px;
	line-height: 17px;
	font-weight: bold;
	text-decoration: none;
}
.navmenu li a:active {
	color: rgb(115, 174, 181);
}
.navmenu li a:active, .navmenu li a:hover {
	border-bottom: 2px solid rgb(0, 85, 150);
}
.ie7 #header .navmenu li {
	position: relative;
	height: 24px;
}
.navmenu li.current-cat a, .navmenu li.current-cat a:visited, .navmenu li.current-cat a:active, .navmenu li.current-cat a:hover {
	border-bottom: 2px solid rgb(2, 61, 97);
}

.caption {
	color: rgb(109, 111, 113);
	font-size: 12px;
	line-height: 16px;
	margin-top: 6px;
}

.entry iframe {
	border: 1px solid rgb(0, 85, 150);
}

.clippings {
	background-color: #002e50;
}
.clippings .caption {
	color: #fff;
	font-size: 11px;
	line-height: 15px;
}	
.clippings .navigation a:active {
	opacity: .5;
	filter: alpha(opacity=50);
}

/* === LAYOUT === */

body {
	margin-left: 32px;
	margin-right: 32px;
	margin-top: 16px;
	margin-bottom: 16px;
	padding: 0;
}

#page {
	position: absolute;
	width: 800px;
	top: 0px;
	left: 50%;
	margin-left: -432px;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 32px;
	padding-right: 32px;
	padding-top: 16px;
	padding-bottom: 16px;
}

#header {
	width: 100%;
}

#header .logo {
	float: left;
	margin-bottom: 16px;
}
#header .date-block {
	float: right;
}
#header .donate {
	margin-top: 64px;
}
#header .navmenu {
	clear: both;
	height: 24px;
}
#header .navmenu li {
	overflow: visible;
}

#footer {
	padding-top: 32px;
	clear: both;
}

.column {
	float: left;
}
.one {
	margin-right: 32px;
}
.narrow {
	width: 320px;
	padding-top: 11px;
}
.half {
	width: 384px;
}
.wide {
	width: 448px;
}
.full {
	width: 800px;
}

.full .post .entry {
	width: 576px;
}
.full .post {
	margin-top: 32px;
}
.events .full .post {
	margin-top: 0;
	margin-bottom: 0;
}
.index-events {
	margin-top: 32px;
}

.get-involved .full .post .entry {
	margin-top: -16px;
	width: 100%;
}
.ie .get-involved .full .post .entry {
	margin-top: 0;
}

#footer {
	padding-top: 64px;
	width: 100%;
}
#footer .address {
	margin-top: 16px;
}
#footer .pattern {
	margin-top: 8px;
}

.navmenu {
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
	white-space: nowrap;
}
.navmenu li {
	display: inline;
	margin-right: 16px;
}

.ie .index-home, .ie .index-about-us, .ie .index-programs, .ie .index-contact-us {
	margin-top: 20px;
}

.post {
	clear: both;
}

.post ul.last, .post ul.column {
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
}
.post ul.last li, .post ul.column li {
	padding: 0;
	margin-top: 0;
	margin-left: 0;
	margin-right: 16px;
	margin-bottom: 3px;
	line-height: 16px;
}
.post ul.column {
	width: 50%;
	margin-bottom: 16px;
}
.post ul.one {
	clear: both;
	float: left;
}

.post ul li h4 {
	display: inline;
	padding-top: 0;
	margin-top: 0;
}

.index-events .post h2 div {
	width: 384px;
}
.index-events .post .entry {
	position: relative;
	width: 384px;
	overflow: visible;
}
.index-events .post .entry ul {
	position: absolute;
	top: 0;
	left: 416px;
	width: 192px;
}
.index-events .post .entry .image-column {
	position: absolute;
	top: 0;
	left: 640px;
}
.index-events .caption {
	width: 160px;
}

.single-generic .post .expandable-height {
	position: relative;
	width: 512px;
	overflow: visible;
}
.single-generic .post .entry ul {
	position: absolute;
	top: 0;
	left: 544px;
	width: 256px;
}
.single-generic .post .entry ul.column {
	position: static;
	width: 50%;
	top: 0;
	left: 0;
}

.single .gallery {
	position: relative;
	width: 512px;
}
.single .gallery .gallery-current {
	position: relative;
	width: 800px;
}
/*.single .gallery #current-caption {
	position: absolute;
	bottom: -3px;
	left: 544px;
	width: 256px;
}*/
.single .gallery #current-caption {
	width: 512px;
}
.single .gallery #thumbnails {
	width: 512px;
	margin-top: 8px;
}
.single .gallery .thumbnail {
	margin-right: 8px;
	margin-bottom: 8px;
	cursor: pointer;
}
.single .gallery #thumbnails .current {
	border: 2px solid rgb(0, 85, 150);
}
.single .gallery .entry, .single .gallery .entry p {
	width: 512px;
}
.single .gallery .entry ul {
	position: absolute;
	top: 0;
	left: 544px;
	width: 256px;
}

.single-bios .post .entry {
	position: relative;
	width: 608px;
	overflow: visible;
}
.single-bios .post .entry .image-column {
	position: absolute;
	top: 0;
	left: 640px;
	width: 160px;
}

.index-in-the-news .one .image-column {
	float: left;
	width: 160px;
	margin-right: 32px;
	margin-bottom: 32px;
}
.index-in-the-news .one .image img {
	border: 1px solid #999;
	padding: 2px;
}

.index-home .two .image {
	margin-bottom: 15px;
}

.single .clippings {
	margin-bottom: 32px;
}
.index .clippings {
	margin-bottom: -64px;
}
.clippings-inner {
	padding-left: 18px;
	padding-top: 18px;
	padding-bottom: 8px;
	width: 800px;
}
.ie6 .clippings-inner {
	width: 782px;
}
.clippings .image-column {
	float: left;
	width: 184px;
	margin-right: 8px;
}
.clippings .caption {
	width: 184px;
	margin-top: 4px;
	padding-bottom: 8px;
}
.clippings .navigation {
	padding-top: 0;
	padding-left: 18px;
	padding-right: 18px;
	padding-bottom: 18px;
	text-align: right;
}
.clippings-navigation-disabled {
	position: relative;
	left: -15px;
}

/* Begin Images */

p img {
	padding: 0;
	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. */
	text-align:center;
	}

select {
	width: 130px;
	}

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

#commentform textarea {
	width: 100%;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	float: right;
	}
	
/* End Form Elements */



/* Begin Comments*/

.alt {
	margin: 0;
	padding: 10px;
	}

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

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

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

#commentform p {
	margin: 5px 0;
	}

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

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



/* Begin Sidebar */

#sidebar
{
	padding: 20px 0 10px 0;
	margin-left: 545px;
	width: 190px;
	}

#sidebar form {
	margin: 0;
	}
	
/* End Sidebar */



/* 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 */



/* Begin Various Tags & Classes */

acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
	
/* End Various Tags & Classes*/