/*
-----------------------------------------------
Stylesheet: altpdx.com
Media: All
Author: Chris Abad
----------------------------------------------- */

/*
-----------------------------------------------

Green: #484820
Orange: #CE7019

----------------------------------------------- */


/* Base Styles
----------------------------------------------- */
  
  body {
    color: #484820;
    font-family: "Lucida Grande", sans-serif;
    font-size: small;
    margin: 0;
    padding: 0;
    }
  
  a {
    color: #CE7019;
    text-decoration: none;
    }
  
  a:hover { text-decoration: underline; }
  
  a img { border: 0; }
  
  blockquote {
    font-style: italic;
    margin: 0 0 1em 0;
    padding: 0;
    }
  
  blockquote p {
    margin: 0 0 .4em 0;
    }
  
  blockquote .author {
    font-style: normal;
    font-weight: bold;
    margin: 0;
    }
  
  blockquote .date {
    font-style: normal;
    margin: 0;
    }
  
  fieldset { border: 0; }
  
  h1 {
    color: #CE7019;
    font-size: 115%;
    margin: 0 0 .4em 0;
    }
  
  h2 {
    font-size: 160%;
    margin: 0 0 .6em 0;
    padding: 0;
    }
  
  h3 {
    font-size: 115%;
    margin: 0 0 .4em 0;
    }
  
  hr {
    margin-bottom: 1em;
    visibility: hidden;
    }
  
  input.full { width: 100%; }
  
  input.image { 
    margin: 0 0 -.5em 0;
    padding: 0; 
    position: relative;
    }
  
  input.text { width: 145px; }
  
  p {
    margin: 0 0 1em 0;
    padding: 0;
    }
  
  textarea {
    height: 135px;
    margin: 0 0 .5em 0;
    width: 100%;
    }
  
  ul {
    list-style: none;
    margin: 0 0 1em 0;
    padding: 0;
    }
  
  ul li {
    background-image: url("../images/arrows.png");
    background-position: left center;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0 0 0 12px;
    }
  

/* ClearFix Hack
----------------------------------------------- */
  
  .clearfix:after {
     content: "."; 
     display: block; 
     height: 0; 
     clear: both; 
     visibility: hidden;
     }

   .clearfix {display: inline-block;}

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

   .clearfix {
     display: block;
     }
   /* End hide from IE-mac */

   
/* ID/Class Styles
----------------------------------------------- */
  
  #container {
    padding: 12px 13px;
    width: 712px;
    }
  
  #content { margin-top: 21px; }
  
  #content_main {
    float: left;
    padding-left: 74px;
    text-align: right;
    width: 370px;
    }
  
  #content_side {
    float: left;
    margin-left: 20px;
    width: 248px;
    }
  
  .given-name {
    color: #CE7019;
    }
  
  .box {
    background-color: #F6F6F4;
    padding: 10px 18px;
    }
  
  .box img {
    border: 1px solid #CE7019;
    width: 210px;
    }
  
  #newsletter_signup {
    background-color: #F9F5F6;
    padding: 5px;
    }
  
  .tagline {
    color: #CE7019;
    font-size: 104%;
    list-style: none;
    margin: 0 0 3px 0;
    padding: 0;
    }
  
  .tagline li {
    background: none;
    display: inline;
    margin: 0;
    padding: 0 10px 0 0;
    }
  
  .tagline li .active { color: #484820; }
  
  .team_member_thumbnail { 
    float: left; 
    height: 129px;
    width: 142px;
    }
  

/* VCard
----------------------------------------------- */
  
  .vcard .type { display: none; }
  
  .vcard dd {
    margin: 0;
    padding: 0;
    }
    
  .vcard.office { 
    font-size: 85%;
    font-style: italic;
    margin: 2em 0 0 0;
    padding: 0;
    }
  
  .vcard.office .adr div {
    border-bottom: 1px solid #CE7019;
    display: inline;
    padding-bottom: 2px;
    }
  
  .vcard.office .homes_sold {
    padding-top: 6px;
    text-transform: uppercase;
    }
  
  .vcard.office .org { display: none; }
  
  .vcard.office .tel { display: inline; }
  
  .vcard.office .tel.direct {
    border-right: 1px solid #CE7019;
    padding-right: 8px;
    }
  
  .vcard.office .tel.toll-free { padding-left: 3px; }
  
  .vcard.resource .fn { font-weight: bold; }
    
  .vcard.team_member {
    font-size: 90%;
    margin: 0 0 4em 0;
    padding: 0;
    }
  
  .vcard.team_member .email {
    font-weight: bold;
    text-decoration: underline;
    }
  
  .vcard.team_member .fn {
    font-size: 140%;
    font-weight: bold;
    }
  
  .vcard.team_member .title {
    color: #CE7019;
    font-size: 140%;
    font-weight: bold;
    }
  
  
/* Header
----------------------------------------------- */
  
  #header {
    border-bottom: 3px solid #484820;
    padding-bottom: 14px;
    position: relative;
    }
  
  #header h1 {
    margin: 0;
    padding: 0;
    width: 262px;
    }

  #header h1 a {
    background-image: url("../images/logo.png");
    background-repeat: no-repeat;
    display: block;
    height: 0px !important;
    height /**/: 73px; /* for IE5/Win only */
    overflow: hidden;
    padding-top: 73px;
    }


