/*
-----------------------------------------------
Stylesheet: Sample Site
Media: All
Author: Chris Abad
----------------------------------------------- */

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

  body {
    background-image: url("../images/top_border.png");
    background-repeat: repeat-x;
    color: #333;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: small;
    line-height: 1.2em;
    margin: 0;
    padding: 10px 0 0 0;
    text-align: center;
    }
  
  a {
    color: #306490;
    outline: 0;
    }
  
  a img { border: 0; }
  
  p { margin: 0 0 1em 0; }
  
  h1 {
    color: #D0663A;
    font-size: 170%;
    margin: 0 0 .3em 0;
    padding: 0;
    text-transform: uppercase;
    }
  
  h2 {
      color: #306490;
      font-size: 150%;
      margin: 0 0 .3em 0;
      padding: 0;
      text-transform: uppercase;
      }

  hr {
    margin: 1.5em 0;
    visibility: hidden;
    }
    

/* 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 {
    margin: 0 auto 0 auto;
    text-align: left;
    width: 760px;
    }
  
  #content_side #subscribe {
    border: 0;
    font-family: Georgia,"Times New Roman",Times,Serif;
    font-size: 130%;
    margin: 0 0 1.5em;
    padding: 0;
    }
    
  .county,
  .type { display: none; }
  
  #introduction {
    border-bottom: 2px solid #E6E6E6;
    color: #666;
    font-size: 150%;
    line-height: 1.2em;
    margin-bottom: 2em;
    }
  
  #promotion {
    background-color: #D7E4BD;
    color: #86AD39;
    font-size: 138%;
    font-weight: bold;
    line-height: 1.2em;
    margin-bottom: 25px;
    padding: 15px 25px
    ;
    text-align: center;
    }
  
  #promotion a { color: #86AD39; }
  
  #promotion h1 {
    color: #4D4D4D;
    font-size: 133%;
    margin: 0 0 .2em 0;
    padding: 0;
    text-transform: uppercase;
    }
  
  #promotion h1 a {
    color: #4D4D4D;
    text-decoration: none;
    }
  
  #promotion h1 a:hover { text-decoration: underline; }
  
  #promotion p {
    margin: 0;
    padding: 0;
    }
  
  .read_more {
    background-image: url("../images/read_more_gray.png");
    background-repeat: no-repeat;
    display: block;
    height: 15px;
    margin: .5em 0 1.5em 0;
    text-indent: -5000px;
    width: 62px;
    }
  
  .screenshot { margin-bottom: 15px; }
  
  #screencast { margin-bottom: 1em; }
  
  .screencast,
  .teaser { margin-bottom: 2em; }
  
  .teaser h2,
  .teaser p { margin-left: 260px; }
  
  .teaser img {
    border: 3px solid #EFEFEF;
    float: left;
    width: 234px;
    }
  
  .watch_screencast {
    background-image: url("../images/read_more_gray.png");
    background-repeat: no-repeat;
    display: block;
    height: 15px;
    margin: .5em 0 1.5em 0;
    text-indent: -5000px;
    width: 62px;
    }
  

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

  #header {
    margin: 0 auto 0 auto;
    position: relative;
    text-align: left;
    width: 760px;
    }
    
  #header h1 {
    margin: 0;
    padding: 0;
    width: 206px;
    }
  
  #header h1 a {
    background-image: url("../images/logo.png");
    background-repeat: no-repeat;
    display: block;
    height: 60px;
    text-indent: -5000px;
    }
  
  #integral_impressions {
    background-image: url("../images/navigation_logo.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    height: 25px;
    margin: -5px 0 0 -23px;
    position: absolute;
    text-indent: -5000px;
    width: 23px;
    }
  
  #integral_impressions:hover { background-position: 0 -25px; }
  
  #navigation {
    bottom: 10px;
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    text-transform: lowercase;
    }
  
  #navigation li {
    float: right;
    margin: 0 0 0 20px;
    padding: 0;
    }
  
  #navigation li a {
    color: #333;
    text-decoration: none;
    }
  
  #navigation li a.active,
  #navigation li a.active:hover { color: #D0663A; }

  #navigation li a:hover { color: #666; }
  
 
/* Content
----------------------------------------------- */
  
  #content_main {
    float: right;
    width: 500px;
    }
  
  #content_side {
    float: left;
    width: 240px;
    }
  
  #content_side h3 {
    border-top: 3px solid #CCC;
    color: #666;
    font-family: Georgia, "Times New Roman", Times, Serif;
    font-size: 130%;
    font-weight: normal;
    margin: 0 0 .8em 0;
    padding: 5px 0 0 0;
    text-transform: lowercase;
    }
  
  #content_side ul {
    margin: 0 0 1em 0;
    padding: 0;
    list-style: none;
    }
  
  #content_side ul a { color: #666; }
  
  #content_side ul a.active { color: #D0663A; }
  
  #content_side ul li {
    background-image: url("../images/arrow.gif");
    background-position: 0 center;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0 0 0 15px;
    }
  
  #content_side ul#archives a { color: #306490; }
  
  #content_side ul#archives li {
    background: none;
    padding: 0;
    }
  
