/*
Theme Name: Haiti Nursing Foundation
Theme Author: Laura Fisher http://mittenartworks.com
*/


/* GLOBAL RESET */

/* Based on 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td {
	margin: 0;
	padding: 0;
	}

table {
	border-collapse: collapse;
	border-spacing: 0;
	}

fieldset, img { border: 0; }

address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
	}

ol, ul, li { list-style: none; }

caption, th { text-align: left; }

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
	}

q:before, q:after { content: ''; }

a {
	text-decoration: none;
	color: #000;
	}

/* The below restores some sensible defaults */
strong { font-weight: bold; }
em { font-style: italic; }
* a { position: relative; } /* Gets links displaying over a PNG background */
a img { border: none; } /* Gets rid of IE's blue borders */
blockquote {
	margin-left: 1.75em;
	margin-right: .75em;
	}


/* LAYOUT */


body {
	padding: 0 5px 0 5px;
	margin: 0 auto;
	background: url(images/bluegradient.jpg) repeat-x #FFF;
	}

/* top */

div#masthead {
	width: 860px;
	margin: 0 auto;
	position: relative;
	padding: 0px 10px 10px 20px;
	background: #FFF;
	border-right: rgb(0,118,192) solid 1px;
	border-left: rgb(0,118,192) solid 1px;
	}

div#identity {
	height: 236px;
	width: 160px;
	float: left;
	margin-top: 15px;
	background: rgb(0,118,192);
	}

div#photoelement {
	height: 236px;
	width: 670px;
	margin-left: 180px;
	margin-top: 15px;
	background: #EEE;
	}



/* content */

/* we need this for IE 5.01 - otherwise the wrapper does not expand to the
necessary height (unless fixed, this problem becomes even more acute 
weirdness as the method is enhanced */
#columns {
	/* Normally a Holly-style hack height: 1% would suffice but that causes 
IE 5.01 to completely collapse the wrapper - instead we float it */
	float: left;
	/* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes 
(I saw it happen many moons ago) makes the width of wrapper too small 
the float: none with the comment is ignored by 5.01,
5.5 and above see it and carry on about their business
It's probably fine to just remove it, but it's left here 
just in case that many moons ago problem rears its head again */
	float                /**/: none;
	}
/* easy clearing */
#columns:after {
	content: '[DO NOT LEAVE IT IS NOT REAL]';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

#columns { display: inline-block; }
/*\*/
#columns { display: block; }
/* end easy clearing */





div#columns {
	padding: 15px 15px 0 15px;
	background: #FFF;
	width: 860px;
	margin: 0 auto;
	border-right: rgb(81, 139, 187) solid 1px;
	border-left: rgb(81, 139, 187) solid 1px;
	}

div#stories {
	float: left;
	width: 550px;
	margin-left: 170px;
	padding: 0 20px;
	}

* html #stories { display: inline; }

div.post {
	margin-bottom: 2.5em;
	clear: both;
	}

div.post h2 { margin-bottom: 0; }

div.post p {
	margin-bottom: .75em;
	margin-left: .25em;
	}

div.post div.excerpt p {
	display: inline;
	margin-left: 0em;
	}

div.wp-caption {
	padding: 10px 5px 5px 5px;
	margin: 0 0 1em 0;
	border: 1px #DDD solid;
	}

div.wp-caption a img {
	display: block;
	margin: 0 auto;
	}

div.wp-caption p.wp-caption-text {
	margin: 0 auto;
	padding: 5px;
	font-size: .9em;
	text-align: justify;
line-height: 110%;
color: #666;
	}

div.alignleft {
	float: left;
	margin-right: 1em;
	}

div.alignright {
	float: right;
	margin-left: 1em;
	}
	

/* left */

div#contentnavigation {
	float: left;
	width: 160px;
	margin-left: -775px;
	padding: 0 10px 0 20px;
	}

div#contentnavigation li { margin-bottom: 10px; }

div#contentnavigation li.page_item a {
	color: #FFF;
	background: rgb(81, 139, 187);
	display: block;
	padding: 5px 20px 5px 5px;
	}

div#contentnavigation li.current_page_item a {
	background: #6D0911;
	padding: 5px 20px 5px 5px;
	}

div#contentnavigation li.page_item ul li.page_item a {
	background: #8F2C35;
	padding: 5px 20px 5px 25px;
	}

div#contentnavigation li.page_item ul li.current_page_item a {
	background: #8F2C35 url(images/diamond.gif) no-repeat 148px -1px;
	padding: 5px 20px 5px 25px;
	}

div#contentnavigation li ul li a {
	background: rgb(0,118,192) url(images/diamond.gif) no-repeat 148px -1px;
	padding: 5px 5px 5px 25px;
	}

div#contentnavigation ul { }
ul li ul>li { margin-top: 10px; }



/* right */

div#support {
	float: left;
	width: 100px;
	}


/* bottom */

div#footer {
	clear: both;
	width: 860px;
	padding: 15px;
	margin: 0 auto;
	background: #FFF;
	border-right: rgb(0,118,192) solid 1px;
	border-left: rgb(0,118,192) solid 1px;
	text-align: center;
	font-size: .875em;
	height: 6em;
	}

div#auxnav { }
div#auxnav ul { margin-bottom: .75em; }

div#auxnav li {
	display: inline;
	padding: 0 1em;
	border-right: 1px solid #999;
	}

div#auxnav li.lastitem { border-right: none; }	
	

/* TYPOGRAPHY */

/* This sets the 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: 87.5%; }


/* Default fonts and colors. */

body {
	font-family: GillSans, Calibri, Trebuchet, sans-serif;
	color: #000;
	}

h1, h2, h3, h4, h5, h6 {
	font-family: GillSans, Trebuchet, Calibri, sans-serif;
	color: #000;
	}

p { line-height: 130%; }


/* assorted specific typographic styles */

div.post h2 {
	font-weight: bold;
	color: #6D0911;
	font-size: 1.5em;
	margin-bottom: .5em;
	}

div#stories div.post ul {
	padding-left: 1.5em;
	color: #000;
	margin-bottom: 1.25em;
	}

div#stories div.post ul li {
	list-style: disc;
	margin-bottom: .75em;
	}

div#support ul#supportboxes li { margin-bottom: 15px; }

div#support ul#supportboxes li a {
	display: block;
	height: 100px;
	width: 100px;
	}

div.post h3 {
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: .5em;
	}

.alignright {
	float: right;
	margin-left: 12px;
	}

.alignleft {
	float: left;
	margin-right: 12px;
	}

hr {
	margin-bottom: 2em;
	margin-top: 2em;
	}

div.aligncenter {
	margin-left: auto;
	margin-right: auto;
	}

p.callout {
	padding: 1.5em;
	border: 2px solid #000;
	}

div.post p a, div.post li a {
	color: rgb(0,84,137);
	text-decoration: underline;
	}

div p a:hover, div.post li a:hover { text-decoration: none; }
table.wishlist td { padding: 5px; }
table.wishlist { margin-bottom: 2em; }

blockquote.wishlist {
	margin-left: 70px;
	margin-bottom: 2em;
	}

div#contentnavigation ul li.current_page_ancestor a { background: #6D0911; }
div.post h3 a { color: rgb(81, 139, 187); }
div.post h3 a:hover { color: #6D0911; }

dd.gallery-caption {
font-size: .9em;
padding: 0 1.5em 1em 1.5em;
}

div.thumbnailnav img.attachment-thumbnail {
width: 70px;
height: auto;
}

img.size-full {
padding: 0 5px;
}