/*   
Theme Name: Northwest Federation of Community Organizations
Description: A search engine optimized website framework for WordPress.
Author: Dennis P. Osorio
Author URI: http://dposorio.com/
Version: 2.0
*/

/* Reset default browser styles */
@import url('styles/reset.css');

/* Rebuild default browser styles */
@import url('styles/rebuild.css');

/* Basic WordPress Styles */
@import url('styles/wp.css');

/* Import a basic layout */
@import url('styles/2c-r.css');

/* menu layout */
@import url('styles/superfish.css');

/* slideshow */
@import url('styles/featured.css');

/* hcr accordian */
@import url('http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css');


/* clear fix -- for containers that have floated items inside them */
	.clearfix:after {
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0;
	}
	 
	.clearfix {
		display: inline-block;
	}
	 
	html[xmlns] .clearfix {
		display: block;
	}
	 
	* html .clearfix {
		height: 1%;
	}


/* basic page style */

	body { background-color: #571719; }

	.skip-link {
		position:absolute;
		left:-9000px;
	}

	#wrapper {
		width: 1002px;
		margin: 0px auto 0px auto;
	}
	

/* to hide post navigation above the content on single posts. */
	.single #nav-above {
		display:none;
	}


/* TYPOGRAPHY */
/* don't forget about rebuild.css */

	a {
		text-decoration: underline;
		color: #002c00;
	}

	blockquote { font-style: italic; }

	h1 a,h2 a,h3 a,h4 a,h5 a,h6 a { text-decoration: none; }
	h2,h3,h4,h5,h6 { margin-bottom: 11px; } /* margin */
	h1,h2,h3,h4,h5,h6, h1 a,h2 a,h3 a,h4 a,h5 a,h6 a { color: #571719; } /* color */

	h1 {
	font-size: 20px;
	line-height: 24px;
	text-transform: uppercase;
	letter-spacing: 2px;
	}
	
	h2 {
		font-size: 18px;
		line-height: 24px;
	}

	h3,h4,h5,h6 {
		font-weight: bold;
		font-family: "Lucida Grande",Verdana,"Bitstream Vera Sans",Arial,sans-serif;
		font-style: italic;
		text-transform: uppercase;
		letter-spacing: 2px;
	}

	h3 {
		font-size: 16px;
		line-height: 20px;
		text-transform: none;
		letter-spacing: 0;
	}

	h4 {
		font-size: 14px;
		line-height: 18px;
		}
	h5, h6 {
		font-size: 12px;
		line-height: 16px;
		}

		
/* header's blog title, description and menu */

	#branding-container{
		width: 100%;
		display: block;
		height: 210px;
		background: #e57f00 url('images/header.jpg') no-repeat -14px 0px;
	}

	#branding-container a{
		display: block;
		height: 210px;
	}

	#access {
		width: 100%;
		background-color: #000;
	}
	
	/* search */

		#search {
			float: left;
			overflow: hidden;
			width: 231px;
			background-color: #000;
			position: relative;
			padding: 9px 12px 0px 0px;
		}
		
		#search h3 {
			display: inline;
			float: left;
			padding: 0px 5px;
			margin: 0;
			color: #fff;
			font: 12px Arial,sans-serif;
			font-weight: bold;
			text-transform: uppercase;
		}
		
		#search-textarea {
			display: inline;
			position: absolute;
			right: 5px;
			bottom: 0px;
		}
		
		#s {
			width: 170px;
			border: 0;
		}
		
	#main {
		margin: 0;
		padding: 20px 0px 12px 12px;
		background-color: #fff;
	}	
		
	
