/*
-----------------------------------------------
Stylesheet: Outlandish Demo
Template: Traditional
Media: Screen
Author: Chris Abad
----------------------------------------------- */


/* Base Styles
----------------------------------------------- */

  body {
    color: #868686;
	  font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: small;
    margin: 0;
    padding: 0;
    text-align: center;
    }
  
  a {
    color: #edb111;
    }
  
  p {
    margin: 0 0 .8em 0;
    padding: 0;
    }
    
    
/* 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
----------------------------------------------- */
  
  #box {
	  background: #FFF;
	  border: 3px solid #EFEFEF;
	  padding: 10px;
	  text-align:left;
    }
  
  #boxcontent {
    padding: 15px;
    }
  
  #container {
    background-image: url("../images/bg_container.gif");
    background-repeat: repeat-y;
    border: 1px solid #DDD;
    margin: 27px auto 15px auto;
    text-align: left;
    width: 596px;
    }
  
  .required {
    color: #edb111;
    }


/* Header
----------------------------------------------- */

  #header {
    background-color: #FFF;
    border-bottom: 1px solid #DDD;
    padding: 25px 8px 14px 33px;
    }
  
  #header dl {
    float: right;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    width: 290px;
    }
  
  #header dl dd {
    color: #edb111;
    margin: 0;
    padding: 0;
    text-align: right;
    }
  
  #header dl dt {
    border-left: 1px solid #DDD;
    float: right;
    margin-left: 8px;
    padding-left: 8px;
    }
  
  #header dl #name {
    color: #231f20;
    font-size: 125%;
    font-weight: bold;
    margin: 0;
    padding: 1em 0 0 0;
    }
  
  #header #headline {
    float: left;
    width: 265px;
    }  
  
  #header h1 {
    color: #231f20;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 200%;
    font-weight: normal;
    margin: 10px 0 0 0;
    padding: 0;
    }
  
  #header h2 {
    color: #edb111;
    font-size: 100%;
    font-weight: normal;
    margin: 0;
    padding: 0;
    }


/* Content-Main
----------------------------------------------- */

  #content_main {
    border-bottom: 1px solid #DDD;
    }
  
  #content_main form {
    background-color: #231f20;
    color: #edb111;
    float: left;
    font-size: 130%;
    height: 199px;
    margin: 0 1px 0 0;
    overflow: hidden;
    padding: 21px 19px;
    text-transform: uppercase;
    width: 213px;
    }
  
  #content_main form button {
    background: none;
    border: 0;
    color: #edb111;
    cursor: pointer; /* hand-shaped cursor */
		cursor: hand; /* for IE 5.x */
    font-size: 75%;
    text-align: right;
    width: 100%;
    }
  
  #content_main form input {
    font-size: 90%;
    margin: 0;
    padding: 0;
    width: 213px;
    }
  
  #content_main form label {
    display: block;
    }
  
  #content_main #tagline {
    background-image: url("../images/bg_tagline.jpg");
    background-repeat: no-repeat;
    float: right;
    height: 241px;
    position: relative;
    width: 344px;
    }
  
  #content_main #tagline h3 {
    bottom: 15px;
    color: #FFF;
    font-size: 125%;
    font-weight: normal;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 15px;
    text-align: right;
    }
  
  #thank_you {
    color: #FFF;
    font-size: 130%;
    background-color: #231f20;
    padding: 21px 19px;
    }


/* Content-Main
----------------------------------------------- */

  #content_secondary #contact_info {
    float: left;
    font-size: 90%;
    margin: 0 3px 0 0;
    padding: 25px 45px;
    width: 159px;
    }
  
  #content_secondary #contact_info h4 {
    background-image: url("../images/title_contact_me.gif");
    width: 141px;
    }
  
  #content_secondary #contact_info p {
    margin: 0;
    }
  
  #content_secondary #contact_info p.address {
    margin: 0 0 .8em 0;
    }
  
  #content_secondary #contact_info p .label {
    color: #edb111;
    display: block;
    float: left;
    text-transform: lowercase;
    width: 40px;;
    }
  
  #content_secondary dl {
    clear: right;
    float: right;
    font-size: 90%;
    margin: 0 0 25px 0;
    padding: 0 52px;
    width: 240px;
    }
  
  #content_secondary dl dd {
    margin: 0 0 .5em 80px;
    }
  
  #content_secondary dl dd#about {
    font-weight: bold;
    }
  
  #content_secondary dl dt {
    float: left;
    margin: 0 8px 0 0;
    }
  
  #content_secondary dl img {
    border: 3px solid #EFEFEF;
    }
  
  #content_secondary h4 {
    background-repeat: no-repeat;
    height: 18px;
    position: relative;
    margin: 0 0 .8em -5px;
    text-indent: -5000px;
    }
  
  #content_secondary #welcome {
    float: right;
    margin: 0 0 2em 0;
    padding: 25px 52px 0 52px;;
    width: 240px;
    }
  
  #content_secondary #welcome h4 {
    background-image: url("../images/title_welcome_home.gif");
    width: 190px;
    }


/* Footer
----------------------------------------------- */

  #footer {
    background-image: url("../images/logo_equal_housing.gif");
    background-position: top right;
    background-repeat: no-repeat;
    color: #999;
    font-size: 85%;
    height: 40px;
    list-style: none;
    margin: 0 auto 27px auto;
    padding: 0 40px 0 0;
    text-align: left;
    width: 516px;
    }
  
  #footer a {
    color: #999;
    text-decoration: none;
    }
  
  #footer li {
    padding: 0;
    }


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

  #errorExplanation {
    background-color: #FFCCCE;
    border-bottom: 3px solid #EFEFEF;
    color: #9D626C;
    padding: 5px 15px;
    }

  #errorExplanation h2 {
    padding: 0;
    font-size: 125%;
    color: #CB0109;
    }

  #errorExplanation p {
    display: none;
    margin: 0;
    padding: 0;
    }

  #errorExplanation ul li {
    list-style: square;
    }
  
  .fieldWithErrors {
    background-color: #CB0109;
    margin: -1em 0 0 0;
    padding: 2px;
    }