/*
Theme Name: Santa Fe Titles
Theme URI: http://www.sftitles.com/
Description: Wordpress theme for sftitles
Version: 1.0
Author: Santa Fe Web Design
Author URI: http://www.santafewebdesign.com/


*/


body {
  background-image: url(/images/bodybg.jpg);
  background-color: #f5f2ed; 
  font-family : arial, verdana, helvetica, sans-serif;
  font-size : 14px;
  background-repeat: repeat-x;
  letter-spacing: .05em;
}

h3 {
  font-size : 16px;
  margin-bottom : 5px;
}

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

.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 : 958px;
  margin : 45px auto 0px auto;
}

#top_nav {
  color: white;
  background-image: url(/images/topshadow.png);
  background-position: bottom;
  background-repeat: no-repeat;
  height: 35px;
}

#top_nav div {
  padding: 0px 15px 8px 15px;
}

#top_nav div.alignright {
  font-size: 12px;
}

#top_nav .sep {
  color: #c56300;
  font-size: 20px;
  line-height: 13px;  
}

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

#top_nav a:hover {
  color: #ccc;
}

.alignleft {
  float: left;
}

.alignright {
  float: right;
}

#inner_wrapper {
  background-image: url(/images/contentbg.png);
  width: 958px;
  position: relative;
}

#nav_wrapper {
  margin: 0px 2px 0px 7px;
  /* background-image: url(/images/topbg.jpg);  */
  height: 73px;
}

#nav {
  text-align: right;
  color: #522A03;
  padding-right: 5px;
  font-size: 13px;
  text-transform: lowercase;
  margin-left : 265px;
  position : absolute;
  top : 45px;
  z-index : 202;
  width : 675px;
  font-weight : bold;
}

#nav a {
  padding: 0px 7px;
  text-decoration: none;
  color: #c56300;
}

#nav a:hover {
  color: #280202; 
}

#logo {
  position: absolute;
  top: 5px;
  left: 25px;
}

#logo img {
  border: 0px;
}

#content_container {
  margin: 0px 2px 0px 7px;
  padding: 0px;
}

#content_container.index {
  background-image: url(/images/index.jpg);
  background-repeat: no-repeat;
  height: 408px;
}

#content {
  margin: 0px 15px 0px 15px;
  padding: 0px 0px 15px 0px;
  font-weight : bold;
}

#content.index {
  padding: 45px 0px 0px 45px;
}

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

#content a:hover
{
	color : #a55300;
}

#content #sidebar {
  float: left;
  width: 200px;
  padding-top: 50px;
}

#content #sidebar h2 {
  margin: 0px;
  color: #280202;
}

#content #wrap {
  padding-top: 80px;
  width: 675px;
  float: left;
}

#content #paperless
{
	float : left;
	width : 205px;
	margin : -35px -35px 0px 0px;
}

#content #wrap.wide {
  width: 916px;
}

#content.index #wrap {
  padding-top: 0px;
}

#content #wrap h2 {
  color: #c36000;
  font-size: 16px;
  margin: 0px 0px 6px 0px;
}

#content #wrap a {
  
  color: #523121;
  font-weight: bold;
  text-decoration: none;
}

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


/* escrow officer individual page */

#content #wrap.officer-page {
  
}

#content #wrap.officer-page .entry {
  float: left;
  width: 540px;
  padding-right: 5px;
}

#content #wrap .officer-info {
  float: left;
  width: 160px;
  color: #c36000;
  
}


#content #wrap .officer-info img {
  padding-bottom: 7px;
  
}

#content #wrap .officer-info p {
  margin: 2px 0px 2px 0px;
  font-size: 12px;
  
}

/* escrow officer individual page */


/* escrow officers page */
#content #wrap.officers ul {
  list-style: none;
  margin: 0px;
}

#content #wrap.officers ul li {
  float: left;
  margin: 0px 5px 0px 5px;
  text-align: center;
}

#content #wrap.officers a {
  display: block;
  text-decoration: none;
  margin: 5px 0px;
  color: #897574;
}

#content #wrap.officers a:hover {
  color: #c36000;
}

#content #wrap.officers img {
  border: 1px solid #555;
}

#content #wrap.officers p {
  margin: 0px 0px 8px 0px;
  font-size: 12px;
  color: #280202;
}

/* end escrow officers page */

#footer {
  background-image: url(/images/bottomshadow.png);
  background-position: top;
  background-repeat: no-repeat;
  padding: 15px 15px 0px 15px;
  color: #280202;
  font-size: 14px;
  text-align : center;
}

#footer span {
  padding-right: 10px;
}

#footer a {
  
  color: #280202;
  font-weight: bold;
  font-size: 14px;
  padding-left: 10px;
  text-decoration: none;
}

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

#page-nav {
  list-style: none;
  padding: 0px 0px 0px 0px;
  margin: 5px 0px 55px 15px;
  font-size: 16px;
}

#page-nav ul {
  list-style: none;
  padding-left: 15px; 
  margin: 0px;
}

#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: #897574 !important;
  text-decoration: none;
}

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

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

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

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

.alignleft
{
	float : left;
	margin : 0px 10px 10px 0px;
}

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 25px;
	display: inline;
	}

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

.alignright {
  float: right;
}

.linklove {
  display: none;
}



/* mortgage calculator */


#wprl_mortgage .cme {
  margin: 15px auto 0px auto;
  text-align: center;
}

#wprl_mortgage table {
  width: 455px;
  margin: 5px auto 5px auto;
  border: 1px solid #c2c2c2;
  background: #eee;
}

#wprl_mortgage table th {
  padding: 2px;
  font-size: small;
}

#wprl_mortgage table td {
  padding: 2px;
  font-size: small;
}

#wprl_mortgage table caption {
  font-weight: bolder;
  text-align: center;

  padding-left: 5px;
  margin: 15px auto 2px auto;
  border-bottom: 0px solid #C2C2C2;  
}

#wprl_mortgage table td hr {
  background: #c2c2c2;
  border: 0px solid #c2c2c2;
  height: 1px;
}

#wprl_amortization {
  width: 455px;
  margin: 5px auto 5px auto;
}

#wprl_amortization th {
  border: 1px solid #C2C2C2;
  padding: 2px;
  font-size: small;
  background-color: #ccc;
  text-align: center;
}

#wprl_amortization td {
  border: 1px solid #C2C2C2;
  padding: 2px;
  font-size: small;
  text-align: center;
  background-color: #ddd;
}