/* column primary & secondary widget */

	#primary, #secondary {
		padding: 0;
		margin: 0;
		color: #571719;
	}
	
	#primary p, #primary ul, #secondary p, #secondary ul {
		font-size: 16px;
		margin-bottom: 0;
	}

	#primary ul, #secondary ul, #primary h3, #secondary h3 {
		width: 236px;
	}

	#primary ul, #secondary ul {
		list-style: none;
		padding: 0;
		margin: 0px 0px 0px 25px;
	}
	
	#primary ul li, #secondary ul li { margin-bottom: 25px; }
	
	#primary h3, #secondary h3 {
		font-size: 20px;
		font-weight: 600;
		text-transform: uppercase;
		letter-spacing: -2px;
		line-height: 1;
		margin: 0;
	}
	
	/* DONATE */
	
		#primary #text-3 {
			height: 51px;
			width: 236px;
			box-shadow: 5px 5px 10px #888;
			-moz-box-shadow: 5px 5px 10px #888;
			-webkit-box-shadow: 5px 5px 10px #888;
		}
		
		#primary #text-3 h3 {
			position: absolute;
			top: -999em;
		}


	/* email */
	
		#email_updates {
			background: url('images/email-update.png') repeat-x;
			padding: 10px;
			margin-bottom: 25px;
			box-shadow: 5px 5px 10px #888;
			-moz-box-shadow: 5px 5px 10px #888;
			-webkit-box-shadow: 5px 5px 10px #888;
		}

		#email_updates input {
			width: 210px;
			margin: 0;
		}
		
		#email_updates h3 { width: 216px; }
		
		#text-6 h3.widget-title {
			position: absolute;
			top: -999em;
		}		
		
	/* Social Media */
	
		#secondary #text-4 h3 {
			position: absolute;
			top: -999em;
		}
		
		#secondary #text-4  ul { margin: 0; }
		
		#secondary #text-4 li { margin: 0; }
		
		#secondary #text-4 li {
			width: 44px;
			height: 44px;
			margin-left: 4px;
			display: inline;
			float: left;
		}
		
		#secondary #text-4 li:first-child { margin-left: 0px; }
		
		#secondary #text-4 li a{
			display: block;
			height: 44px;
			width: 44px;
		}
		
		#facebook { background: url('images/facebook_44px.png') no-repeat; }
		#Twitter { background: url('images/twitter_44px.png') no-repeat; }
		#Flickr { background: url('images/flickr_44px.png') no-repeat; }
		#YouTube { background: url('images/youtube_44px.png') no-repeat; }
		#MySpace { background: url('images/myspace_44px.png') no-repeat; }

	/* Southside Commons */
	
		#primary #text-5 {
			height: 68px;
			width: 236px;
		}
		
		#secondary #text-5 h3 {
			position: absolute;
			top: -999em;
		}
		
		#secondary #text-5 a{
			display: block;
			height: 68px;
		}
	

	/* POST & PAGE STYLES */
	
	.entry-content { padding-right: 20px; }
	
	.entry-meta {
		margin-bottom: 11px;
		font-weight: bold;
	}
	
	.post { 
		padding-top: 20px;
		padding-bottom: 5px;
	}
		
	.wp-caption-text {
		font-size: 11px;
		font-weight: bold;
	}
	
	h1.author, h1.category, .page h1 {
		margin-bottom: 11px;
	}
	
	.entry-content li {
		margin-bottom: .8em;
	}
	
	
		/* entry utility -- category links, tags, permalink, edit, etc... */
		.entry-utility {
			font-weight: bold;
			font-size: 11px;
			line-height: 20px;
			margin-top: 40px;
		}

		.categories, .permalink, .keywords { margin-bottom: 15px; }

		.categories a, .keywords a, .permalink a {
			margin-right: 1em;
			text-transform: uppercase;
		}
		
	ul.list-child { list-style-type: none; }
	ul.list-child li { padding-bottom: 10px; }


/* ADDITIONAL CHANGES TO FEATURED - don't forget about featured.css */		
		
	.featured-content h2 {
		font-weight: normal;
		font-size: 20px;
	}
	.featured-content .entry-meta {
		font-weight: bold;
		margin-bottom: 0;
	}
	
	#slideshow-container .post { padding: 0; }	
		
		
/* What's happening */		

	#latest > h2, #latest h2 > a {color: #e28e25; }
	
	#latest > h2 {
		font-size: 28px;
		font-weight: normal;
		text-transform: uppercase;
	}

	#latest .entry-title a { color: #000; }
	
	#latest .entry-title {
		font-size: 12px;
		font-style: normal;
		margin-bottom: 0;
	}
	
	#latest .entry-content h2, #latest .entry-content h3 {
		font-size: 12px;
		margin-bottom: 0;
		color: #000;
		line-height: 18px;
	}
	
	#latest blockquote {
		margin-right: 0;
		margin-left: 0;
	}
	
	#latest {
	-moz-column-count: 2;
	-moz-column-gap: 30px;
	-webkit-column-count: 2;
	-webkit-column-gap: 30px;
	column-count: 2;
	column-gap: 30px;
	}
	
	#latest .wp-caption-text {
		position: absolute;
		top: -999em;	
	}
	
	#latest .entry-meta, #latest .entry-meta a { color: #571719; }
	
	#latest .post { 
		padding-top: 10px;
		padding-bottom: 5px;
	}	

	
