/* $Id: html-elements.css,v 1.4 2009/02/13 19:42:22 johnalbin Exp $ */

/**
 * @file
 * HTML Element Styling
 *
 * This is the "reset" style sheet. It standardizes the properties of the HTML
 * elements across browsers.
 */


/*
 * Fonts
 *
 * Our font size and line height declarations are based on the following ALA
 * article:
 *   http://www.alistapart.com/articles/howtosizetextincss
 *
 * All modern browsrs use a 16px default font size. Specifying the font-size
 * and line-height in ems (relative to the 16px default font) allows the user
 * to resize the font in the browser and produces the most consistent results
 * across different browsers.
 */
body
{
  font-size: 100%; /* Fixes exaggerated text resizing in IE6 and IE7 */
  color: #fff;
}

#page, #page-navbar
{
  /*
   * To use a 12px font size on the page, delete the 14px declarations.
   * to use a 14px font size on the page, delete the 12px declarations.
   */

  /* Use a 14px base font size with a 18px line height */
  font-size: 0.875em; /* 16px x .875 = 14px */
  line-height: 1.286em; /* 14px x 1.286 = 18px */
}

body, caption, th, td, input, textarea, select, option, legend, fieldset
{
  /* The following font family declarations are based on the Microsoft core
   * web fonts which are common fonts available on most computer systems. The
   * Bitstream Vera fonts are commonly available on Linux systems where the MS
   * fonts are less common.
   *
   * A user's web browser will look at the comma-separated list and will
   * attempt to use each font in turn until it finds one that is available
   * on the user's computer. The final "generic" font (sans-serif or serif)
   * hints at what type of font to use if the web browser doesn't find any
   * of the fonts in the list.

  font-family: "Times New Roman", Times, Georgia, "Bitstream Vera Serif", serif;
  font-family: Times, "Times New Roman", Georgia, "Bitstream Vera Serif", serif;
  font-family: Georgia, "Times New Roman", "Bitstream Vera Serif", serif;

  font-family: Tahoma, Verdana, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
  font-family: Helvetica, Arial, "Bitstream Vera Sans", sans-serif;

  font-family: "Bitstream Vera Sans Mono", "Courier New", monospace;

   */

  font-family: Verdana, Tahoma, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
}

pre, code
{
  font-size: 1.1em; /* Monospace fonts can be hard to read */
  font-family: "Bitstream Vera Sans Mono", "Courier New", monospace;
}

/*
 * Headings
 */
h1
{
  font-family: "Times New Roman", Times, Georgia, "Bitstream Vera Serif", serif;
  color: #85b6df;
  font-weight: normal;
  font-size: 2.25em;
  line-height: 1.3em;
  margin-top: 0;
  margin-bottom: 0.5em; /* 0.5em is equavalent to 1em in the page's base font.
                           Remember, a margin specified in ems is relative to
                           the element's font-size, not to the pages' base
                           font size. So, for example, if we want a 1em margin
                           (relative to the base font), we have to divide that
                           length by the element's font-size:
                           1em / 2em = 0.5em */
}

h2
{
  font-family: "Times New Roman", Times, Georgia, "Bitstream Vera Serif", serif;
  color: #85b6df;
  font-weight: normal;
  font-size: 1.5em;
  line-height: 1.3em;
  margin-top: 0.667em; /* Equivalent to 1em in the page's base font: 1 / 1.5 = 0.667em */
  margin-bottom: 0.667em;
}

h3
{
  font-family: "Times New Roman", Times, Georgia, "Bitstream Vera Serif", serif;
  color: #85b6df;
  font-weight: normal;
  font-size: 1.3em;
  line-height: 1.3em;
  margin-top: 0.769em; /* Equivalent to 1em in the page's base font: 1 / 1.3 = 0.769 */
  margin-bottom: 0.769em;
}

