/*  
Theme Name: SoH
Theme URI: 
Description:
Version: 1
Author: Andy Fraley
Author URI: http://www.andyfraley.com/

*/

/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */

/* Purpose: undo some of the default styling of common (X)HTML browsers */

/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; line-height:1;}

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img, a:link img, a:visited img, a:hover img { border:none; }

/* de-italicize address */
address { font-style:normal; }

/* more varnish stripping as necessary... */
a, a:link, a:hover, a:visited { color:#600; text-decoration:underline;}
body {
	background:#fff;
	margin:0 auto;
	font: 62.5% "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	color:#222;
	text-align:center;
}
#page {
	width:780px;
	margin:10px auto;
	text-align:left;
}
#header {
	background:#fff url(images/header-bg.gif) top left no-repeat;
	margin:0;
	clear:both;
	position:relative;
	height:75px;
	height:100px;
	border-bottom:1px #cc9 solid;
}
	a#logo {
		position:absolute;
		top:15px;
		left:15px;
	}
	#header form {
		position:absolute;
		top:10px;
		right:10px;
	}
		#header form p {
			float:left;
			font-size:1.1em;
			margin:0 5px 0 0;
		}
		.home #header form p { display:none; }
		#header form a { 
			color:#666; 
			margin:0 5px 0 0;
			text-decoration:underline;
		}
ul#top-nav {
	position:absolute; z-index:5;
	text-align:right;
	right:0;bottom:7px;margin:0;padding:0;
}
#top-nav li {
	display:block;
	float:left;
}
#top-nav li a {
	display:block;
	font-size:1.4em;
	margin:0;
	padding:0 10px 0 20px;
	color:#333;
	text-decoration:none;
}
	#top-nav li a:hover { color:#600; text-decoration:none; }
	.about li#top-about a, .training li#top-hospitals a, 
	.missions li#top-missions a, .media li#top-media a, .donate li#top-donate a {
		font-weight:bold;
		color:#900;
	}
#main-head {
	clear:both;
	height:1%;
	margin:3px 0 0 0;
	background:#900 url(images/main-head-bg.gif) top left repeat-x;
}
	#main-head img {
		margin-left:-3px;
		border-left:3px #fff solid;
		border-bottom:3px #fff solid;
	}
	#main-head img.first { margin-left:0;border-left:0; }
	h1 {
		font-size:2em;
		padding:5px 20px 0 170px;
		color:#fff;
		line-height:20px;
		margin:0;
	}
	h2 {
		font-size:1.4em;
		margin:0;
		padding:0 20px 5px 170px;
		font-weight:normal;
		color:#fff;
		line-height:20px;
	}
