/* @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:49px; left:-126px; height:175px; width:450px; overflow:visible; z-index:3; } 
#branding h1 a { }
#branding img { float:left; }
#branding img.headergraphic{ position:absolute; top:-56px; right:-128px; }
/*#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:301px; margin-top:80px; display:inline; position:relative; z-index:4; }
ul#nav li { float:left; margin-right:10px; }
ul#nav li a { padding:8px 15px; display:block }

/* Local Authories Dropdown */
#la_dropdown { background:#DED5E8; padding:7px; margin:0 20px 10px; }
.la_intro .thumb { float:left; margin:4px 20px 10px 20px; }

#content{ margin-top:0px; margin-bottom:0; padding-bottom:20px } 
#content img.strapline{ float:right; margin:15px 15px 0 0; }
#content-main { margin-top:55px; width:553px; float:left; position:relative; z-index:1; }
#content-main h2 { padding-left:20px; margin-bottom:20px; }
#content-main p, #content-main li { margin-left:20px; 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-top:30px; margin-left:20px; margin-right:20px; margin-bottom:12px; }
#content-main h4 { margin-left:20px; margin-right:20px; margin-top:12px; }
#content-main p#breadcrumb { }
#content-main #video { margin-top:10px; margin-bottom:15px; margin-left:20px; 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:20px; 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:20px; 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; margin-left:555px; display:block }
#buttons img { margin-top:15px; }

#content-sub { width:227px; float:right; padding-top:10px; padding-bottom:20px; margin:25px 20px 0 0 }
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:19px; margin-right:19px; margin-top:10px; padding:5px; }
#content-sub form input { margin-left:5px; 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-sub p.button a{ display:block; padding:4px 10px 4px 32px; }
#content-bottom { padding-top:0px; }

#site-info{ width:100%; padding-top:0px; padding-bottom:10px; height:210px; }
#site-info ul, #site-info p { width:740px; margin-left:auto; margin-right:auto; position:relative }
#site-info p{ top:-62px }
#site-info ul li a { float:right; margin-bottom:20px; display:block }
#site-info ul li#logos-1 a { height:45px; width:127px; display:block }
#site-info ul li#logos-2 a{ height:83px; width:103px; display:block }
#site-info ul li#logos-3{ height:376px; float:left; position:absolute; top:-167px; left:-207px; }
#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; }