h4, h5, h6
{
  font-family: "Times New Roman", Times, Georgia, "Bitstream Vera Serif", serif;
  color: #85b6df;
  font-weight: normal;
  font-size: 1.1em;
  line-height: 1.3em;
  margin-top: 0.909em; /* Equivalent to 1em in the page's base font: 1 / 1.1 = 0.909 */
  margin-bottom: 0.909em;
}

/*
 * Block-level elements
 */
p, ul, ol, dl, pre, table, fieldset, blockquote
{
  margin: 1em 0;
}

/*
 * Lists
 *
 * We need to standardize the list item indentation.
 */
ul, ol
{
  margin-left: 0;
  padding-left: 2em;
}

.block ul, /* Drupal overrides */
.item-list ul
{
  margin: 1em 0;
  padding: 0 0 0 2em;
}

ul ul, ul ol,
ol ol, ol ul,
.block ul ul, .block ul ol,
.block ol ol, .block ol ul,
.item-list ul ul, .item-list ul ol,
.item-list ol ol, .item-list ol ul
{
  margin: 0;
}

li
{
  margin: 0;
  padding: 0;
}

.item-list ul li /* Drupal override */
{
  margin: 0;
  padding: 0;
  list-style: inherit;
}

ul.menu li, /* Drupal override */
li.expanded,
li.collapsed,
li.leaf
{
  margin: 0;
  padding: 0;
}

ul          { list-style-type: disc; }
ul ul       { list-style-type: circle; }
ul ul ul    { list-style-type: square; }
ul ul ul ul { list-style-type: circle; }
ol          { list-style-type: decimal; }
ol ol       { list-style-type: lower-alpha; }
ol ol ol    { list-style-type: decimal; }

dt
{
  margin: 0;
  padding: 0;
}

dd
{
  margin: 0 0 0 2em;
  padding: 0;
}

/*
 * Links
 *
 * The order of link states are based on Eric Meyer's article:
 * http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states
 */
a:link
{
  color: #85b6df;
}

a:visited
{
  color: #bbb;
}

a:hover,
a:focus
{
  color: #fff;
}

a:active
{
}

/*
 * Tables
 *
 * Drupal provides table styling which is only useful for its admin section
 * forms, so we override this default CSS. (We set it back in forms.css.)
 */
table
{
  border-collapse: collapse;
  /* width: 100%; */ /* Prevent cramped-looking tables */
}

th,
thead th,
tbody th
{
  text-align: left;
  padding-right: 0;
  border-bottom: none;
}

tbody
{
  border-top: none;
}

/*
 * Abbreviations
 */
abbr
{
  border-bottom: 1px dotted #666;
  cursor: help;
  white-space: nowrap;
}

abbr.created /* Date-based "abbreviations" show computer-friendly timestamps which are not human-friendly. */
{
  border: none;
  cursor: auto;
  white-space: normal;
}

/*
 * Images
 */
img
{
  border: 0;
}

/*
 * Horizontal rules
 */
hr
{
  height: 1px;
  border: 1px solid #666;
}

/*
 * Forms
 */
form
{
  margin: 0;
  padding: 0;
}

fieldset
{
  margin: 1em 0;
  padding: 0.5em;
}
/* $Id: layout-fixed.css,v 1.9 2009/02/13 19:21:45 johnalbin Exp $ */

/**
 * @file
 * Layout Styling (DIV Positioning)
 *
 * Define CSS classes to create a table-free, 3-column, 2-column, or single
 * column layout depending on whether blocks are enabled in the left or right
 * columns.
 *
 * This layout is based on the Zen Columns layout method.
 *   http://drupal.org/node/201428
 *
 * Only CSS that affects the layout (positioning) of major elements should be
 * listed here.  Such as:
 *   display, position, float, clear, width, height, min-width, min-height
 *   margin, border, padding, overflow
 */


/*
 * Body
 */
body
{
}

#page
{
  /*
   * If you want to make the page a fixed width and centered in the viewport,
   * this is the standards-compliant way to do that. See also the ie6.css file
   * for the necessary IE5/IE6quirks hack to center a div.
   */
  margin-left: auto;
  margin-right: auto;
  width: 960px;
}

