/*
Theme Name: FatherhoodFirst Theme
Theme URI: http://members.fatherhoodfirst.org
Description: A Blue wordpress theme branded for FatherhoodFirst.
Author: Clayton Soby
Author URI: http://www.youthandfamilyservices.org
version: 2.0
Tags: two-column, widget-ready,blank
*/

/* General Typography ---------------------------------------------------------------------*/
/* resets defaults */
*{margin:0; padding:0;}
/* sets body defaults */
body {
	color: #E1E1E1;
	background: #006599 url(images/background.jpg) repeat;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Lucida, Verdana, sans-serif;
	font-size: 100%;
	word-wrap: break-word; /* IE */
	margin: 0;
	padding: 0;
	}
h1 {font-size: 1.8em;}
h2 {font-size: 1.4em;}
h3 {font-size: 1.3em;}
h4 {font-size: 1.1em;}
img{ border: none; padding:0; }
img a{border:none;}
img.left{ float: left; border: none; padding: 6px 0 0 0; }
img.right{ float: right; border: none; padding: 0 0 0 6px; }
blockquote{
	border-left:1px solid #A5ABAB;
	margin:15px;
	padding:0 12px 0 12px;
	}
code{
	font-family:"Courier New", Courier, monospace;
	}
/* links */
a{
	color:#000;
	text-decoration:none;
	}
a:hover{text-decoration: underline;}
/* Sets General Container ----------------------------------------------------------------*/
#container {
	margin: 0px auto 0px auto;
	padding: 0;
	width: 976px;
	color: #313031;
	background: #fff;
	border:3px outset #000000;
	overflow: hidden;
	}
/* header */
#header {
	font-family: "Georgia", serif;
	padding: 0;
	margin: 0;
	text-align: right;
	height: 190px;
	color: #000000;
	background: #213c63 url(images/banner.jpg) no-repeat;
	}
/* Top Navigation System */
#menu {
	width:976px;
	overflow:hidden;
	background: #213c63;
	font-size: .9em;
	text-align: left;
	margin:0;
	padding:0;
}
#menu ul {
	margin:0;
	padding:0;
	list-style-type: none;
	text-align: center;	
	background: #213c63;
	float:left;
	width:100%;
}
#menu ul li {
	display: block;
	float:left;	
	border-right:1px ridge #ffffff;
}
#menu ul li a {
	margin: 0;
	padding:.25em .5em .25em .5em;
	color: #ffffff;
	background: #213c63;
	border:1px solid #213c63;
	text-decoration: none;
	display: block;
	text-align: center;
	font-variant: small-caps;
	text-shadow: 0px 1px 0 #000;
}
#menu ul li a:hover {
	color: #ffffff;
	background: #c62421;
	border:1px outset #c62421;
}
/* makes buttons move down a bit on click */
#menu ul li a:active {
  position: relative;
  top: 1px;
}
#menu ul li.current_page_item a {
	color: #213c63;
	background: #ffffff;
	border:1px solid #ffffff;
	text-shadow: 0px 1px 0 #999;	
}
/* Main Content  ---------------------------------------------------------------------*/
#content {
	float: left;
	width: 620px;
	overflow: hidden;
	margin: 0 10px;
	padding: 0;
	color: #444444;
	font-size: .9em;
	}
/* Post Section */
.post {
	margin:0;
	padding:0;
	line-height: 14pt;
	}
.post h1 {
	color: #fefefe;
	background: #213c63;
	display: block;
	padding: 5px;
	margin: 0;
	margin-top: 1em;
	border: none;
	font-size: 1.6em;	
	}
.post h2{
	padding: .5em 0 .25em 1em;
	margin: 0;
	margin-bottom: 15px;	
	color: #006599;
	font-size: 1.2em;
	}
.post h2 a{
	padding: .5em 0 .25em 0;
	margin: 0;
	margin-bottom: 15px;
	color: #006599;
	border-bottom: 1px dotted;
	}
.post h2 a:hover{
	color: #c62421;
	text-decoration: none;
	border-bottom: 1px solid;
	}
