/* @override 
	http://www.sixbookchallenge.org.uk/css/layout.css
	http://www.sixbookchallenge.org.uk/2012/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:780px; margin-left:auto; margin-right:auto;}

#branding { height:206px; margin-top:30px; } 
#branding img { float:left; }

#nav { float:left; }
ul#nav { margin-left:30px; margin-top:0px; }
ul#nav li { float:left; margin-left:10px; }
ul#nav li a { padding:8px 15px; display:block}

#content { width: 780px;margin:0px 0; padding-bottom:10px; position:relative}
#content-main { width:550px; float:left; }
#content-main h2 { padding-left:0px;}
#content-main p, #content-main li { margin-left:0px; margin-right:25px; margin-bottom:7px; }
#content-main p.posted { margin-top:-7px; }
#content-main h3 { margin-left:0px; margin-right:20px; margin-bottom:7px; }
#content-main h4 { margin-left:0px; margin-right:20px; margin-top:12px; }
#content-main p#breadcrumb { margin-top:15px; margin-bottom:20px}

/* @group New Homepage
------------------------------------------------------------ */

  #content {  }
  body.home_new p, body.home_new h3, body.home_new h4 { margin-right:0!important; margin-left:0!important; }
  
  /* Main Content */
  body.home_new #content-main { background:rgb(0,129,199); width:740px; padding: 15px;border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
  body.home_new #content-main a {  }
  body.home_new #content-main h2 { padding: 0px; margin-bottom:20px; color:#fff; }
  	body.home_new #content-main p.intro span { display:block }

  /* Image Rotator */
  body.home_new #image_slideshow { float:left; width:430px; height:323px; margin:0!important; background:none; }
  body.home_new #image_slideshow .temp_div { background:none; }
  body.home_new #image_slideshow img { width:430px; height:323px; }
 
  /* Info Next to Images */
  body.home_new .side_info { width:280px; float:left; margin-left:15px; }
  body.home_new .side_info p:last-child { margin:0!important; }

  /* Sub Content */
  body.home_new #content-sub { width:740px; padding:20px; }
  body.home_new #content-sub h4 { margin-bottom:3px; }
  body.home_new #content-sub p span { color:#aaa; }
  body.home_new #content-sub form { float:right; }
  body.home_new #content-sub #news { float:left; width:240px; margin:0 15px 0 0; display:inline; }
  body.home_new #content-sub #blog { float:left; width:240px; margin:0; }
  body.home_new #content-sub #news p, body.home_new #content-sub #blog p { margin-bottom:10px; }
  body.home_new #content-sub .rss { font-size:0.75em; display:block; margin:0 0 5px; }
  
  body.home_new #buttons { float:right; clear:none; }
  #buttons { float:left; width:201px; margin:0; clear:both; }
  #buttons .btn { margin:0 0 10px; padding:12px 7px 12px 50px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; background:#f9f9f9; position:relative; float:left; width:143px; }
  #buttons .btn:hover { background:#ddd; border-color:#d9d9d9; }
  #buttons .btn h5 { margin:0 0 2px; font-weight:bold; }
  #buttons .btn p { margin:0; color:#000; }
  #buttons .btn span { width:36px; height:70px; background:url(../images/book-icons-1.png) no-repeat; display:block; position:absolute; top:0px; left:0px; }
  #buttons .btn.book-icon-1 span { background:url(../images/book-icons-1.png) no-repeat; }
  #buttons .btn.book-icon-2 span { background:url(../images/book-icons-2.png) no-repeat; }
  #buttons .btn.book-icon-3 span { background:url(../images/book-icons-3.png) no-repeat; }
  #buttons .btn.book-icon-4 span { background:url(../images/book-icons-4.png) no-repeat; }

  /* Affects only the main content text - not the footer */
  body.home_new #wrapper p { font-size:0.8em!important; }
  body.home_new #wrapper p.intro { font-size:1.3em!important; line-height:1.2em;}
  	body.home_new #wrapper p.intro span { font-size:0.8em; line-height:1.2em!important; margin-top:3px; margin-bottom:25px;}
  
  /* Footer */
  body.home_new #site-info { margin:0 auto; width:780px; }

/* @end */

#content-main #video { margin-top:10px; margin-bottom:15px; margin-left:0px; margin-right:0px; }

#image_slideshow { width:511px; height:250px; background:#eee; margin:15px 0 15px 15px; position:relative; }
.temp_div { position:absolute; top:0; left:0; background:#eee; }

#content-sub { width:220px; float:right; padding-top:10px}
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:50px; width:200px; }
#content-sub form input { margin-left:10px; margin-top:5px; font-size: 1em;}
#content-sub form label { display:none; }
#content-sub #blog { margin-top:30px; }

#categories_title {  margin:0 0 10px; font-size:13px; line-height:1.2em; margin:0 0 10px; padding-right:10px; color:#fff;}

#content-sub ul { margin-bottom:10px}
#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; }
body.purple #content-sub ul#more-entries li a, body.green #content-sub ul#more-entries li a { padding:0}

#content-bottom { padding-top:0px; }

#site-info { width:100%; padding-top:150px; padding-bottom:10px; min-height: 200px; }
#site-info p { width:400px; margin-left: 10px; margin-top:10px;float:left;}
#site-info ul {width:130px; float:right;}
#site-info ul li a { float:right; margin-bottom:20px; display:block; }
#site-info ul li#logos-1 a { height:83px; width:90px; }
#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; }