/*******************************************************************************
	         Body
*******************************************************************************/

body {
   background: #f6f0d8;
   color: #000000; 
}

#main {
   padding-top: 10px;
}

/*******************************************************************************
	         YVOD classes
*******************************************************************************/

/*******************************************************************************
            Colors

beige       #f6f0d8
brown:      #ac691a;
orange      #f27a29
yellow:     #f6ef34
green:      #8ebb4e

*******************************************************************************/

.header {
  background-image: url(assets/header.jpg);
  width: 1040px;
  height: 185px;
  padding: 0px 0px 0px 0px;
}

.header-2 {
	font-weight: bold;
}

#header {
}


#navbar {
	border: 1px solid black;
}

.container {
	/* border: 1px dotted green; */
}

#main {
  width: 962px;
}


#content {
	margin: 320px 0px 0px 32px;
	padding: 0px 0px 0px 10px;
}

.logo {
  float: left;
  background-image: url(assets/nothing.gif);
  width: 240px
  height: 90px;
  margin: 0px 0px 0px 0px;
}

.logo-link {
  float: left;
  width: 240px;
  height: 90px;
}

.your-life-your-home {
  float: left;
  background-image: url(assets/nothing.gif);
  width: 380px
  height: 90px;
  margin: 0px 0px 0px 390px;
}

.your-life-your-home-link {
  float: left;
  width: 380px;
  height: 90px;
}

/*
--------------------------------------------------------------------
navigation
--------------------------------------------------------------------
*/

.navigation {
  width: 1040px;
	height: 76px;
	padding: 20px 0px 0px 0px;
}

.family-stories {
  float: left;
  width: 133px
  height: 66px;
  margin: 0px 0px 0px 600px;
}

a.family-stories-link,
  a.property-link,
  a.about-link,
  a.contact-link,
  a.family-stories-link-selected,
  a.property-link-selected,
  a.about-link-selected,
  a.contact-link-selected {
    float: left;
    height: 66px;
    overflow:Êhidden;
    text-indent:Ê-1000px;
    font-size:Ê0px;
    line-height:Ê0px;  
}

a.family-stories-link,
  a:visited.family-stories-link {
    display: block;
    background-image: url(assets/family-stories.jpg);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    width: 133px;
}

a:hover.family-stories-link, 
  a:active.family-stories-link {
    background-position: 0px -66px;
}

a.family-stories-link-selected {
  display: block;
  background-image: url(assets/family-stories.jpg);
  background-repeat: no-repeat;
  background-position: 0px -66px;
  width: 133px;
}

a.property-link,
  a:visited.property-link {
    display: block;
    background-image: url(assets/property-2.jpg);
    background-repeat: no-repeat;
    background-position: 0px 2px;
    width: 91px;
}

a:hover.property-link, 
  a:active.property-link {
    background-position: 0px -77px;
}

a.property-link-selected {
  display: block;
  background-image: url(assets/property-2.jpg);
  background-repeat: no-repeat;
  background-position: 0px -77px;
  width: 91px;
}

a.about-link,
  a:visited.about-link {
    display: block;
    background-image: url(assets/about.jpg);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    width: 81px;
}

a:hover.about-link, 
  a:active.about-link {
    background-position: 0px -66px;
}

a.about-link-selected {
  display: block;
  background-image: url(assets/about.jpg);
  background-repeat: no-repeat;
  background-position: 0px -66px;
  width: 81px;
}

a.contact-link,
  a:visited.contact-link {
    display: block;
    background-image: url(assets/contact.jpg);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    width: 89px;
}

a:hover.contact-link, 
  a:active.contact-link {
    background-position: 0px -66px;
}

a.contact-link-selected {
  display: block;
  background-image: url(assets/contact.jpg);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 89px;
}

/*
--------------------------------------------------------------------
index-body
--------------------------------------------------------------------
*/

.index-body {
  width: 1040px;
  height: 493px;
  background-image: url(assets/body-index.jpg);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  color: #000000;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 50px;
}