/* Navigation
----------------------------------------------- */
    
  #navigation {
    float: right;
    font-size: 141%;
    font-weight: bold;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: right;
    text-transform: lowercase;
    width: 7em;
    }
  
  #navigation li {
    background: none;
    margin: 0;
    padding: 0;
    }
  
  #navigation li a {
    color: #CE7019;
    text-decoration: none;
    }
  
  #navigation ul a.active,
  #navigation li a:hover {
    color: #484820;
    }
  
  #navigation li:hover ul { left: 707px; }
  
  #navigation ul {
    float: none;
    font-size: 78%;
    font-style: italic;
    font-weight: normal;
    left: -5000px;
    list-style: none;
    margin: -1.2em 0 0 0;
    padding: 0 0 0 20px;
    position: absolute;
    text-align: left;
    width: 156px;
    }
  
  #navigation ul li {
    margin: 0;
    padding: 0;
    }


/* Who We Are
----------------------------------------------- */
  
  .who_we_are h4 {
    color: #CE7019;
    font-size: 110%;
    width: 110px;
    }
  
  .who_we_are #navigation li#who_we_are ul,
  .who_we_are #navigation:hover li#who_we_are:hover ul { left: 707px; }
  
  .who_we_are #navigation:hover li#who_we_are ul { left: -5000px; }
  

/* Helpful Info
----------------------------------------------- */

  .helpful_info #navigation li#helpful_info ul,
  .helpful_info #navigation:hover li#helpful_info:hover ul { left: 707px; }
  
  .helpful_info #navigation:hover li#helpful_info ul { left: -5000px; }


/* Properties
----------------------------------------------- */
  
  .our_current_listings .center {
    display: block;
    font-size: 111%;
    margin-bottom: .4em;
    text-align: center;
    }
  
  .our_current_listings #content_main {
    padding-left: 0;
    width: 479px;
    }
  
  .our_current_listings #content_side {
    font-size: 88%;
    margin: 0 51px 0 0;
    width: 182px;
    }
  
  .our_current_listings input.text { width: 85px; }
  
  .our_current_listings .vcard.office {
    left: -20px;
    position: relative;
    width: 232px;
    }
  
  .our_sold_properties #property_banner #caption { margin-bottom: 0; }

  .our_sold_properties #content {
      margin-left:120px;
  }
  
  .properties .box.sold { margin-top: 27px; }
  
  .properties .box dd {
    margin: 0;
    padding: 0;
    }
  
  .properties .box dl { font-size: 88%; }
  
  .properties .box #less,
  .properties .box #more { 
    float: right; 
    font-size: 88%;
    }
  
  .properties .box .price {
    color: #CE7019;
    font-weight: bold;
    }
  
  .properties #navigation li#properties ul,
  .properties #navigation:hover li#properties:hover ul { left: 707px; }
  
  .properties #navigation:hover li#properties ul { left: -5000px; }
  
  #property_banner {
    background-color: #F6F6F4;
    color: #484820;
    font-size: 115%;
    position: relative;
    }
    
  #property_banner #address {
    background-color: #CE7019;
    clear: both;
    color: #FFF;
    font-size: 87%;
    margin: 0;
    padding-right: 268px;
    text-align: right;
    }

  #property_banner.sold #address { background-color: #484820; }
  
  #property_banner #animation,
  #property_banner #map {
    background-position: center center;
    background-repeat: no-repeat;
    float: left;
    height: 242px;
    position: relative;
    width: 444px;
    }

  #property_banner #animation img,
  #property_banner #map img {
    height: 242px;
    width: 444px;
    }
  
  #property_banner #map img.thumbnail {
    border: 2px solid #CE7019;
    height: auto;
    width: auto;
    }
  
  #property_banner #animation h3 {
    background-image: url("../images/watermark.png");
    background-repeat: no-repeat;
    height: 125px;
    left: 0;
    position: absolute;
    text-indent: -5000px;
    top: 0;
    width: 150px;
    }
  
  #property_banner #caption {
    float: left;
    padding: 20px 20px 0 20px;
    width: 228px;
    }
  
  #property_banner #thumbnail { 
    font-size: 80%; 
    margin: 0;
    }
  
  #property_banner #thumbnail img {
    border: 1px solid #CE7019;
    width: 109px;
    }
  
  #slideshow_navigation {
    bottom: 3em;
    font-size: 75%;
    margin: 0;
    padding: 0;
    position: absolute;
    list-style: none;
    width: 228px;
    }
  
  #slideshow_navigation a {
    border: 1px solid #C4C4C4;
    color: #000;
    display: block;
    }
  
  #slideshow_navigation a.active,
  #slideshow_navigation a:hover {
    background-color: #C0C0C0;
    border-color: #919191;
    text-decoration: none;
    }
  
  #slideshow_navigation li {
    background-image: none;
    float: left;
    margin: 0 2px 2px 0;
    padding: 0;
    text-align: center;
    width: 1.5em;
    }

  .our_sold_properties .property {
      width:600px;
      }

  .our_sold_properties ul {
      }

  .our_sold_properties li {
      padding-top:4px;
      background-image:url(../images/arrows_green.png);
      color: #484820;
      }

  .our_sold_properties li.price {
      font-size:120%;
      font-weight:bold;
      }

   #view_all_previous_listings {
       font-size:14px;
       font-weight:bold;
       margin:20px 0 10px 0;
       }