.post h3 {
	font-size: 1.1em;
	padding: .5em 0 .25em 2em;
	color: #006599;
	}
.post h4 {
	font-size: 1em;
	padding: .5em 0 .25em 2em;	
	color: #006599;
	}
.post a {
	color: #006599;
	text-decoration: none;
	padding-bottom: 1px;
	border-bottom: 1px dotted;
	}
.post a:visited {
	color: #213c63;
	text-decoration: none;
	border-bottom: 1px solid;
}
.post a:hover {
	color: #c62421;
	text-decoration: none;
	border-bottom: 1px solid;
	}
.post ul {
	padding: 0;
	margin:12px 0;
	padding-left: 3em;
	line-height: 1.4em;
	}
.post li {
	margin: 2px 2px 10px 15px;
	}
.post li a {
	margin-right: 25px;
	}
.post p{
	margin:12px 0;
	padding-left: 3em;
	line-height: 1.4em;
	text-align: justify;
	}
.pstdate {
	font-size: .6em;
	font-style: italic;
	margin-left: 2em;
	}
/* styles info after each post */
.postmetadata{
	clear: both;
	background: #D9D9F3;
	padding: 6px;
	margin: 4em;
	border:1px solid #333333;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	}
#comments h3 {
	font-size: 1.1em;
	padding: .5em 0 .25em 2em;
	color: #006599;
	}
.comment{
	clear: both;
	background:#f1f1f1;
	padding:6px;
	margin: 4em;
	border:1px solid #999999;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	}
.comment-meta {
	font-size: .6em;
	font-style: italic;
	}
/* Post navigation */
.navigation {
	font-size:8pt;
	width:100%;
	float:left;
	margin:0;
	padding:0;
	overflow:hidden;
	}
.alignleft a{float:left; margin:25px 0;}
.alignright a{float:right; margin:25px 0;}
/* Sidebar ---------------------------------------------------------------------*/
#sidebar {
	width: 299px;
	float: right;
	margin:0;
	padding: 0;
	border-left: 1px solid #ddd;
	font-size: .8em;	
	}
#sidebar h2{
	color: #006599;
	margin: 0;
	padding: 0;
}
#sidebar ul {
	margin:12px;
	padding:0;
	width: 275px;
	}
#sidebar ul li {
	margin: 0;
	padding: 0;
	line-height: 14pt;
	list-style-type: none;
	}
#sidebar ul ul {
	margin:14px auto;
	padding:0;
	width: 225px;
}
#sidebar ul ul li {
	list-style-type: none;
	 height: 1%;
	 width: 100%;
	}
#sidebar ul ul ul li a:hover {
	color: #ffffff;	
	background: #c62421;
	border:1px outset #c62421;
}
/* makes buttons move down a bit on click */
#sidebar ul ul ul li a:active {
  position: relative;
  top: 1px;
}
#sidebar ul ul ul{
	margin: 0;
	padding: 0;
}
#sidebar ul ul ul li{
	padding: 0 0 0 5px;
}

/* this section pads out the sidebar navigation. each additional layer down requires a current_page_item to turn on the white background and 
	a page_item to turn off the white background if it is not the current page */