/* Footer
----------------------------------------------- */
  
  #footer {
    background-color: #535353;
    background-image: url("../images/footer_bg.png");
    background-position: bottom;
    background-repeat: repeat-x;
    color: #CCC;
    margin-top: 25px;
    padding: 25px 0 55px;
    }
  
  #footer a { color: #CCC; }
  
  #footer_main {
    float: right;
    width: 500px;
    }
  
  #footer_side {
    float: left;
    width: 240px;
    }
  
  #footer h3 {
    color: #FFF;
    font-family: Georgia, "Times New Roman", Times, Serif;
    font-size: 130%;
    font-weight: normal;
    margin: 0 0 .3em 0;;
    padding: 0;
    text-transform: lowercase;
    }

  #footer .vcard {
    color: #FFF;
    margin: 0;
    padding: 0;
    }
  
  #footer .vcard a { color: #FFF; }
  
  #footer .vcard dd {
    margin: 0;
    padding: 0;
    }

/* Banner
----------------------------------------------- */

  #banner {
    background-image: url("../images/banner_bg.png");
    background-repeat: repeat-x;
    border-bottom: 5px solid #CCC;
    height: 130px;
    margin-bottom: 20px;
    overflow: hidden;
    padding-top: 20px;
    text-align: left;
    }
  
  #banner h1,
  #banner h2 {
    color: #FFF;
    font-size: 300%;
    font-weight: normal;
    line-height: 1em;
    margin: 0 auto 0 auto;
    padding: 0;
    text-transform: uppercase;
    width: 760px;
    }

/* Forms
----------------------------------------------- */


  button {
    background: none;
    background-repeat: no-repeat;
    border: 0;
    cursor: pointer; /* hand-shaped cursor */
		cursor: hand; /* for IE 5.x */
    display: block;
    float: right;
    height: 24px;
    margin-top: .5em;
    padding: 0;
    text-indent: -5000px;
    }

  .datetime select {
    display: inline;
    width: auto;
    }

  fieldset {
    background-color: #EFEFEF;
    border: 0;
    margin-bottom: 1em;
    padding: 15px;
    }
  
  fieldset.highlight {
    background-color: #FFF5CC;
    border-color: #FFE980;
    border-style: solid;
    border-width: 1px 0;
    }
  
  fieldset.highlight a,
  fieldset.highlight label {
    color: #665200;
    }

  form {
    border: 1px solid #EFEFEF;
    margin-bottom: .8em;
    padding: 15px;
    }

  form h3 {
    color: #68331D;
    font-size: 120%;
    margin: 0 0 .5em 0;
    padding: 0;
    text-transform: uppercase;
    }

  form br {
    clear: left;
    }
  
  form .auto input,
  form .auto select {
    width: auto;
    }

  input {
    display: block;
    margin-bottom: .8em;
    width: 250px;
    }

  input.checkbox,
  input.radio {
    display: inline;
    float: none;
    margin: 0;
    padding: 0;
    width: auto;
    }
  
  input.checkbox + input { display: inline; }
  
  input.inline {
    display: inline;
    float: none;
    margin: 0;
    padding: 0;
    }
  
  input.submit {
    float: right;
    height: auto;
    margin: 0;
    padding: 0;
    width: auto;
    }

  label {
    color: #666;
    display: block;
    }
  
  label.inline {
    display: inline;
    float: none;
    margin: 0;
    padding: 0;
    }
  
  label a {
    color: #666;
    }

  legend {
    display: none;
    }
  
  .required {
    color: #800106;
    }
  
  select {
    width: 250px;
    }

  select.auto {
    width: auto;
    }

  textarea {
    width: 100%;
    }

  textarea.code_text_area {
    height: 300px;
    font-family: Courier, "Courier New", monospace;
    font-size: 1em;
    }

  textarea.small_code_text_area {
    height: 100px;
    font-family: Courier, "Courier New", monospace;
    font-size: 1em;
    }


  textarea.large {
    height: 500px;
    }

  textarea.small {
    height: 50px;
    }

