/*  
Theme Name: Ambience
Theme URI: http://woothemes.com
Description: A mystical theme for WordPress
Version: 2.0.0
Author: WooThemes
Author URI: http://woothemes.com
*/


/* 00 - GLOBAL ELEMENTS
/* ----------------------------------------------*/
body {
  margin:0; padding:0;
  width:auto; height:auto;
}

img {
  border:0;
}

blockquote {
  width:80%; height:auto;
  margin:0; padding:15px 25px 15px 85px;
  display:block;
}

code {

}

label {
  font:bold 0.92em Arial, Helvetica, sans-serif; color:#597388;
}

/* 01 - TYPOGRAPHY
/* ----------------------------------------------*/

h1 {
  /* Show nothing. Hidden under logo. */
  text-indent:-9999px;
  /* Use if text logo is shown */    
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 32px !important;
  font-weight: normal !important;
  letter-spacing: 1px !important;
  margin: 0px !important;
}

h2 {
  /* Show nothing. Hidden under logo. */
  text-indent:-9999px;
  /* Use if text logo is shown */    
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px !important;
  font-weight: normal !important;
  color: #fff;
  margin: 0px !important;
}

  h2.lifestream_date {
    margin:15px 0 8px 0 !important; padding:15px 0 0 0;
    text-indent:0px;
    font:0.85em Arial, Helvetica, sans-serif; color:#5a7d9a;
    border-top:1px solid #172433;
  }
  
  h2.lifestream_date_first {
    margin:15px 0 8px 0 !important; padding:0;
    text-indent:0px;
    font:0.85em Arial, Helvetica, sans-serif; color:#5a7d9a;
  }

h3 {
  /* Post/Page Titles*/
  margin:0 -18px 18px -18px; padding:9px 18px 19px 18px;
  font:bold 2.15em Arial, Helvetica, sans-serif; color:#e8eff7;
  border-bottom:1px solid #101721;
}

h4 {
  /* Meta/Category Title*/
  margin:0; padding:0;
  font:1.85em Arial, Helvetica, sans-serif; color:#7b8eb6;
}

  h4.post-category {
    /* With Divider */
    margin:0 18px 0 0; padding:0 18px 0 0;
    border-right:1px solid #202a37;
    display:inline; line-height:55px; vertical-align:middle;
  }
  
  h4.single-info {
    /* With Divider */
    margin:0; padding:0;
    display:inline; line-height:55px; vertical-align:middle;
  }

h5 {
  margin:0 -8px 15px -8px; padding:0 8px 10px 8px;
  font:1.38em Arial, Helvetica, sans-serif; color:#9cadc2;
  border-bottom:2px solid #1b2937;
}

  h5.footer-title {
    margin:0; padding:0;
    font:1.08em Arial, Helvetica, sans-serif; color:#7984b4;
    border-bottom:0;
  }

h6 {
  margin:0; padding:0;
  font:0.77em Georgia, "Times New Roman", Times, serif; color:#b5c2cf;
  text-transform:uppercase;
}

a:link, a:active, a:visited {
  color:#FFF;
  text-decoration:none;
}

  h3 a:link, h3 a:active, h3 a:visited {
    color:#e8eff7;
  }
  
  h4 a:link, h4 a:active, h4 a:visited {
    color:#7b8eb6;
  }
  
  h5 a:link, h5 a:active, h5 a:visited {
    color:#9cadc2;
  }

  #top-links a {
    font:0.92em Arial, Helvetica, sans-serif; color:#725faa;
  }
  
  #navigation a {
    margin:0; padding:21px 22px 0 22px;
    width:auto; height:55px;
    font:1.23em Arial, Helvetica, sans-serif; color:#93a2af;
    /* IE6 Needs inline-block otherwise width:auto; spans 100% */
    display:inline-block;
  }
  
    #navigation a span {
      font:0.69em Arial, Helvetica, sans-serif; color:#dfdcf1;
      display:block;
    }
    
  #twitter_update_list li a {
    color:#b96db6; text-decoration:underline;
  }
  
  .post-meta span a {
    color:#a5cbff;
  }
  
  .lifestream-content a, #right-col li ul li a, #tag_cloud a {
    color:#4e667a;
  }
  
  #footer-list li ul li a {
    font:1.00em Arial, Helvetica, sans-serif; color:#c3caf3;
  }
  
  a.woothemes:link, a.woothemes:active, a.woothemes:visited {
    margin:0; padding:5px 87px 7px 0;
    width:auto; height:22px;
    background:url(images/woothemes-trans.png) no-repeat center right;
    text-indent:-9999px; color:#949db1;
  }