/* Home
----------------------------------------------- */
  
  .home .box { margin-top: 27px; }
  

/* Property
----------------------------------------------- */

  .property { 
    color: #CE7019;
    font-size: 90%;
    font-style: italic;
    margin-bottom: 2em;
    text-align: left; 
    }
  
  .property .details {
    color: #484820;
    margin-left: 230px;
    }
  
  .property h1 {
    color: #CE7019;
    font-size: 111%;
    font-style: normal;
    }
   
  .our_sold_properties .property h1 a {
    color: #484820;
    font-size: 111%;
    font-style: normal;
    }
  
  .property img {
    border: 1px solid #CE7019;
    float: left;
    width: 210px;
    }

  .our_sold_properties .property img {
    border: 1px solid #484820;
    }
  
  .property .price { font-style: normal; }


/* Blog
----------------------------------------------- */
  
  .article h1 {
    background-color: #ECECE8;
    font-size: 150%;
    line-height: 1em;
    margin: 0 156px .5em 0;
    padding: 0 15px 0 0;
    }
  
  .article_body { width: 273px; }
  
  .authorship { 
    background-color: #ECECE8;
    color: #484820;
    margin-bottom: .5em;
    padding: .3em;
    }
  
  .blog #content_main {
    padding: 0;
    width: 444px;
    }
  
  .blog #content_side ul li {
    background-image: none;
    padding-left: 0;
    }
  
  .comment { margin-bottom: 2em; }
  
  #comment_form {
    background-color: #faf0e8;
    border: 2px solid #CE7019;
    width: 269px;
    }
  
  #comment_form fieldset { padding: 5px; }
   
  #comment_form h2 {
    background-color: #CE7019;
    color: #FFF;
    font-size: 120%;
    font-weight: normal;
    padding: .2em 5px;
    }
  
  #comment_form input.text,
  #comment_form textarea {
    padding: 0;
    width: 249px;
    }
  
  #comment_form label { display: block; }
  
  #comment_form p.submit { text-align: center; }
  
  #comments {
    color: #707070;
    width: 273px;
    }
  
  .excerpt {
    border-color: #ECECE8;
    border-style: solid;
    border-width: 2px 0;
    margin-bottom: 1em;
    }
  
  .excerpt h1 {
    font-size: 150%;
    line-height: 1em;
    margin: 0;
    padding-right: 15px;
    }
  
  .article img,
  .excerpt img {
    float: right;
    height: 103px;
    width: 156px;
    }
    
  .excerpt p {
    background-color: #ECECE8;
    margin: 0;
    padding: 0 15px 0 0;
    }
  
  .excerpt ul {
    margin: 0 156px 0 0;
    padding-right: 15px;
    }
  
  .excerpt ul li {
    background: none;
    display: inline;
    padding: 0;
    }
  
  .headline_and_copy {
    height: 5.40em;
    margin-bottom: .9em;
    overflow: hidden;
    }
  
  .meta {
    border-color: #ECECE8;
    border-style: solid;
    border-width: 2px 0;
    margin: 2em 0;
    padding: .3em 171px .3em 0; 
    }
  
  .meta li {
    background: none;
    display: inline;
    padding: 0 0 0 15px;
    }


/* Errors
----------------------------------------------- */

  #errorExplanation {
    border-color: #D75761;
    border-style: solid;
    border-width: 1px 0;
    color: #A22630;
    font-size: 90%;
    line-height: 1em;
    margin-bottom: 1em;
    padding: 10px 5px;
    text-align: left;
    }
  
  #errorExplanation h2 {
    background: none;
    color: #A22630;
    margin: 0 0 .2em 0;
    padding: 0;
    }
  
  #errorExplanation p {
    margin-bottom: .4em;
    }
  
  #errorExplanation ul {
    list-style: square;
    margin: 0;
    padding-left: 2em;
    }
  
  #errorExplanation ul li { background: none; }