#page-inner
{
}

/*
 * Header
 */
#header
{
}

#header-inner
{
}

#logo-title
{
}

#logo
{
  margin: 15px 0 40px 130px;
}

#site-name
{
}

#site-slogan
{
}

/*
 * Main (container for everything else)
 */
#main
{
  position: relative;
}

#main-inner
{
}

/*
 * Content
 */
#content
{
  float: left;
  width: 694px;
  margin-left: 238px; /* The width of #sidebar-left. */
  margin-right: -932px; /* Negative value of #content's width + left margin. */
  padding: 0; /* DO NOT CHANGE. Add padding or margin to #content-inner. */
}

.two-sidebars #content
{
  width: 490px;
  margin-left: 238px; /* The width of #sidebar-left */
  margin-right: -728px; /* Negative value of #content's width + left margin. */
}

#content-inner
{
  margin: 0;
  padding: 0;
}

/*
 * Sidebar-left
 */
#sidebar-left
{
  float: left;
  width: 180px;
  margin-top: 111px;
  margin-left: 21px;
  margin-right: -201px; /* Negative value of #sidebar-left's width + left margin. */
  padding: 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-left-inner. */
}

.search-navbar #sidebar-left
{
  margin-top: 0;
}

#sidebar-left-inner
{
  margin: 0;
  padding: 0 0 82px 0; /* for bottom bg image */
}

/*
 * Sidebar-right
 */
#sidebar-right
{
  display: none;
  float: left;
  width: 167px;
  margin-top: 100px;
  margin-left: 765px; /* Width of content + sidebar-left. */
  margin-right: -932px; /* Negative value of #sidebar-right's width + left margin. */
  padding: 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-right-inner. */
}

.two-sidebars #sidebar-right
{
  display: block;
}

#sidebar-right-inner
{
  margin: 0;
  padding: 0;
}

/*
 * Footer
 */
#footer
{
}

#footer-inner
{
}

/*
 * Prevent overflowing content
 */
#header,
#content,
#sidebar-left,
#footer
{
  overflow: visible;
  word-wrap: break-word; /* A very nice CSS3 property */
}

/*
 * If a div.clear-block doesn't have any content after it and its bottom edge
 * touches the bottom of the viewport, Firefox and Safari will mistakenly
 * place several pixels worth of space between the bottom of the div and the
 * bottom of the viewport. Uncomment this CSS property to fix this.
 * Note: with some over-large content, this property might cause scrollbars
 * to appear on the #page div.
 */
/*
#page
{
  overflow-y: hidden;
}
*/
/* $Id: backgrounds.css,v 1.1 2009/02/02 03:38:46 johnalbin Exp $ */

/**
 * @file
 * Background Styling
 *
 * The default layout method of Zen doesn't give themers equal-height columns.
 * However, equal-height columns are difficult to achieve and totally
 * unnecessary. Instead, use the Faux Columns method described in the following
 * ALA article:
 *   http://www.alistapart.com/articles/fauxcolumns/
 */


body
{
  background-color: #543321;
  background-image: url(/images/background.jpg);
  background-position: left top;
  background-repeat: repeat-x;
}

#page
{
  background-image: url(/images/background-header.jpg);
  background-position: left top;
  background-repeat: no-repeat;
}

.front #page
{
  background-image: url(/images/background-header-homepage.jpg);
}

.search #page
{
  background-image: url(/images/background-header-search.jpg);
}

#page-inner
{
}

#header
{
}

#header-inner
{
}

#main
{
}

#main-inner
{
}

#sidebar-left
{
  background-image: url(/images/background-sidebar.png);
  background-position: left bottom;
  background-repeat: repeat-6;
}

#sidebar-left-inner
{
  background-image: url(/images/background-sidebar-bottom.png);
  background-position: left bottom;
  background-repeat: no-repeat;
}