a:hover {
  text-decoration:underline;
}

  h3 a:hover {
    text-decoration:none;
    color:#B8CBE1;
  }

  #navigation a:hover {
    color:#FFF;
    text-decoration:none;
    background:url(images/nav-hover-trans.png) repeat-x top center;
  }
  
  #twitter_update_list a:hover {
    color:#FFF; text-decoration:none;
  }
  
/* Styles */
.color-light, .color-light a {
  color:#b5c2cf;
}

.color-dark, .color-dark a {
  color:#4f6882;
}

.color-white, .color-white a {
  color:#FFF;
}

.color-blue, .color-blue a {
  color:#7f9bb9;
}

.font-georgia {
  font-family:Georgia, "Times New Roman", Times, serif;
}

.font-arial {
  font-family:Arial, Helvetica, sans-serif;
}

.size-small {
  font-size:0.77em;
}

.size-large {
  font-size:1.23em;
}

.trans-uppercase {
  text-transform:uppercase;
}

.display-inline {
  display:inline;
}

.display-block {
  display:block;
}

/* Misc */
blockquote {
  font-family:Georgia, "Times New Roman", Times, serif; color:#516479;
}

#top-links {
  color:#7157a9;
}

.search-box {  
  font:0.92em Arial, Helvetica, sans-serif; color:#c2b1e7;
}

#twitter_update_list {
  margin:8px 0 0 0; padding:0;
  font:1.92em Georgia, "Times New Roman", Times, serif;
  list-style:none; display:block;
}
  
.post-meta span {
  font:0.85em Arial, Helvetica, sans-serif; color:#546378;
  line-height:55px; vertical-align:middle;
}

.continue-reading {
  margin:0; padding:0 0 0 22px;
  width:auto; height:auto;
  background:url(images/continue-reading.gif) no-repeat center left;
  font:bold 0.92em Arial, Helvetica, sans-serif; color:#6f8cc0;
}

#right-col {
  color:#3d5467;
}

.comment-author {
  color:#c7cdd4;
}

.comment-text {
  font:0.92em Georgia, "Times New Roman", Times, serif; color:#677a89;
}

.input {
  font:0.92em Arial, Helvetica, sans-serif; color:#677a89;
}

.lifestream-content {
  font:0.92em Arial, Helvetica, sans-serif; color:#3d5467;
}

#footer-list li ul li {
  font-size:0.85em; color:#3d556d;
}

#footer-copyright {
  font:0.85em Arial, Helvetica, sans-serif; color:#939fae;
}

/* 02 - STRUCTURE
/* ----------------------------------------------*/

.clearfix:after {
    content: " ";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

.left {
  float:left;
}

.right {
  float:right;
}

.container {
  margin:0 auto; padding:0;
  width:941px; height:auto;
}

  /* 02.A - Main Backgrounds
  /* ----------------------------------------------*/
  
  #main-back {
    margin:0; padding:0;
    width:auto; height:auto;
    display:block;
  }
    
  /* 02.B - Header
  /* ----------------------------------------------*/
  
  #header {
    margin:0; padding:0;
    width:950px; height:auto;
  }
  
  #top-links {
    margin:0; padding:0;
    width:auto; height:42px; line-height:42px;
    display:block; text-align:right;
  }
  
  #banner {
    margin:0; padding:0;
    width:auto; height:150px;
  }
  
  #logo {
    margin:-15px 0 0 35px; padding:0;
    width:300px; height:150px;
    float:left; display:inline;
  }
  
  #header-search {
    margin:0; padding:0;
    width:auto; height:auto;
    float:right; display:inline;
  }
  
  /* 02.C - Content
  /* ----------------------------------------------*/
  
  #content {
    margin:0 0 40px 0;
  }
  
    #left-col {
      margin:0; padding:0;
      width:930x; height:auto;
      float:center;
    }
    

  
  /* 02.D - Footer
  /* ----------------------------------------------*/
  
  #footer {
    margin:0; padding:0;
    width:auto; height:auto;
  }
  
/* 03 - HEADER / NAVIGATION
/* ----------------------------------------------*/

#header-search {
  margin:45px 46px 0 0; padding:0;
  display:inline;
}

.search-box {
  margin:0; padding:5px 10px 5px 5px;
  width:185px; height:auto; display:block;
  background:none; border:0; 
  float:left;
}

.search-button {
  margin:0; padding:0;
  width:73px; height:25px;
  border:0; 
  float:left;
}

#navigation {
  /* For Normal Browsers */
  margin:25px 0 0 15px !important; 
  padding:0;
  width:auto; height:76px;
  list-style:none;
}

  #navigation li {
    margin:0; padding:0;
    width:auto; height:76px;
    float:left;
  }
  