/* Tables
----------------------------------------------- */
  
  table {
    border-collapse: collapse;
    margin-bottom: 10px;
    text-align: center;
    width: 100%;
    }
  
  table.data {
    margin-bottom: 25px;
    width: 100%;
    }
  
  table.data a {
    color: #333;
    }
  
  table.data .blank td {
    border: 0;
    padding: 0;
    }
  
  table.data .blank_slate h3 {
    margin-bottom: 0;
    }
  
  table.data .blank_slate td {
    font-size: 110%;
    padding: 25px;
    }
  
  table.data .details table {
    width: 100%;
    }
  
  table.data .details table td {
    border: 0;
    text-align: left;
    }
  
  table.data .details table th {
    border: 0;
    color: #333;
    font-size: 100%;
    font-weight: bold;
    text-align: left;
    }
  
  table.data .details td { background-color: #265074; }
  
  table.data .secondary {
    color: #666;
    font-size: 85%;
    }
  
  table.data td {
    border-bottom: 1px solid #E6E6E6;
    padding: 5px 10px;
    text-align: center;
    }
  
  table.data th {
    border-bottom: 2px solid #00334D;
    color: #666;
    font-size: 85%;
    font-weight: normal;
    padding: 6px 10px 3px 10px;
    text-align: center;
    }
  
  table.data tr.alt td { background-color: #DEE8F1; }
  
  table.data tr.form td {
    border: 0;
    padding: 0;
    text-align: left;
    }
  
  table.data tr.pagination td {
    border: 0;
    font-size: 90%;
    color: #666;
    text-align: right;
    }
  
  table.data tr.pagination td a {
    color: #666;
    }
  
  table tr.title th,
  table.data tr.title th {
    background: none;
    border: 0;
    font-size: 100%;
    padding: 0;
    }
  
  table tr.title th a,
  table.data tr.title th a {
    color: #666;
    }
  
  table td.left,
  table th.left {
    text-align: left;
    }
  
  table td.right,
  table th.right {
    text-align: right;
    }


/* Blog
----------------------------------------------- */
  
  .comment {
    color: #666;
    margin: 0 0 1em 0;
    }
  
  .comment .author {
    color: #86AD39;
    font-size: 110%;
    font-weight: bold;
    margin: 0;
    text-transform: uppercase;
    }
  
  .comment .author a { text-decoration: none; }
  
  .comment .author a:hover { text-decoration: underline; }
  
  #content_side #subscribe {
    font-family: Georgia, "Times New Roman", Times, Serif;
    font-size: 130%;
    margin: 0 0 1.5em 0;
    padding: 0;
    }
  
  #content_side #subscribe a {
    color: #999;
    text-decoration: none;
    text-transform: uppercase;
    }
  
  #content_side #subscribe:hover {
    color: #999;
    text-decoration: underline;
    }
  
  .title { margin-bottom: 0; }
  
  .meta {
    border-top: 1px solid #EFEFEF;
    font-size: 90%;
    list-style: none;
    margin: 1.5em 0 3em 0;
    padding: .5em 0 0 0;
    }
  
  .meta a {
    color: #999;
    text-decoration: none;
    }
  
  .meta a:hover {
    text-decoration: underline;
    }
  
  .meta li {
    color: #999;
    display: inline;
    margin-right: 10px;
    }
  
  .post .author {
    border: 0;
    color: #999;
    font-size: 100%;
    margin-bottom: .8em;
    margin-top: 0;
    padding-top: 0;
    }
  
  .post .author a {
    color: #999;
    text-decoration: none;
    }
  
  .post .author a:hover { text-decoration: underline; }
  
  .post h1 {
    color: #306490;
    line-height: .95em;
    margin: 0 0 .3em 0;
    padding: 0;
    text-transform: uppercase;
    }

  .post h1 a {
    text-decoration: none;
    }

  .post h1 a:hover {
    text-decoration: underline;
    }

  .post .details {
    color: #306490;
    font-size: 95%;
    margin: 0;
    text-transform: uppercase;
    }

  .post .details a {
    text-decoration: none;
    }

  .post.details a:hover {
    text-decoration: underline;
    }

  .post .details .date {
    border-right: 1px solid #86ad39;
    color: #86ad39;
    margin: 0 2px 0 0;
    padding: 0 5px 0 0;
    }