.index-body h2 {
  font-size: 1.0em;
  font-weight: bold;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;;
}

.index-body p {
  margin: 0px 0px 14px 0px;
  padding: 0px 0px 0px 0px;
}

.pod-1 {
  float: left;
  height: 70px;
  width: 180px;
  margin: 26px 0px 0px 86px;
}

.pod-2 {
  float: left;
  height: 70px;
  width: 180px;
  margin: 80px 0px 0px -14px;
}

.pod-3 {
  float: left;
  height: 70px;
  width: 180px;
  margin: 80px 0px 0px 30px;
}

.pod-4 {
  float: left;
  width: 380px;
  margin: 60px 0px 0px -14px;
}

/*
--------------------------------------------------------------------
rollover-index
http://alt-web.com/DEMOS/CSS-Disjointed-Text-Rollover.shtml
--------------------------------------------------------------------
*/

div.rollover-index a {
  font-size: 0.7em;
  text-decoration:none;
  color: #000000;
}

p.p-large {
  font-size: 1.8em;
  font-weight: bold;
}

p.p-medium {
  font-size: 1.2em;
}

p.p-your-life-large {
  font-size: 1.4em;
  font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, sans-serif;
  font-weight: bold;
  font-style: italic;
}

p.p-your-life {
  font-size: 1.2em;
  /* font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, sans-serif; */
}

.rollover-index a span {
  width: 300px;
  visibility: hidden;
  display: block;
  position: absolute;
  /* adjust disjointed text position in % or px */ 
  left: 700px;
  top: 230px;
  color: #000000;
  background-color: #ffffff;
  border: 6px solid f27a29;
  padding: 5px 5px 5px 5px; 
}

.rollover-index a:hover span, 
  .rollover-index a:active span, 
  .rollover-index a:focus span {
    visibility: visible;
    color: #000000;
}

.rollover-index a:hover, 
  .rollover-index a:focus{
    text-decoration: none;
    color:#000000;
    visibility: visible; 
}


/*
--------------------------------------------------------------------
rounded corners
http://www.spiffycorners.com
--------------------------------------------------------------------
*/

.rounded-corner{display:block}
.rounded-corner *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#ffffff}
.rounded-corner1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #ece3d7;
  border-right:1px solid #ece3d7;
  background:#f7f2ed}
.rounded-corner2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #e2d2c0;
  border-right:1px solid #e2d2c0;
  background:#f8f5f1}
.rounded-corner3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #f8f5f1;
  border-right:1px solid #f8f5f1;}
.rounded-corner4{
  border-left:1px solid #ece3d7;
  border-right:1px solid #ece3d7}
.rounded-corner5{
  border-left:1px solid #f7f2ed;
  border-right:1px solid #f7f2ed}
.rounded-cornerfg{
  background:#ffffff}




/*
--------------------------------------------------------------------
main-content
--------------------------------------------------------------------
*/

.body-content {
  float: left;
  width: 1040px;
  background-image: url(assets/body.jpg);
  background-repeat: repeat;
}

.main-content {
  float: left;
  width: 750px;
  margin: 14px 0px 0px 30px;
  padding: 0px 0px 0px 0px;
}

.narrow-width {
  width: 740px;
  margin-right: 0px;
}

/*
--------------------------------------------------------------------
sidebar
--------------------------------------------------------------------
*/

.sidebar {
  float: left;
  width: 240px;
  margin: 14px 0px 0px 10px;
}

.sidebar h2 {
	margin: 0px 0px 0px 0px;
}

.sidebar ul {
   margin: 0px 0px 20px 0px;
   padding: 0px;
}
	
.sidebar ul li {
   padding: 0px 10px 0px 0px;
   margin: 0px;
}


/*
--------------------------------------------------------------------
searchform
--------------------------------------------------------------------
*/

#searchform {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px; 
	text-align: left;
}

#searchform #s {
	width: 100px;
	padding: 0px 0px 0px 0px;
}

#searchsubmit {
	padding: 1px;
}