/* 04 - LEFT COLUMN
/* ----------------------------------------------*/

.twitter {
  margin:40px 25px 0 25px; padding:0;
}

.post {
  margin:30px 0 10px 0;
}

.post-meta {
  margin:0; padding:4px 24px 0 24px;
  width:530px;
}

  .single-meta {
    margin:0; padding:4px 24px 0 24px;
  }

.post-content {
  /* Indent the Post some */
  margin:18px; padding:0;
}

  .post-image {
    margin:18px 13px 0 0;
    float:left;
  }
  
.comment-count {
  float:left;
}
  
.commentlist {
  margin:0; padding:0;
  list-style:none;
}

  .commentlist li {
    margin:0; padding:27px;
  }
  
  .commentlist li.comment-alt {
    background:#0c131d;
    border-top:1px solid #0f1721;
  }
  
    .comment-meta {
      width: 170px;
      float: left;
      margin:0; padding:0;
    }
  
    .comment-author {
      margin:0; padding:0;
      width:118px;
      float:left; text-align:right;
    }

    .comment-gravatar {
      float: right;
      display: inline; 
      width: 32px;
      padding: 15px 0px 0px 20px !important;
      padding: 0px 0 0 20px;      
    }    
    
    .comment-text {
      margin:0; padding:0;
      width:330px;
      float:right;
    }
    
    .comment-text p {
      float: left;
      display: inline;
    }

#social-sites {
  float:right;
}

  #social-sites dd {
    margin:-4px 0 0 11px; padding:0;
    width:auto; height:auto;
    float:left; display:inline;
  }
  
    .social-rss, .social-digg, .social-delicious, .social-stumble {
      margin:0; padding:0;
      width:32px; height:31px;
      background-image:url(images/social-sprite.gif);
      text-indent:-9999px; display:block; outline:0;
    }
    
    .social-rss {
      background-position:0px 0px;
    }
    
    .social-digg {
      background-position:0px -31px;
    }
    
    .social-delicious {
      background-position:0px -63px;
    }
    
    .social-stumble {
      background-position:0px -95px;
    }
  
/* 05 - RIGHT COLUMN
/* ----------------------------------------------*/

#right-col {
  list-style:none;
}

  #right-col li {
    margin:0 0 30px 0; padding:15px 20px 20px 20px;
  }
  
    #right-col #ads img {
      margin:4px; padding:2px;
      border:1px solid #1b2737;
    }
    
    #right-col #lifestream {
      
    }
    
      #right-col li ul {
        margin:0; padding:0;
        list-style:none;
      }
      
        #right-col li ul li {
          margin:3px 0 13px; padding:0 0 0 28px;
          border:0;
        }
    
      #right-col #lifestream ul {
        margin:0; padding:0;
        list-style:none;
      }
      
        #right-col #lifestream ul li {
          margin:0 0 10px 0; padding:0;
          background:none;
          border:0;
        }
        
          .lifestream-image {
            margin:0; padding:0;
            width:25px; height:auto;
            float:left;
          }
          
          .lifestream-content {
            margin:0; padding:0 0 0 0;
            width:248px; height:auto;
            float:right;
          }
          
          #right-col #lifestream ul li ul li {
            margin:2px 0 2px 10px; padding:0;
            font-size:0.92em;
          }
          
/* 06 - FOOTER
/* ----------------------------------------------*/

#footer-columns {
  margin:0; padding:0;
}

#footer-list {
  margin:0; padding:0;
  list-style:none;
}

  #footer-list li {
    margin:0; padding:20px;
    width:270px; height:auto;
    float:left; display:block;
  }
  
    #footer-list li ul {
      margin:5px 0 0 0; padding:0;
      list-style:none;
    }
    
      #footer-list li ul li {
        margin:10px 0; padding:0 0 0 11px;
        width:auto; height:auto;
        float:none;
      }
      
      #footer li-list #links li {
        width:155px; height:auto;
        float:left;
      }
      
#footer-repeat {
  margin:0; padding:0;
  width:100%; height:auto;
}
      
  #footer-copyright {
    margin:0; padding:0;
    width:auto; height:65px;
    line-height:65px;
  }

/* 00 - FORMS
/* ----------------------------------------------*/

.input {
  margin:0 0 10px 0; padding:6px;
  background:#0e1620;
  border:1px solid #162232;
}

label {
  margin:0 0 26px 0; padding:0;
  display:block; line-height:25px;
}

/* 00 - IMAGE ALIGNMENT
/* ----------------------------------------------*/

.alignleft {
  float:left;
  margin: 0px 20px 15px 0px;
}

.alignright {
  float:right;
  margin: 0px 0px 15px 20px;
}