/* @override http://www.untitledbooks.com/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}

a.skip {position: absolute; left: -1000em; width: 20em;}

#wrapper {margin-left: auto; margin-right: auto; width:963px;}
#branding {width: 963px; height: 147px;}
#branding #logo {width:115px;height:137px;display:block;float:left;}
#branding #logo a {width:115px;height:137px;display:block;}
#branding #message {width:848px;height:90px;float:left;}
#branding #message p {width: 645px;float: left;}
#branding form {width:194px;margin-top:33px;float: right;}


#nav {width: 848px; height: 25px;float: left;}
#nav ul {margin-left: 0;}
#nav ul li {float: left;}
#nav ul li a {padding-left: 20px; padding-right: 20px;height: 25px; display: block; float: left;}

#issuenumber h2 {margin-bottom:10px;}

#content {width: 963px; margin-left:auto;margin-right: auto;}

body.entry #content-1, body.category #content-1{width:474px;margin-right:15px;float:left;}
body.home #content-1 {width:311px;margin-right:15px;float:left;}
body.wide #content-1 {width:622px;margin-right:15px;float:left;}

body.category #content h1 {margin-top: 5px;margin-bottom: 10px}
#content-1 h2{margin-top: 20px;margin-bottom: 10px}
body.home #content-1 h2, body.home #content-2 h2{margin-top: 10px;margin-bottom: 10px}
#content-1 p {margin-bottom: 8px;}
body.home #content p {margin-bottom: 0;}
#content-1 h3#quote2 {margin-right:20px;margin-bottom:20px;width:200px;float:left;z-index: 999;}
#content-1 #introtext{margin-bottom:17px}
#content-1 a#rssfooter {height:20px;padding-left: 20px;display: block}
#content-1 ol, #content-2 ol {margin-left: 15px;}
#content-1 blockquote {margin-left: 20px;margin-right:20px;}

body.home .article, body.category .article{margin-top:20px;}
body.home .lead, body.category .lead{margin-top:0px;}
body.home #content-1 li, body.home #content-2 li {margin-bottom: 0;}
body.home #content-1 .ub4 h4, body.home #content-2 .ub4 h4, body.home #content-2 .ub5 h4 {margin-top:10px;padding-top:4px;}

body.home #content #leadin{position:relative}
body.home #content #leadin p.caption{position:absolute;margin:0;bottom:10px;left:0;}
body.home #content #leadin p.caption a{padding:4px;}

body.entry #content-1 #leadin, body.category #content-1 #leadin{width:474px;display: block;}
body.home #content-1 #leadin {width:311px;display: block;}
#content-1 #leadin img, body.home #content-2 #leadin img{width: 311px;float: left;}
#content-1 #leadin h3#quote1 {width: 140px;margin-left:15px;margin-top:5px;float:left;}
#content-1 #leadin p{margin-left:15px;}
#content .article h3, #content .article h4, body.category #content h2{margin-top:8px;padding:0}
body.ub6 #content-1 h3{margin-top:15px;padding-top:5px}
body.ub11 #content-1 h3{margin-top:10px;padding-top:5px}
body.ub7 #content-1 h2{margin-top: 20px;margin-bottom: 10px}
#content-1 form {margin-top:10px;}

#content-1 #googleads {margin-top: 20px;padding-top:5px;}
#content-1 img.insetimage,#content-1 div.bookrow p.buy-link{float:left;margin-right:8px;}
#content-1 div.bookrow p.buy-link{margin-top:5px;clear:left;margin-right:10px}
/*#content-1 div.bookrow {display:block;height:260px;clear:left}*/
#content-1 div.bookrow {display:block;margin-bottom:20px;clear:left}
#content-1 div.bookrow h3 {padding-top:5px;margin-bottom: 10px;}


ul#footer-nav {margin-top: 10px}
ul#footer-nav li a,.buy-link a{padding: 3px;}
ul#footer-nav li{float:left;display:inline;margin-right:5px}

body.entry #content-2, body.category #content-2 {width:148px;margin-right:15px;float:left;}
body.home #content-2 {width:311px;margin-right:15px;float:left;}
#content-2 h3 {margin-top: 20px;padding-top:3px;margin-bottom: 5px;}
#content-2 li {margin-bottom: 5px;}
ul#internal-nav{padding-top:5px;padding-bottom: 7px;}
body.home ul#internal-nav, body.wide ul#internal-nav{margin-bottom:20px;}
ul#internal-nav li a{padding-left:20px;padding-top:2px;padding-bottom:2px;display: block}

body.home #content-1 #leadin h3#quote1, body.home #content-2 #leadin h3#quote1 {width:auto;margin-left:0px;margin-top:0px;float:left;padding:5px;}

#content-3 {width:148px;margin-right:15px;float:left;}
#content-3 h4 {margin-top: 20px;}
#content-3 h4#newsletter {margin-top: 0;}
#content-3 ul li a {padding-left: 15px;}
#content-3 img {margin-top: 20px;}
#content-3 input {margin-top: 5px;}
body.home #content-3 .sidecontent-news, body.home #content-3 .sidecontent-blog, body.home #content-3 .sidecontent-books {margin-bottom:20px;}
body.home #content-3 .sidecontent-books {margin-top:20px;}
body.home #content-3 .sidecontent-news h4, body.home #content-3 .sidecontent-blog h4, body.home #content-3 .sidecontent-books h4 {margin-top:0;margin-bottom:5px;padding-top:5px;}
body.home #content-3 .sidecontent-news ul, body.home #content-3 .sidecontent-blog ul, body.home #content-3 .sidecontent-books ul {margin-bottom: 5px;}
body.home #content-3 .sidecontent-news ul li, body.home #content-3 .sidecontent-blog ul li, body.home #content-3 .sidecontent-books ul li {margin-bottom: 5px;}
body.home #content-3 .sidecontent-news ul li a, body.home #content-3 .sidecontent-blog ul li a, body.home #content-3 .sidecontent-books ul li a {padding-left: 0px;}
body.home #content-3 .sidecontent-books img {margin-top: 0;}
body.home #content-3 .sidecontent-books p {margin-bottom: 10px;}

#content-4 {width:148px;margin-right:0px;float:left;}
#content-4 img {float: right;}

#site-info {margin-left: auto; margin-right: auto; width: 963px;height:46px;margin-top:20px; margin-bottom: 10px;padding-top:5px;}
#site-info li#first {float: left;}
#site-info li#last {float: right;}

body.entry #content-2 p.booktitle {margin-bottom: 10px;}

.lonelyheartbox {padding: 5px;margin-bottom: 5px;}

.bookgrid {width:158px;height:310px;float:left;overflow: hidden;}

/* new search */

#result_report {margin-top:10px;}

/* blog */

body.ub7 p#dateposted {margin-bottom:30px;}
body.category #content-1 .ub7 h2 {padding-top:5px;}
body.ub7 #content-2 p {margin-top:10px;} 

/* blog comments */

#comments form label {display:block;}
#comments .comment-content {margin-top:0px;}
#comments .comment {margin-top:20px;}
#comments .comment-content p {margin-bottom:0;}
#comments span.byline {margin-top:3px;}
.comments-header {margin-top:20px;}
#content-1 .comments-header h2, body.ub7 #content-1 .comments-header h2, body.ub7 #content-1 .comments form h2, body.ub7 .comment p {margin-top:0;padding-top:5px;}
body.ub7 #content-1 .comments form {margin-top:25px;}