/*
Theme Name: Assistance Dogs of the West
Theme URI: http://assistancedogsofthewest.org/
Author: SFWD LLC
Author URI: http://santafewebdesign.com/

*/

body
{
	background-color : #ec1821;
	font-family : helvetica, verdana, sans-serif;
	font-size : 10px;
}

h1, h2, h3, h4, h5, h6
{
	color : red;
}

h1
{
	font-size : 26px;
	padding-top : 5px;
	margin-bottom : 40px;
}

h3
{
	margin-bottom : 0px;
	padding-bottom : 0px;
}

address
{
	font-size : 11px;
	font-weight : bold;
	padding-left : 10px;
}

.clearfix:after 
{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

#layout
{	
	
	width: 902px;
	margin: 25px auto;
}

#nav
{
	color : white;
	font-weight : bold;
	padding-bottom : 5px;
	font-size : 12px;
	text-align : center;
}

#nav a
{
	color : white;
	text-decoration : none;
}


#main_layout
{
	border : 1px solid #ffd128;
	background-color : white;
}

#header
{
	border-bottom : 1px solid #ffd128;
	background-color : #fbf9f2;
}

#logo
{
	float : left;
	width : 410px;
}

#feed
{
	float : left;
	width : 180px;
	font-size : 11px;
	padding-left : 30px;
	padding-top : 3px;
}

#feed a h2
{
	color : red;
	font-size : 14px;
	border-bottom : 1px solid #716a64;
	margin-bottom : 3px;
	text-decoration : none;
}

#feed a
{
	color : #9a8f90;
	text-decoration : none;
}

#donation
{
	float : left;
	width : 270px;
	padding-top : 10px;
	text-align : right;
}

#content
{
	float : left;
	width : 675px;
	font-size : 14px;
	padding-left : 10px;
	padding-top : 10px;
	color : #3a3a3a;
}

#content a
{
	color : #ec1821;
	text-decoration : none;
}

#content a:hover
{
	text-decoration : underline;
}

#sidebar
{
	float : left;
	width : 190px;
	padding : 30px 0px 20px 10px;
	font-size : 17px;
}

#sidebar ul
{
	font-weight : bold;
	list-style-type : none;
	margin : 0px;
	padding : 10px 0px 25px 10px;
}

#sidebar ul a
{
	color: #ec1821;
	text-decoration: none;
}

#sidebar ul a:hover
{
	color: maroon;
	text-decoration: underline;
}

#sidebar ul li ul
{
	font-size : 12px;
}

#footer
{
	border-top : 1px solid #ffd128;
	background-color : #fbf9f2;
	clear : both;
	font-size : 12px;
	padding : 8px;
}

#footer_text
{
	float : left;
	width : 725px;
}

#footer_button
{
	float : left;
	width : 150px;
	text-align : right;
}

#contact
{
	color : white;
	font-size : 14px;
	padding-top : 10px;
	text-align : center;
}

#contact a
{
	color : white;
	text-decoration : none;
}


/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */

#page-nav {
  list-style: none;
  padding: 0px 0px 0px 20px !important;
}

#page-nav ul {
  list-style: none;
  padding : 0px 0px 0px 25px !important;
}

#page-nav li {
  margin: 4px 0px 4px 0px;
}

/* we start by hiding all nav items */
#page-nav li .page_item {
  display: none;
}

/* hide my parents childrens subnavs */
#page-nav .current_page_parent li ul li {
  display: none;
}

/* show my parents children */
#page-nav .current_page_parent li {
  display: block;
}

/* show me */
#page-nav .current_page_item {
  display: block;
}

/* show my children */
#page-nav .current_page_item ul li {
  display: block !important;
}

/* hide my childrens subnavs */
#page-nav .current_page_item ul li ul li {
  display: none !important;
}

/* show my ancestors children */
#page-nav .current_page_ancestor li {
  display: block;
}


#page-nav .page_item a {
  text-decoration: none;
}

#page-nav .page_item a:hover {
}

#page-nav .current_page_item a {
}

#page-nav .current_page_item a:hover {
}

#page-nav .current_page_item li a {
}

.post
{
	clear : both;
	padding-bottom : 10px;
}

.post h3
{
	padding-top : 10px;
}