/*  
Theme Name: HOINA
Description: A WordPress theme designed by Apparel Studios, exclusively for use by HOINA.
Author: Jason Parmer, Apparel Studios
Author URI: http://www.apparelstudios.com/

Note: The paths on line 69 (filter: progid:...) and in sifr/js/sifr-config.js (line 2) will need to be adjusted when deployed.
*/

/* ========== */
/* = common = */
/* ========== */

* {
	margin: 0;
	padding: 0;
}
a img {
	border: none; !important;
}

.alignleft {
float: left;
padding: 0px 10px 5px 0px;
}

.alignright {
float: right;
padding: 0px 0px 5px 10px;
}

.post-1 {
	background-color: #fff;
	padding: 10px;
	margin-bottom: 10px;
	}

h1,h2,h3 {
	margin-bottom: 0.5em;
}
p {
	margin-bottom: 1.5em;
}
li, blockquote {
	margin-left: 1em;
	margin-bottom: 10px;
}


/* ============== */
/* = typography = */
/* ============== */
h1 {
	margin-bottom: 0;
	font-size: 18px;
	color: #535353;
}
body {
	font: 12px/20px 'Lucida Grande', Myriad, 'Trebuchet MS', Trebuchet, Helvetica, Arial, sans-serif;
}


/* ========== */
/* = layout = */
/* ========== */



body {
	background: #dfd2b5;
}
#container {
	width: 817px;
	margin: 0 auto;
}
#header {
	position: relative;
	border-bottom: 5px solid white;
}
	#logo_overlay {
		position: absolute;
		top: 10px;
		left: 95px;
		width: 488px;
		height: 186px;
		background: url('images/logo_slogan.png') no-repeat;
	}
		* html #logo_overlay {
			background-image: none;
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/themes/hoina/images/logo_slogan.png', sizingMethod='image');
		}
#nav {
	height: 40px;
}
#nav div a span { position: absolute; top: -1000px; } /* offscreen / accessibility */
#nav div { /* each nav item */
	height: 100%;
	float: left;
	background-image: url('images/nav_sprites.png');
	z-index: 120;
}
#nav div a { /* make links fill nav button */
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	color: white;
}
#nav .nav_home	 		{ background-position: 0px 0; width: 98px; }
#nav .nav_aboutus	 	{ background-position: -98px 0; width: 109px; }
#nav .nav_programs	 	{ background-position: -207px 0; width: 105px; }
#nav .nav_ourchildren 	{ background-position: -312px 0; width: 138px; }
#nav .nav_donate	 	{ background-position: -450px 0; width: 163px; }
#nav .nav_news	 		{ background-position: -613px 0; width: 74px; }
#nav .nav_contact	 	{ background-position: -687px 0; width: 130px; }

#nav .nav_home_active			{ background-position: 0px -40px; width: 98px; }
#nav .nav_aboutus_active	 	{ background-position: -98px -40px; width: 109px; }
#nav .nav_programs_active	 	{ background-position: -207px -40px; width: 105px; }
#nav .nav_ourchildren_active 	{ background-position: -312px -40px; width: 138px; }
#nav .nav_donate_active		 	{ background-position: -450px -40px; width: 163px; }
#nav .nav_news_active	 		{ background-position: -613px -40px; width: 74px; }
#nav .nav_contact_active	 	{ background-position: -687px -40px; width: 130px; }

#container_content {
	overflow: hidden;
	background-color: #eae7d8;
}
	#content {
		float: left;
		width: 428px;
		padding: 35px 148px 35px 55px;
		
		background-color: #eae7d8;
		color: #535353;
		border-top: 3px solid #f2f0e6;
	}
	
img {
border: none;
}

img a:hover {
border: none;
}

#content p a {
	text-decoration: none;
	font-weight: bold;
	color: #319fb3;
	}
	
#content p a:hover {
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px dotted #319fb3;
	}
	
	
#content li a {
	text-decoration: none;
	font-weight: bold;
	color: #319fb3;
	}
	
#content li a:hover {
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px dotted #319fb3;
	}
	
	#sidebar {
		float: right;
		width: 179px;
		background-color: #008ca5;
		color: white;
		
		padding-bottom: 35px;
		border-top: 1px solid #f2f0e6;
	}
		#sidebar_label {
			height: 22px;
			background: #319fb3 url('images/sidebar_label_bg.png') no-repeat;
			padding-top: 10px;
			padding-left: 20px;
			
			border-bottom: 1px solid #73b3bd;
		} 
			#sidebar_label h1 {
				font-size: 14px;
				color: white;
			}
		
		#subnav li {
			cursor: pointer;
			margin: 0;
			padding: 9px 0 0 30px;
			height: 22px;
			
			list-style: none;

			background: url('images/sidebar_button_bg.png') no-repeat;
			border-bottom: 1px solid #73b3bd;
		}
			#subnav li.first {
				background: url('images/sidebar_top_button_bg.png') no-repeat;
			}
			#subnav li.active {
				cursor: default;
				background: url('images/sidebar_active_bg.png') no-repeat;
			}
			#subnav li h3 {
				font-size: 11px;
			}
	

#footer {
	overflow: hidden;
	width: 100%;
	height: 150px;
	border-top: 5px solid white;
	background-color: #a6997d;
}
	#footer_info {
		width: 700px;
		margin: 20px auto 0 auto;
		color: #eae7d8;
	}