#sidebar-left li
{
  background-image: url(/images/navigation-divider.png);
  background-position: 6px top;
  background-repeat: no-repeat;
}

#sidebar-left li.first
{
  background-image: none;
}

#sidebar-left li.child,
#sidebar-left li.first-child,
#sidebar-left li.last-child
{
  background-image: none;
}

#footer
{
}

#footer-inner
{
}
/* $Id: pages.css,v 1.3 2009/02/16 19:55:24 johnalbin Exp $ */

/**
 * @file
 * Page Styling
 */

body
{
  margin: 0;
  padding: 0;
}

/*
 * Sidebar left
 */
#taxcredit-ad
{
  margin-left: 6px;
}

/*
 * Sidebar right
 */
#sidebar-right p
{
  margin: 14px 0 0 0;
  padding: 16px 11px 0 11px;
  background-image: url(/images/sidebar-divider.png);
  background-position: left top;
  background-repeat: no-repeat;
}

#sidebar-right p.first
{
  margin: 0;
  padding: 0 11px;
  background-image: none;
}

#sidebar-right img
{
  margin: 0 0 10px 0;
}

#sidebar-right a:link,
#sidebar-right a:visited
{
  color: #fff;
  text-decoration: none;
}

#sidebar-right a:hover,
#sidebar-right a:focus
{
  text-decoration: underline;
}

#featured-property-wrapper
{
  text-align: center;
}

img#about-richie-photo
{
  float: left;
  margin-right: 14px;
}

/*
 * Footer
 */
#footer
{
  margin: 20px 27px;
  color: #765c4d;
  font-size: 10px;
}

#footer p
{
  margin: 0;
}

#footer a:link,
#footer a:visited
{
  color: #765c4d;
}

#footer a:hover,
#footer a:focus
{
  color: #fff;
}

#legal
{
  float: right;
  text-align: right;
  width: 400px;
}

/*
 * Homepage
 */
.front #content ul
{
  list-style-type: none;
  margin: 385px 0 0 -28px;
  width: 735px;
  padding: 0;
}

.front #content li
{
  float: left;
  margin: 0;
  padding: 0;
}

/*
 * Mortgage calculator
 */
.mortgage_table a:visited
{
  color: #666;
}

.mortgage_table a:hover,
.mortgage_table a:focus
{
  color: #000;
}

.mortgage_progress
{
  color: #000;
}

/*
 * Clearing floats
 *
 * See http://www.positioniseverything.net/easyclearing.html
 */
.clearfix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* clearing floats for IE Mac */
.clearfix
{
	display: inline-block;
}

/* to hide from IE Mac, use this back-slashed comment: \*/
.clearfix
{
	display: block;
}
/* any regular comment will now end hiding from IE Mac */
/* $Id: navigation.css,v 1.1 2009/02/02 03:38:46 johnalbin Exp $ */

/**
 * @file
 * Navigation Styling
 *
 * Remember to NOT add padding or margin to your #sidebar-left or #sidebar-right
 * (see the layout.css file.)
 */


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

#sidebar-left li
{
  margin: 0;
  padding: 10px 6px 6px 6px; /* add 4px for divider */
  text-align: center;
}

#sidebar-left li.first
{
  padding-top: 2px;
}

.search-navbar #sidebar-left li.first
{
  padding-top: 7px;
}

#sidebar-left a:link,
#sidebar-left a:visited
{
  color: #fff;
  text-decoration: none;
  text-shadow: 1px 1px 2px #000;
}

#sidebar-left a:hover,
#sidebar-left a:focus
{
  text-decoration: underline;
}

#sidebar-left li.child,
#sidebar-left li.first-child,
#sidebar-left li.last-child
{
  padding: 3px 6px;
  font-size: 0.9em;
}

#sidebar-left li.first-child
{
  margin-top: 20px;
}

#sidebar-left li.last-child
{
  margin-bottom: 20px;
}