/*
--------------------------------------------------
typography definitions

Default font settings. 
The font-size percentage is of 16px. (0.75 * 16px = 12px)
--------------------------------------------------
*/
   
body {
   font-size: 90%; 
   font-family: Arial, "Lucida Grande", Geneva, Verdana, sans-serif;
}

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

h1.category-title {
  font-size: 1.6em;
  font-style: italic;
}

h2 {
  font-size: 1.2em;
  font-weight: normal;
  margin: 0px 0px 10px 0px;
}

h2.category-title {
  font-size: 1.2em;
  font-weight: normal;
  margin: 0px 0px 10px 0px;
}

.grey {
  color: #7f7f7f;
}

.orange {
  color: #f5740c;
}

.blue {
  color: #245a7d;
}

.white {
  color: #ffffff;
}



/*
--------------------------------------------------
link definitions
--------------------------------------------------
*/

a:link,
  a:visited {
    color: #613b0e;
    text-decoration: none;
}

a:hover,
  a:active {
    color: #f27a29;
     text-decoration: none;
}

.white a:link,
  .white a:visited {
    color: #ffffff;
    text-decoration: none;
}

.white a:hover,
  .white a:active {
    color: #7f7f7f;
     text-decoration: none;
}

.link-orange a:link,
  .link-orange a:visited {
    color: #f5740c;
    font-size: 1.0em;
    text-decoration: none;
}

.link-orange a:hover,
  .link-orange a:active {
    color: #245a7d;
     text-decoration: none;
}

.footer-copyright a:link,
  .footer-copyright a:visited {
    color: #f6ef34;
    text-decoration: none;
}

.footer-copyright a:hover,
  .footer-copyright a:active {
    color: #245a7d;
     text-decoration: none;
}

/*
--------------------------------------------------
sidebar definitions
--------------------------------------------------
*/



/*
.sidebar a:link,
  .sidebar a:visited {
    color: #93705f;
    text-decoration: none;
}

.sidebar a:hover,
  .sidebar a:active {
    color: #000000;
}
*/

/*
--------------------------------------------------
list definitions
--------------------------------------------------
*/

.page_item {
  margin: 0px -22px 3px 0px;
}

/*
--------------------------------------------
cleaner
--------------------------------------------
*/

.cleaner {
	clear: both;
}

/*
--------------------------------------------
column definitions
--------------------------------------------
*/

.width-100 {
  float: left;
  width: 100px;
  margin: 0px 0px 0px 0px;
}

.width-150 {
  float: left;
  width: 150px;
  margin: 0px 0px 0px 0px;
}

.width-200 {
  float: left;
  width: 200px;
  margin: 0px 0px 0px 0px;
}

.width-250 {
  float: left;
  width: 250px;
  margin: 0px 0px 0px 0px;
}

/* SlipFire created typography classes
***************************************/

.medium { font-size: 1em; line-height: 2.1875em;}

.center {text-align:center;}

.byline{ font-size: .8em; line-height: 1em;}

.timestamp{ font-size: .8em; line-height: 1.2em;}

.commentnum{ font-size: .8em; line-height: 1.2em;}

.incategory{ font-size: 1em; line-height: 1.2em;}


/*
--------------------------------------------------
footer definitions
--------------------------------------------------
*/

.footer {
  width: 1040px;
  height: 72px;
  background-image: url(assets/footer.jpg);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  text-align: right;
  font-weight: normal;
  font-size: 0.7em;
}

.footer-index {
  width: 1040px;
  height: 72px;
  background-image: url(assets/footer-index.jpg);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  text-align: right;
  font-weight: normal;
  font-size: 0.7em;
}

.footer-copyright {
  font-size: 1.2em;
  color: #ffffff;
  margin: 0px 0px 0px 0px;
  padding: 18px 84px 0px 0px;
}