#main {
	clear:both;
	padding:20px 0 0 0;
}
#left-nav {
	float:left;
	width:150px;
	margin:-10px 20px 0 0;
}
	#left-nav ul {
		display:none;
		padding-bottom:30px;
	}
		.about ul#sub-about-us, .training ul#sub-training-hospitals, 
		.missions ul#sub-medical-missions, .media ul#sub-media-resources, .donate ul#sub-donate-now, 
		.central-presbyterian-church ul#sub-about-us, .publicis-medicus ul#sub-about-us, 
		.edwards-lifesciences-fund ul#sub-about-us, .medtronic ul#sub-about-us {
			display:block;
			margin-bottom:10px;
		}
	#left-nav li a, #left-nav li a:visited {
		font-size:1.1em;
		display:block;
		padding:3px 5px 5px 10px;
		font-weight:normal;
		border:0 none;
		color:#900;
		text-decoration:none;
	}
	#left-nav li.head a, #left-nav li.head a:visited {
		font-size:1.2em;
		padding:10px 5px 5px 0;
		font-weight:bold;
		color:#888;
		border-bottom:1px #ccc solid;
	}
	#left-nav li.head-on a, #left-nav li.head-on a:visited {
		font-size:1.2em;
		padding:10px 5px 5px 0;
		font-weight:bold;
		border-bottom:1px #900 solid;
	}
	#left-nav li a:hover {
		text-decoration:underline;
		color:#600;
		background:url(images/leftnav-pointer-off.gif) center left no-repeat;
	}
	#left-nav li.head a:hover, #left-nav li.head-on a:hover {
		text-decoration:none;
		color:inherit;
		background:none;
	}
	.background li#background a, .Board li#board-of-directors a, .sustainable-development li#sustainable-development a, 
	.mission-statement li#mission-statement a, .central-presbyterian-church li#partners a, .publicis-medicus li#partners a, 
	.edwards-lifesciences-fund li#partners a, .medtronic li#partners a, .faq li#faq a, .board-of-directors li#board-of-directors a, 
	.financial-information li#financial-information a, .affiliate-organizations li#affiliate-organizations a, .partners li#partners a, 
	.contact-soh li#contact-soh a, .current-hospitals li#current-hospitals a, .phnom-penh-heart-center li#phnom-penh a, 
	.phnom-penh-neurosurgery li#phnom-penh-neurosurgery a, .dakar-cardiology-center li#dakar-cardiology a, 
	.kabul-medical-institute li#kabul-medical a, .maputo-heart-institute li#maputo-heart-institute a, .cambodia-2006 li#cambodia-2006 a, 
	.kabul-2006 li#kabul-2006 a, .mozambique-2006 li#mozambique-2006 a, .senegal-2007 li#senegal-2007 a, 
	.kabul-2007 li#kabul-2007 a, .inwaiting-1 li#inwaiting-1 a, .inwaiting-2 li#inwaiting-2 a,
	.empowerment-not-pity li#empowerment-not-pity a, .soh-documents li#soh-documents a, .why-donate li#why-donate a, 
	.make-a-donation li#make-a-donation a, .become-a-volunteer li#become-a-volunteer a, 
	.sponsorship-programs li#sponsorship-programs a {
		font-weight:bold;
		background:url(images/leftnav-pointer.gif) center left no-repeat;
	}
	#left-nav p {
		font-size:1.1em;
		line-height:1.4;
		margin:0 0 10px 10px;
		clear:both;
	}
		#left-nav p img {
			float:left;
			margin:0 5px 15px 0;
		}
		#left-nav p a {
			color:#444;
			text-decoration:underline;
		}
	#left-nav h6 {
		font-size:1.1em;
		margin:0 0 10px 0;
		padding:10px 0 0 10px;
		background:url(images/dotline.gif) top left repeat-x;
	}
	a#left-donate {
		display:block;
		width:75px;
		line-height:20px;
		font-size:1em;
		font-weight:bold;
		text-align:center;
		margin:40px 0 0 10px;
		text-transform:uppercase;
		color:#fff;
		background:url(images/donate-button.gif) top left no-repeat;
	}
		a#left-donate:hover {
			color:#ffc;
			text-decoration:none;
			background:url(images/donate-button.gif) top right no-repeat;
		}
.column {
	width:290px;
	float:left;
	margin:0 20px 20px 0;
}
.last { margin-right:0;}
#main-content {
	width:600px;
	float:left;
	margin:0 0 10px 0;
}
#footer {
	background:#fff url(images/footer-bg.gif) left bottom no-repeat;
	clear:both;
	border-top:1px #e3e3cf solid;
	color:#444;
	height:75px;
}
	#footer p {
		float:left;
		width:190px;
		font-size:1.1em;
		line-height:1.3;
		margin:15px 20px 0 170px;
		*margin-left:85px;
	}
	#footer p a {
		color:#444;
		margin:0 5px 0 0;
		text-decoration:underline;
	}
	#footer address {
		float:left;
		width:330px;
		line-height:1.3;
		margin:15px 0 0 0;
		font-size:1.1em;
	}
	#footer address em {display:block; font-weight:bold; font-style:normal; color:#600;}
	#footer address strong { margin-right:5px;}
h3 {
	font-size:1.4em;
	margin:2em 0 5px 0;
	color:#600;
}
h3.first { margin-top:0;}
p {
	font-size:1.2em;
	line-height:1.5;
	margin:0 0 1.2em 0;
}
	.board-of-directors #main-content p a, .board-of-directors #main-content p a:visited {
		font-size:0.9em;
	}
#main-content ul {
	font-size:1.2em;
	margin:0 0 1.1em 15px;
	list-style:square;
}
#main-content ul.pdf {
	list-style-image:url(images/page_white_acrobat.gif);
	margin-left:25px;
}
#main-content ul.xls {
	list-style-image:url(images/page_white_excel.gif);
	margin-left:25px;
}
#main-content li {
	line-height:1.4;
}
#main-content ul.pdf li, #main-content ul.xls li {
	line-height:16px;
	margin-bottom:5px;
}
#main-content li a {
	color:#900;
	text-decoration:underline;
}
.cat p {
	font-size:1.1em;
	line-height:1.4;
	margin:0 0 20px 0;
}
.column p {
	font-size:1.1em;
	line-height:1.4;
	margin:0 0 20px 0;
}
	.first-column p {
		margin:0 0 10px 0;
	}
	.column p a { 
		color:#900; 
		margin-left:5px;
		text-decoration:underline;
	}
	#main-content p a {
		color:#900; 
		text-decoration:underline;
	}
