/* @override http://www.chatterbooks.org.uk/new/css/layout.css */
/* MAIN CSS - contains height, width, padding, margin and positioning of elements
Name: 
URI: http://
Version: 1.0
Author: Studio Lift
Author URI: http://studiolift.com/
*/

@import "reset.css";
@import "color.css";
@import "type.css";

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

#wrapper {width:802px;margin:0 auto;padding-bottom: 30px}

  #branding {height:140px;position:relative;}
    #branding h1 {position:absolute;top:0;left:0;height:250px;width:360px;overflow:visible;z-index:3;} 
      #branding h1 a {}
    #branding img {float: left;}
    /*#branding-main {margin-top:83px;width:555px;height:50px;float:left;position:relative;}
    #branding-side {margin-top:83px;width:247px;height:50px;float:right;}*/

  #nav {float: left;}
    ul#nav {margin-left: 250px;margin-top: 40px;display:inline;position: relative;z-index:4;}
      ul#nav li {float: left;margin-right: 20px;}
        ul#nav li a {padding:8px 20px;display:block}
  
  #content{margin-top:0px;margin-bottom:0;padding-bottom:0px;} 
    #content-main {margin-top:70px;width:555px;float:left;position:relative;z-index:1;}
      #content-main h2 {padding-left: 15px;margin-bottom:20px;}
      #content-main p, #content-main li {margin-left: 15px;margin-right:20px;margin-bottom: 7px;}
      #content-main p.posted {margin-top:-7px;}
      #content-main ul li {margin-left:30px;list-style:disc;}
      #content-main h3 {margin-left: 15px;margin-right:20px;margin-bottom: 7px;}
      #content-main h4 {margin-left: 15px;margin-right:20px;margin-top: 12px;}
      #content-main p#breadcrumb {}
      #content-main #video {margin-top:10px;margin-bottom:15px;margin-left:15px;margin-right:20px;}
      #content-main img {margin-top: 20px !important;margin-left: 0px !important;}
      body.home #content-main img {margin-top: 0;}

      #content-main #slideshow{margin-left:15px;position:relative;height:342px;display: block}
      #content-main #slideshow span {position:absolute;top:0;left:0;z-index:8;display:block}
      #content-main #slideshow span img{display:block}
      #content-main #slideshow span.active {z-index:10;}
      /*#content-main #slideshow img.last-active {z-index:9;}*/
      #content-main table {margin-left:15px;margin-right:15px;margin-top:20px;margin-bottom:20px;}
      #content-main table td, #content-main table th {padding:5px;}
      
       body.home #content-main img, body.home #content-main #slideshow img {margin-top: 0 !important;}

  #buttons {margin-top: 15px;}
  #buttons img {margin-top: 15px;}
    
  #content-sub {width:247px;float:right;padding-top:10px;padding-bottom:20px;}
    body.internal #content-sub form {margin-bottom: 20px;}
    #content-sub p, #content-sub li, #content-sub h3, #content-sub h4 {margin-right:20px;margin-bottom: 7px;}
    #content-sub form {height:30px;margin-left:20px;margin-right:20px;margin-top:10px;padding:5px;}
    #content-sub form input {margin-left: 10px;margin-top: 5px;}
    #content-sub form label {display: none;}
    #content-sub #blog {margin-top: 30px;}
    #content-sub img, #content-sub p, #content-sub h3, #content-sub h4 {margin-left:20px;}
    #content-sub h3 {margin-top:30px;}
  
    #content-sub ul {margin-bottom:10px;margin-left:20px;}
      #content-sub ul li {display: block; margin-bottom: 10px;}
        #content-sub ul li a {display:block;padding-top: 4px;padding-bottom: 4px; padding-left: 10px;padding-right: 10px;}
        #content-sub ul#more-entries li a, #content-sub ul#more-entries li a {padding:0}
  
  #content-bottom {padding-top: 0px;}
  
  #site-info{width:100%;padding-top:0px;padding-bottom:10px;}
  #site-info ul, #site-info p {width:760px;margin-left:auto;margin-right:auto;}
  #site-info ul li a {float: right;margin-bottom: 20px;display: block}
  #site-info ul li#logos-1 a {height:83px;width:127px;display: block}
  #site-info ul li#logos-2 a{height:83px;width:103px;display: block}
  #site-info ul li#logos-3 a{height:83px;width:84px;float: right;display: block}
  #site-info ul li a em {display: none;}
  
  /* comments */
  #comments {margin-left:15px;margin-top:20px;} 
  #comments h3 {margin-left:0;margin-top:30px;}
  #comments p {margin-left:0;}
  .comment-header {margin-bottom:0px;margin-top:20px;padding-top:5px;margin-right:20px;}  
  .comments-open-header {padding-top:5px;}
  #comment-form-name label, #comment-form-email label, #comment-form-url label,#comments-open-text label    {display:block;margin-top:10px;}
  #comment-form-remember-me {margin-top:10px;} 
  #comment-preview {display:none;}