/*******************************************************************************
               Text Elements and Lists
*******************************************************************************/

/*
a { 
  color: #000; 
  border-bottom: 1px dashed #000;  
  text-decoration: none; 
  }
*/

/* Removes unwanted link decoration
***************************************/
h1 a,
  h2 a,
  h3 a,
  h4 a,
  h5 a,
  h6 a, 
  p a, 
  .nolink, 
  .tabbertab a, 
  .icon, 
  a img {
   border: none !important;
   text-decoration:none !important;
}


a:focus, 
  a:hover { 
    /* background: #ffffa0; */
}

/* Removes unwanted hover decoration
***************************************/
a.nohover:hover  { background: none;}


li { 
  /* list-style: square inside url(images/bullet.gif); */
  list-style: none;
}

/*
.fancybullet li {
  list-style: none;
	background: url(images/bullet.gif) no-repeat top left;
	padding: 0px 0px 5px 18px;
	margin: 0px 0px 0px 0px;
}
*/


/*******************************************************************************                                            
                            SLIPFIRE CREATED CLASSES                                                   
*******************************************************************************/



/*******************************************************************************
                Images
*******************************************************************************/

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

/*******************************************************************************
                Borders
*******************************************************************************/

.border-left{
  margin-left: 7px;
  padding-left: 7px;
  border-left: 1px solid #ddd;
}

.border-right{
  margin-right: 7px;
  padding-right: 7px;
  border-right: 1px solid #ddd;
}

.border-top{
  margin-top: 7px;
  padding-top: 7px;
  border-top: 1px solid #ddd;
}

.border-bottom{
  margin-bottom: 7px;
  padding-bottom: 7px;
  border-bottom: 1px solid #ddd;
}

div.border{
  border: 1px solid #ddd;
}


/*******************************************************************************
                Misc
*******************************************************************************/

/* Use a .box (Blueprint default) or .box2 to create a padded box inside a column. 
***************************************/

.box2 { 
  padding: .5em; 
  margin-bottom: .5em; 
  background: #eee; 
  border: 1px solid #ddd;   
}


/* Use to push down a div (adds vertical space between divs)
***************************************/

.pushdown-1 {padding-top:10px;}
.pushdown-2 {padding-top:20px;}
.pushdown-3 {padding-top:30px;}
.pushdown-4 {padding-top:40px;}
.pushdown-5 {padding-top:50px;}



/*******************************************************************************
                Lines
*******************************************************************************/

/* Lines: add "class=" to HR to control color and height
     example: <hr class=thick> for a thick line
***************************************/

.thick {
  height: 3px;
  margin: 0 0 1.4em 0;
}

.thin{
  height: 1px;
  margin: 0 0 0 0;
}




/*******************************************************************************                                                  
                          SLIPFIRE CREATED FOR WORDPRESS                                                   
*******************************************************************************/


/*******************************************************************************
                Navbar
*******************************************************************************/

#navbar {
   margin: 0px auto 0px;
   padding: 10px 0px 10px 0px;
}
	
#navbar li {
   display: inline;
   list-style-type: none;
   font-weight: bold;
   margin: 0px;
   padding: 0px;
}
		
#navbar ul {
   margin: 0px;
   padding: 0px;
}
	
#navbar ul li a {
   color: #000080;
   padding: 0px 10px 0px 10px;
   margin: 0px;
   text-decoration: none;
   border-bottom: none;
}

#navbar ul li a:hover, a:active {
   text-decoration: underline;
}

#current_page_item a {
   text-decoration: underline;
}


/*******************************************************************************                                                  
Comments by SlipFire

-Never make changes to the original Blueprint CSS files.  Overwrite them in this custom.css file.
-Not all of the css classes are listed in this file. Since Blueprint has great default classes, only overwrites and additions are listed.

For more information on BluePrint CSS, visit: http://code.google.com/p/blueprintcss/

Good luck!
********************************************************************************/