/* FEED LINK */

	#feed {
		background: url('images/feed-icon-14x14.png') no-repeat center left;
		min-height: 15px;
		margin: 0;
		margin-bottom: 20px;
		padding: 0;
	}

	#feed h3 {
		margin: 0px 0px 0px 20px;
		font-size: 13px;
		font-weight: bold;
		font-family: Arial,sans-serif;
		color: #000;
		font-style: normal;
	}

	#feed a {
		display: block;
		text-decoration: none;
	}

	

	/* FOOTER */
	
	#footer ul, #footer ul * {
		list-style: none;
		padding: 0;
		margin: 0;
	}
	
	#footer-menu {
		border-image: url('images/footer-border.png') 30 0 0 0 repeat;
		-moz-border-image: url('images/footer-border.png') 30 0 0 0 repeat;
		-webkit-border-image: url('images/footer-border.png') 30 0 0 0 repeat;
		border-top: 30px solid #815152;	
		background: #e57f00;
		color: #fff;
		font-weight: bold;
		padding: 20px 0px 50px 0px;
	}
	
	#footer-menu a {
		color: #fff;
		text-decoration: none;
	}	
	
	#footer-menu ul { margin-left: 18px; }
	
	#footer-menu ul li {
		text-transform: uppercase;
		font-size: 120%;
	}
	
	#footer-menu ul li li {
		text-transform: none;
		font-size: 12px;
		line-height: 14px;
	}
	
	#footer-menu ul li {
		float: left;
		position: relative;
	}	

	#footer-menu ul > li {
		width: 164px;
	}

	#footer ul ul { margin-left: 0; }
	
	#footer-menu ul ul, #footer-menu ul ul *  { width: 90%; }
		
	#footer-menu ul ul li { margin-top: .5em; }	

	#footer-menu ul ul ul * {
		position: absolute;
		top: -999em;
	}


/* SUB-FOOTER */

	#sub-footer {
		margin-top: 30px;
		font-weight: bold;
	}

	#sub-footer, #sub-footer a { color: #fff; }

	#site-info {
		float: left;
		margin: 0px -501px 0px 0px;
		width: 100%;
	}

	#address { margin: 0px 501px 0px 0px; }

	#other-footer {
		float: right;
		overflow: hidden;
		width: 475px;
		border: 0;
	}

	#login {
		clear: both;
		padding-top: 40px;
		width: 100%;
	}


/* this is for HCR page */

	.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	background:url("http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/images/ui-bg_glass_75_dadada_1x400.png") repeat-x scroll 50% 50% #DADADA;
	border:1px solid #999999;
	color:#000;
	font-weight:normal;
	}

	.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	background:url("http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/images/ui-bg_glass_65_ffffff_1x400.png") repeat-x scroll 50% 50% #FFFFFF;
	border:1px solid #999999;
	color:#000;
	font-weight:normal;
	}


	.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
	background:url("http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/images/ui-bg_glass_75_dadada_1x400.png") repeat-x scroll 50% 50% #DADADA;
	border:1px solid #999999;
	color:#212121;
	font-weight:normal;
	}

	.ui-accordion .ui-accordion-header { margin-top:10px; }

	.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, .ui-widget-content {background:url("none.png") #EEEED1; }

	.ui-state-active p, .ui-state-active ul, .ui-state-active ol,
	.ui-widget-content .ui-state-active  p, .ui-widget-content .ui-state-active  ul, .ui-widget-content .ui-state-active  ol,
	.ui-widget-content  p, .ui-widget-content  ul, .ui-widget-content  ol {
		color: #000;
		font-size: 12px;
	}

	.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited  { color: #212121; }
	.ui-state-hover a, .ui-state-hover a:hover { color: #555555; }

	#accordion { margin: 20px 50px 20px 20px; }