/*
Theme Name: SFGardens
Theme URI: http://santafegardening.com/
Author: SFWDLLC
Author URI: http://santafewebdesign.com/


	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



body
{
	background-color : #faf7f5;
	font-family : palatino, palatino linotype, times, serif;
	color : #4d270a;
}

/* png fix for ie */
img, div, { behavior: url("/iepngfix.htc") }

/* clear fix */

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

#layout
{
	width : 913px;
	margin : 35px auto;
}

#top_left
{
	float : left;
	width : 400px;
}

#top_right
{
	float : left;
	width : 513px;
	text-align : right;
}

#top_right a
{
	color : #4d270a;
	text-decoration : none;
}

#top_right a:hover
{
	color : #87aa58;
	text-decoration : underline;
}


#bottom_layout
{
	clear : both;
	border : 1px solid #604028;
	background-repeat : no-repeat;
}

.index
{
	background-image : url(/images/index_bg.jpg);
}

.container
{
	background-image : url(/images/container_bg.jpg);
}

.irrigation
{
	background-image : url(/images/irrigation_bg.jpg);
}

.maintenance
{
	background-image : url(/images/maintenance_bg.jpg);
}

.rockgarden
{
	background-image : url(/images/rockgarden_bg.jpg);
}

.xeriscaping
{
	background-image : url(/images/xeriscaping_bg.jpg);
}

.portfolio
{
	background-image : url(/images/portfolio_bg.jpg);
}

.testimonials
{
	background-image : url(/images/testimonials_bg.jpg);
}

.perennials
{
	background-image : url(/images/perennials_bg.jpg);
}

.hardscape
{
	background-image : url(/images/hardscape_bg.jpg);
}

#top_content_left
{
	float : left;
	width : 130px;
	margin-right : 15px;
	padding : 20px 0px 0px 20px;
	height : 140px;
	zoom : 1;
}

#top_content_right
{
	font-size : 13px;
	font-style : italic;
	padding-top : 20px;
	line-height : 16px;
	zoom : 1;
}

#top_content_right h1
{
	font-weight : normal;
	font-size : 36px;
}




#left_col
{
	clear : both;
	float : left;
	width : 180px;
	font-size : 16px;
	padding-left : 20px;
	padding-top : 240px;
	margin-right : 15px;
	line-height : 18px;
	padding-bottom : 10px;
}

html>body #left_col
{
	line-height : 16px;
	padding-bottom : 20px;
}

#left_col.int_left
{
	padding-top : 15px;
	padding-bottom : 100px;
	line-height : 20px;
}

#left_col a
{
	color : #4d270a;
	text-decoration : none;
	width : 130px;
}

#right_col
{
	float : left;
	width : 685px;
}

#right_col h1
{
	color : #382a85;
	font-size : 27px;
}

#right_col h2
{
	color : #382a85;
	font-size : 27px;
}

#right_col a
{
	color : #4d270a;
}

#right_col a img
{
	text-decoration : none;
}

#content
{
	float : left;
	width : 495px;
}


#content h2
{
	color : #382a85;
	font-size : 27px;
}

#sidebar
{
	float : left;
	width : 175px;
	margin : 0px 0px 0px 15px;
}

#sidebar li
{
	list-style-type : none;
	padding : 0px 0px 5px 0px;
}

#sidebar ul
{
	margin : 0px;
	padding : 0px;
}

#sidebar a
{
	text-decoration : none;
	color : #5c0000;
}

#portpage 
{
	font-weight : bold;
	text-transform: capitalize;
}

#portpage img
{
	border: 4px solid #4d270a;	
}

#portpage a
{
	text-decoration : none;
	color : #4d270a;
}

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

#footer
{
	color : #3d2e87;
	font-size : 16px;
	text-align : center;
	padding-top : 10px;
}

#footer a
{
    color : #4d270a; 
	text-decoration : underline;
}

#footer a:hover
{
	color : #87aa58;
	text-decoration : underline;
}

#italic
{
	color : #4d270a;
	font-style : italic;
	font-size : 13px;
	padding-top : 5px;
}



/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	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 {
	letter-spacing : 1px;
  padding: 0px 0px 0px 10px;
  margin: 0px 0px 0px 0px;
}

#page-nav ul {
  padding-left: 5px;
  font-size: 12px;
}

#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 {
  color: #4d270a !important;
  text-decoration: none;
  font-weight : bold;
}

#page-nav li ul .page_item a
{
	color : #4a5a3c !important;
        
}

#page-nav .page_item a:hover {
  color : #382a85 !important;
}

#page-nav .current_page_item a {
  color: #5f3603 !important;
}

#page-nav .current_page_item a:hover {
  color: #5f3603 !important;
}

#page-nav .current_page_item li a {
  color: #a18664 !important;
}

#feed_box
{
	width : 180px;
	height : 265px;
	background-image : url(/images/feed_bg.png);
	margin-left : 497px;
	margin-top : 180px;
	font-size : 11px;
	padding : 5px;
}

#feed_box h2
{
	font-size : 14px;
	color : #4D270A;
	border-bottom : 1px solid #4D270A;
	margin-top : 3px;
}

#feed_box a
{
	font-family : verdana, helvetica, sans-serif;
	text-decoration : none;
	padding-left : 5px;
}

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