/* 1st level (main page) */
#sidebar ul ul li a{
	margin: 1px 0 1px 0;
	padding:.25em .5em .25em .5em;
	color: #ffffff;
	background: #213c63;
	border:1px solid #213c63;
	text-decoration: none;
	display: block;
	text-align: center;
	font-variant: small-caps;
	text-shadow: 0 1px 0 #000;
}
#sidebar ul ul li a:hover {
	color: #ffffff;	
	background: #c62421;
	border:1px outset #c62421;
}
/* makes buttons move down a bit on click */
#sidebar ul ul li a:active {
  position: relative;
  top: 1px;
}
#sidebar ul ul li.current_page_item a {
	color: #213c63;
	background: #ffffff;
	border:1px solid #213c63;
	text-shadow: 0 1px 0 #999;	
}
#sidebar ul ul ul li.page_item a { 
	color: #213c63;	
	background: #D9D9F3;
	border:1px solid #213c63;
	text-shadow: 0 1px 0 #999;
	margin-right: 5px;
}
/* 2nd level (sub - page) */
#sidebar ul ul ul li.current_page_item a {
	color: #213c63;	
	background: #ffffff;	
	border:1px solid #213c63;
	margin-right: 5px;
}
#sidebar ul ul ul ul li.page_item a {
	color: #213c63;	
	background: #D9D9F3;
	border:1px solid #213c63;
	margin-right: 10px;	
}
/* 3rd level (sub - sub page) */
#sidebar ul ul ul ul li.current_page_item a {
	color: #213c63;	
	background: #ffffff;	
	border:1px solid #213c63;
	margin-right: 10px;
}
#sidebar ul ul ul ul ul li.page_item a {
	color: #ffffff;	
	background: #213c63;
	border:1px solid #213c63;
	margin-right: 10px;
}
/* 4th level (sub - sub - sub page) */
#sidebar ul ul ul ul ul li.current_page_item a {
	color: #213c63;	
	background: #ffffff;	
	border:1px solid #213c63;
	margin-right: 10px;
}
/* Sets up hovers */
#sidebar ul ul ul li a:hover {
	color: #ffffff;	
	background: #c62421;
	border:1px outset #c62421;
}
#sidebar ul ul ul ul li a:hover {
	color: #ffffff;	
	background: #c62421;
	border:1px outset #c62421;
}
#sidebar ul ul ul ul ul li a:hover {
	color: #ffffff;	
	background: #c62421;
	border:1px outset #c62421;
}
/* This all seems kludgy to me and I am hoping to be able to rewrite and clean up the whole sidebar section */
/* search */
#searchform{
	padding:0;
	margin:12px 0;
	}
#searchform input#s{
	width: 160px;
	margin:0;
	padding:2px;
	border:1px solid #000;
   -moz-border-radius: 5px;
   -khtml-border-radius: 5px;
   -webkit-border-radius: 5px;	
	}
#searchform input#searchsubmit{
	margin-top: 5px;
	border:none;
	background: #213c63;
	color:#fff;
	text-transform:lowercase;
	}
/* misc */
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
img.alignright {
	padding: 4px;
	margin: 5px 10px 20px 5px;
	display: inline;
	}
img.alignleft {
	padding: 4px;
	margin: 5px 20px 10px 5px;
	display: inline;
	}
.alignright {
	float: right;
	}
.alignleft {
	float: left;
	}
.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}
.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}
.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}
/* Footer ------------------------------------------------------------- */
#footer {
 	clear:both;
	margin:15em auto .5em auto;
	padding:2em;
	width: 976px;
	color:#313031;
	background: url(images/footer.png) no-repeat;
	font-size:.6em;
	height:100px;
	}
#footer p {
	padding-top:80px;
	text-align: center;
}
#footer a{
	color: #006599;
	margin: .35em .5em .35em .5em;
	padding:.25em .5em .25em .5em;
	text-decoration: none;
	font-variant:small-caps;
	padding-bottom: 2px;
	border-bottom: 1px dotted;
}
#footer a:hover{
	color: #c62421;
	text-decoration: none;
	border-bottom: 1px solid;
}
.external {  
  padding-right: 15px;  
  background: url(images/externallink.png) no-repeat top right;
} 
.addtoany_share_save_container a {
	border-bottom: none;
	}
.addtoany_share_save_container a:hover {
	border-bottom: none;
	}
/* sociable plug in */
div.sociable { margin: 16px 0; }

span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;
	border: 1px solid #ccc;
	color: black;
	line-height: 1.25em;
}
.sociable span {
	display: block;
}
.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.sociable ul li {
	background: none;
	display: inline !important;
	list-style-type: none;
	margin: 0;
	padding: 1px;
}
.sociable li a {
	border-bottom: none;
	padding: 0;
	margin: 0;
	}
.sociable li a:hover {
	border-bottom: none;
	}
.sociable li a:visited {
	border-bottom: none;
	}
.sociable ul li:before { content: ""; }
.sociable img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
}

.sociable-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}