/*
Theme Name: Cielo Home
Theme URI: http://cielohome.com/
Author: SFWDLLC
Author URI: http://santafewebdesign.com/
*/



body
{
	background-color : #c8db00;
	font-family : tahoma, geneva, sans-serif;
	font-size : 12px;
}

/* 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 : 804px;
	margin : 16px auto;
}

#header_left
{
	width : 402px;
	float : left;
	padding-bottom : 10px;
}

#header_right
{
	width : 402px;
	float : left;
	text-align : right;
}

#main_layout
{
	clear : both;
	background-color : #feffce;
}

#nav
{
	background-color : #45131e;
	color : #feffce;
	font-size : 14px;
	font-weight : bold;
	padding : 4px 0px;
}

#nav a
{
	color : #feffce;
	text-decoration : none;
	padding : 4px 12px;
}

#nav a#shop_link
{
	background-color : #85234a;
}

#nav a:hover, #nav a#shop_link:hover
{
	background-color : #82502b;
}

#content
{
	padding : 15px 15px 15px 15px;
	position : relative;
	color : #5e1a29;
}

#flash
{
	float : left;
	width : 490px;
}

#content_cell
{
	float : left;
	width : 280px;
	font-size : 12px;
	color : #5e1a29;
}

#content_cell h1
{
	font-weight : normal;
	font-size : 24px;
	margin : 0px;
	text-transform : uppercase;
	padding-bottom: 5px;
}

#content_cell p
{
	margin-top : 0px;
}

#content_cell img
{
	padding : 0px 5px 5px 0px;
}

#content_left
{
	float : left;
	width : 339px;
}

#content_left img
{
	border : 3px solid #c8db00;
}

#content_right
{
	float : left;
	width : 400px;
	margin-left : 10px;
	/* border-width : 0px 0px 1px 1px;
	border-style : solid;
	border-color : #45131E; */
	padding : 0px 0px 10px 6px;
	color: #82390F;
}

#content_right a
{
	border-width : 0px 0px 1px 1px;
	border-style : solid;
	border-color : #45131E;
	width : 70px;
	height : 70px;
	float : left;
	margin : 3px;
}

#content_right img
{
	padding : 0px 0px 3px 3px;
}

#content_right a#text
{
	border : 0px;
	float : none;
	width : auto;
	height : auto;
	margin : 0px;
}

#sidebar
{
	float : left;
	width : 140px;
	font-size : 13px;
	font-weight : bold;
        line-height : 20px; 
}

#sidebar ul
{
	list-style-type : none;
	margin : 0px;
	padding : 0px;
}

#sidebar ul li ul
{
	margin-left : 5px;
        line-height : 18px;
}

#sidebar a
{
	color : #45131e;
	text-decoration : none;
        
}

#sidebar a:hover
{
	color : #7b8619;
}

#sidebar a.active
{
	color : #85234A !important;
}

.wpsf-storesubnav a
{
	color : #5d4133 !important;
	font-size : 12px;
        
}

.wpsf-storesubnav a:hover
{
	color : #7b8619 !important;
}

.wpsf-storesubnav ul.wpsf-storesubnav a
{
	font-weight : normal;
	font-size : 11px !important;
        color : #808451 !important;
        
}

.wpsf-storesubnav ul.wpsf-storesubnav a:hover
{
	color : #60483b !important;
        
}

.wpsf-storesubnav ul.wpsf-storesubnav a:active
{
	font-weight : bold;
        
}

.narrowcolumn
{
	float : left;
	width : 600px;
}

/* 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 */

#footer_contact
{
	background-color : #ecf38a;
	position : absolute;
	right : 12px;
	bottom : 15px;
	width : 285px;
	height : 120px;
	padding : 5px 0px 0px 5px;
}

.contact_col
{
	float : left;
	width : 130px;
	color : #595f1e;
	font-size : 12px;
}


.contact_col a
{
	color : #85234a;
	text-decoration : none;
        
}

#brown
{
	color : #45131e;
	font-weight : bold;
}

#blog_content
{
	padding-bottom : 0px;
	font-size : 12px;
}

#blog_content a
{
	color : #85234a;
	text-decoration : none;
        
}

#blog_content h2
{
	border-bottom : 1px solid #85234A;
		font-family : palatino, palatino linotype ms, times new roman, serif !important;
	margin-top : 0px;
}

#blog_content h3
{
	margin-bottom : 0px;
}

#blog_content p
{
	margin-top : 5px;
}

#contact_footer
{
	font-size : 10px;
	text-align : center;
	clear : both;
	margin-top : 15px;
	padding-top : 10px;
	border-top : 1px solid #dedfa0;
}

#contact_footer a
{
	color : #85234A;
	text-decoration : underline;
}