.column h6 {
	font-size:1.2em;
	margin:0;
	padding:5px 0 0 0;
}
	h6 a, h6 a:link, h6 a:hover, h6 a:visited {
		color:#444;
		text-decoration:underline;
	}
#main-content h6 {
	font-size:1.2em;
	line-height:1.4;
	margin:0;
	color:#444;
}
/* Image + Captions */
.image-cap {
	padding:5px;
	width: 190px;
	border:1px #ddd solid;
	color:#888;
	display:block;
	line-height:1.2;
}
.image-cap img {
	display:block;
	margin:0 0 3px 0;
}
.left { float:left; margin:0 10px 0 0;}
.right { float:right; margin:0 0 0 10px;}
/* Category images thumbs */
.flo-left {
	float:left;
	margin:0 10px 0 0;
}
/* featured links */
.featured-links {
	float:right;
	width:190px;
	margin:0 0 20px 20px;
	padding-bottom:5px;
	background:url(images/featured-bottom.gif) bottom left no-repeat;
}
.featured-links h6 {
	font-size:1.1em;
	margin:0;
	padding:5px 10px 2px 10px;
	background:url(images/featured-top.gif) top left no-repeat;
}
.featured-links p {
	font-size:1.1em;
	line-height:1.2;
	margin:0 10px 5px 10px;
}
.board-of-directors #main-content .featured-links p a { font-size:1em;}
/* Donate Form */
form#donate {
	margin:0 0 15px 0;
	padding:10px 10px 0 10px;
	background:#f5f5f5;
	border:1px #ddd solid;
	clear:both;
}
form#donate p {
	clear:both;
}
form#donate label {
	display:block;
	float:left;
	width:90px;
	padding:0 0 0 5px;
	text-align:right;
	font-size:0.95em;
}
form#donate input, form#donate select, form#donate textarea {
	display:block;
	float:left;
	margin:0 0 10px 5px;
	font-size:1.1em;
}
form#donate input.but {
	font-weight:bold;
	display:inline;
	float:none;
	margin:0;
}
/* HOME PAGE STYLES */
#front-1 {
	width:600px;
	clear:both;
	font-size:1.8em;
	color:#777;
	padding-left:20px;
	line-height:1.4;
}
#front-3 {
	width:420px;
	float:left;
	margin:25px 0 20px 0;
	padding-right:40px;
	padding-left:20px;
}
#front-4 {
	float:left;
	margin:25px 0 20px 0;
	width:290px;
	padding-left:10px;
}
#front-3 h3, #front-4 h3 {
	margin-top:0;
}
#front-3 h6, #front-4 h6 {
	font-size:1.2em;
}
#main #front-3 p, #main #front-4 p {
	font-size:1.1em;
}
#main #front-3 p {
	padding-left:160px;
}

/* MAP */
#map {
width:400px;
height:200px;
background:url(images/map-bg.jpg) top left no-repeat;
position:relative;
}
#map a {
	display:block;
	border:0;
	text-decoration:none;
	position:absolute;
}
#map a#senegal {
	background:url(images/senegal-off.gif) 0 0 no-repeat;
	top:70px;
	left:10px;
	width:130px;
	height:60px;
}
#map a#senegal:hover {
	background:url(images/senegal-on.gif) 0 0 no-repeat;
}
#map a#mozambique {
	background:url(images/mozambique-off.gif) 0 0 no-repeat;
	top:150px;
	left:85px;
	width:145px;
	height:40px;
}
#map a#mozambique:hover {
	background:url(images/mozambique-on.gif) 0 0 no-repeat;
}
#map a#cambodia {
	background:url(images/cambodia-off.gif) 0 0 no-repeat;
	top:90px;
	left:205px;
	width:185px;
	height:35px;
}
#map a#cambodia:hover {
	background:url(images/cambodia-on.gif) 0 0 no-repeat;
}
#map a#cambodia2 {
	background:url(images/cambodia2.gif) 0 0 no-repeat;
	top:125px;
	left:205px;
	width:185px;
	height:25px;
}
#map a#afghanistan {
	background:url(images/afghanistan-off.gif) 0 0 no-repeat;
	top:10px;
	left:140px;
	width:130px;
	height:80px;
}
#map a#afghanistan:hover {
	background:url(images/afghanistan-on.gif) 0 0 no-repeat;
}
.clearfix:after, #page:after, #header:after, #main-head:after, form#donate:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}