/* global styles */
* { 
margin : 0;
padding : 0;
}
body {
background: #333 url(../i/body.gif) repeat;
font: 100%/1.3em "Georgia", "Times New Roman", "Times", serif;
color: #444;
text-align: center;
}

/* links */

a:link {
font-weight: bold;
text-decoration: none;
color: #c33800;
}
a:visited {
font-weight: bold;
text-decoration: none;
color: #c33800;
}
a:hover {
font-weight: bold;
text-decoration: none;
color: #c33800;
}
a:active {
font-weight: bold;
text-decoration: none;
color: #c33800;
}
p {
padding: 0 0 10px;
}
abbr, acronym {
font-style: normal; 
border-bottom: 1px dotted #999; 
cursor: help;
}

/* list styles */

ul {
margin: 0;
padding: 0;
}
li {
list-style-type: none;
margin: 0 0 5px;
padding: 0 0 0 15px;
background: url(../i/icon-arrow.gif) no-repeat;
line-height: 18px;
}

/* blockquote */

blockquote {
clear: both;
margin: 10px 0 15px;
padding: 5px 45px 0;
background: url(../i/blockquote.gif) no-repeat;
font: italic 1em/1.5em georgia, "lucida sans unicode", "trebuchet ms", sans-serif;
color: #666;
}

/* image styles */

img.left {
float: left;
margin: 0 15px 10px 0;
}
img.right {
float: right;
margin: 0 0 10px 15px;
}
img.centered {
display: block;
margin: 10px auto;
}
img.border {
background: #D3C6B4;
padding: 2px;
border: 1px solid #9B8B77;
}

/* hn */

h1, h2, h3, h4 {
font-weight: normal;
color: #222;
}
h1 a, h2 a, h3 a, h4 a {
ont-weight: normal!important;
}
h2 {
font-size: 1.5em;
}
h3 {
font-size: 1.5em;
}
h4 {
font-size: 1em;
}

/* layout homepage */

#container-home {
width: 859px;
background: #FBF1D6 url(../i/container-home.jpg) repeat-y;
margin: 30px auto;
text-align: left;
}
#container-home-top {
height: 17px;
background: url(../i/container-home-top.jpg) no-repeat;
}
#container-home-bottom {
clear: both;
height: 17px;
background: url(../i/container-home-bottom.jpg) no-repeat 0 100%;
}
#col-left,
#col-right {
float: left;
width: 429px;
}
div.col-left-sec, 
div.col-right-sec {
font-size: 0.75em;
}

/* layout section pages  */

#container-section {
width: 859px;
background: #FBF1D6 url(../i/container-section.jpg) repeat-y;
margin: 30px auto;
text-align: left;
}
#container-section-top {
height: 17px;
background: url(../i/container-section-top.jpg) no-repeat;
}
#container-section-bottom {
clear: both;
height: 17px;
background: url(../i/container-section-bottom.jpg) no-repeat 0 100%;
}
#col-main {
float: left;
width: 604px;
margin: 15px 0 0;
font-size: 0.75em;
}
#col-side {
float: left;
width: 254px;
font-size: 0.75em;
}

/* header */

#header {
height: 120px;
background: #C33800 url(../i/header.gif) repeat-x;
}
h1 {
margin: 0;
padding: 19px 0 0;
}
h1 a:link, h1 a:visited, h1 a:hover {
display: block;
width: 333px;
overflow: hidden;
margin: 0 auto;
padding: 67px 0 0 0;
background: url(../i/title.gif) no-repeat;
text-decoration: none;
height: 0px !important;
height /**/: 67px;
text-align: center;
}

/* navigation  */

#nav {
width: 850px;
margin: 30px auto;
text-align: center;
white-space: nowrap;
}
#nav li {
float: left;
list-style-type: none;
margin: 0;
padding: 0 9px;
background: url(../i/nav.gif) no-repeat 100% 0;
}
#nav li#nav-contact {
background: none;
}
#nav li a {
float: left;
display: block;
margin: 0;
padding: 0;
font: 0.8em Verdana, Arial, sans-serif;
font-weight: bold;
color: #C3AF96;
text-transform: uppercase;
letter-spacing: -1px;
text-decoration: none;
}
#nav li a:hover, 
body#default li#nav-home a, 
body#editors-reviews li#nav-editors-reviews a, 
body#articles li#nav-articles a, 
body#review-picks li#nav-review-picks a, 
body#lit-roundup li#nav-lit-roundup a, 
body#bookstore li#nav-bookstore a, 
body#contribute li#nav-contribute a, 
body#contact li#nav-contact a, 
body#about li#nav-about a {
color: #c30;
}

/* homepage section common */ 

p.section-footer {
margin: 30px 0 0;
}
a.more {
display: block;
overflow: hidden;
float: left;
width: 62px;
height: 13px;
background: url(../i/more.gif) no-repeat;
text-indent: -10000px;
}
a.subscribe {
display: block;
overflow: hidden;
float: right;
width: 111px;
height: 12px;
background: url(../i/subscribe.gif) no-repeat;
text-indent: -10000px;
}

/* homepage editors reviews */

div.col-left-sec.editors-reviews {
margin: 15px 25px 60px 29px;
}
h2#h2-editors-reviews {
width: 316px;
overflow: hidden;
margin: 0 auto 20px;
padding: 32px 0 0;
background: url(../i/h2-editors-reviews.gif) no-repeat;
height: 0px !important;
height /**/: 32px;
text-align: center;
}
div.editors-reviews div.post {
padding: 10px 0;
border-bottom: 1px solid #C9C1AB;
}
div.editors-reviews div.post.first h3.post-title {
margin: 0 0 10px;
font-size: 1.6em;
}
div.editors-reviews div.post.first h3.post-title a {
font-weight: normal;
}
div.editors-reviews div.post.first p.post-meta {
margin: 20px 0 0;
font: 0.8em Verdana, Arial, sans-serif;
color: #666;
text-transform: uppercase;
}
div.editors-reviews div.post.rest {
background: url(../i/icon-arrow.gif) no-repeat 0 12px;
padding-left: 20px;
}
div.editors-reviews div.post.rest h3 {
font-size: 1.2em;
}
div.editors-reviews div.post.rest p.post-meta {
margin: 5px 0 0;
font: 0.8em Verdana, Arial, sans-serif;
color: #666;
text-transform: uppercase;
}

/* homepage review picks */

div.col-left-sec.review-picks {
margin: 0 25px 25px 29px;
}
h2#h2-review-picks {
width: 260px;
overflow: hidden;
margin: 0 auto 20px;
padding: 31px 0 0;
background: url(../i/h2-review-picks.gif) no-repeat;
height: 0px !important;
height /**/: 31px;
text-align: center;
}
div.review-picks div.post {
padding: 10px 0 10px 20px;
background: url(../i/icon-arrow.gif) no-repeat 0 10px;
border-bottom: 1px solid #C9C1AB;
}
div.review-picks div.post h3.post-title {
margin: 0 0 10px;
font-size: 1.45em;
}
div.review-picks div.post h3.post-title a {
font-weight: normal;
}
div.review-picks div.post h3.post-title span {
display: block;
font: 0.65em "Georgia", "Times New Roman", "Times", serif;
text-transform: uppercase;
}
div.review-picks div.post p.post-meta {
margin: 0px 0 0;
font: 0.8em Verdana, Arial, sans-serif;
color: #666;
text-transform: uppercase;
}

/* homepage articles */

div.col-right-sec.articles {
margin: 15px 29px 60px 25px;
}
h2#h2-articles {
width: 202px;
overflow: hidden;
margin: 0 auto 20px;
padding: 31px 0 0;
background: url(../i/h2-articles.gif) no-repeat;
height: 0px !important;
height /**/: 31px;
text-align: center;
}
div.articles div.post {
padding: 10px 0;
border-bottom: 1px solid #C9C1AB;
}
div.articles div.post.first h3.post-title {
margin: 0 0 10px;
font-size: 1.6em;
}
div.articles div.post.first h3.post-title a {
font-weight: normal;
}
div.articles div.post.first p.post-meta {
margin: 20px 0 0;
font: 0.8em Verdana, Arial, sans-serif;
color: #666;
text-transform: uppercase;
}
div.articles div.post.rest {
background: url(../i/icon-arrow.gif) no-repeat 0 12px;
padding-left: 20px;
}
div.articles div.post.rest h3 {
font-size: 1.2em;
}
div.articles div.post.rest p.post-meta {
margin: 5px 0 0;
font: 0.8em Verdana, Arial, sans-serif;
color: #666;
text-transform: uppercase;
}

/* homepage lit roundup */

div.lit-roundup {
margin: 0 29px 25px 25px;
}
h2#h2-lit-roundup {
width: 255px;
overflow: hidden;
margin: 0 auto 20px;
padding: 31px 0 0;
background: url(../i/h2-lit-roundup.gif) no-repeat;
height: 0px !important;
height /**/: 31px;
text-align: center;
}
div.lit-roundup div.post {
padding: 10px 0 10px 20px;
background: url(../i/icon-arrow.gif) no-repeat 0 12px;
border-bottom: 1px solid #C9C1AB;
}
div.lit-roundup div.post h3.post-title {
margin: 0 0 10px;
font-size: 1.45em;
}
div.lit-roundup div.post h3.post-title a {
font-weight: normal;
}
div.lit-roundup div.post p.post-meta {
margin: 0px 0 0;
font: 0.8em Verdana, Arial, sans-serif;
color: #666;
text-transform: uppercase;
}

/* section pages */

/* h2 */

h2#h2-editors-reviews-l {
width: 342px;
overflow: hidden;
margin: 0 auto 35px;
padding: 32px 0 0;
background: url(../i/h2-editors-reviews-l.gif) no-repeat;
height: 0px !important;
height /**/: 32px;
text-align: center;
}
h2#h2-review-picks-l {
width: 284px;
overflow: hidden;
margin: 0 auto 35px;
padding: 32px 0 0;
background: url(../i/h2-review-picks-l.gif) no-repeat;
height: 0px !important;
height /**/: 32px;
text-align: center;
}
h2#h2-articles-l {
width: 219px;
overflow: hidden;
margin: 0 auto 35px;
padding: 32px 0 0;
background: url(../i/h2-articles-l.gif) no-repeat;
height: 0px !important;
height /**/: 32px;
text-align: center;
}
h2#h2-lit-roundup-l {
width: 274px;
overflow: hidden;
margin: 0 auto 35px;
padding: 32px 0 0;
background: url(../i/h2-lit-roundup-l.gif) no-repeat;
height: 0px !important;
height /**/: 32px;
text-align: center;
}
h2#h2-about-l {
width: 173px;
overflow: hidden;
margin: 0 auto 35px;
padding: 32px 0 0;
background: url(../i/h2-about-l.gif) no-repeat;
height: 0px !important;
height /**/: 32px;
text-align: center;
}
h2#h2-contribute-l {
width: 262px;
overflow: hidden;
margin: 0 auto 35px;
padding: 32px 0 0;
background: url(../i/h2-contribute-l.gif) no-repeat;
height: 0px !important;
height /**/: 32px;
text-align: center;
}
h2#h2-contact-l {
width: 205px;
overflow: hidden;
margin: 0 auto 35px;
padding: 32px 0 0;
background: url(../i/h2-contact-l.gif) no-repeat;
height: 0px !important;
height /**/: 32px;
text-align: center;
}
h2#h2-copyright-l {
width: 242px;
overflow: hidden;
margin: 0 auto 35px;
padding: 32px 0 0;
background: url(../i/h2-copyright-l.gif) no-repeat;
height: 0px !important;
height /**/: 32px;
text-align: center;
}

h2#h2-error {
width: 242px;
overflow: hidden;
margin: 0 auto 35px;
padding: 32px 0 0;
background: url(../i/h2-error-l.gif) no-repeat;
height: 0px !important;
height /**/: 32px;
text-align: center;
}


h2.h2-category {
margin: 5px 25px 25px 29px;
border-bottom: 1px solid #C9C1AB;
text-transform: uppercase;
}

/* posts */

#col-main div.post {
margin: 25px 25px 25px 29px;
padding: 0 0 25px;
border-bottom: 1px solid #C9C1AB;
}
#col-main h3.post-title {
margin: 0 0 20px;
font-size: 1.6em;
}
#col-main h3.post-title a {
font-weight: normal;
}
#col-main p.post-meta {
margin: 20px 0 0;
font: 0.8em Verdana, Arial, sans-serif;
color: #666;
text-transform: uppercase;
}
span.continue {

}

/* book details */

#book-details {
margin: 0 0 20px;
}
ul.book-meta {
float: left;
margin: 0 20px 0 5px;
padding: 0 0 5px;
}
ul.book-meta li {
width: 295px;
list-style-type: none;
margin: 0;
padding: 0;
background: none;
border-bottom: 1px solid #C9C1AB;
font-size: 0.9em;
color: #666;
line-height: 20px;
}

/* comments */

#comments {
margin: 25px 25px 25px 29px;
padding: 0 0 25px;
border-bottom: 1px solid #C9C1AB;
}
p#comments-meta {
font: 0.8em Verdana, Arial, sans-serif;
color: #666;
text-transform: uppercase;
}
div.comment {
margin: 15px 0;
padding: 0 0 15px;
border-bottom: 1px solid #C9C1AB;
font: 0.9em/1.5em Verdana, Arial, sans-serif;
}
p.comment-meta {
font: 1.1em "Georgia", "Times New Roman", "Times", serif;
}

/* gravatar */

span.gravatar {
display: block;
float: right;
width: 40px;
height: 40px;
margin: 0 0 5px 15px;
border: 1px solid #C9C1AB;
}

/* comments form */

#comments-form h3 {
margin: 0 0 25px;
}
p#comments-meta {
margin: 5px 0 0;
}
#comments-form label,
#txpCommentInputForm label {
margin: 0 0 3px;
font: 0.9em Verdana, Arial, sans-serif;
text-transform: uppercase;
letter-spacing: 0.2em;
}
#comments-form label em,
#txpCommentInputForm em {
font-style: normal;
text-transform: none;
letter-spacing: normal;
}
div.form-note {
float: right;
clear: right;
width: 200px;
font-size: 0.8em;
line-height: 1.3em;
color: #888;
}
div.form-note p {
margin: 0;
padding: 10px 0;
}
#name,  
#email,
#web,
#message {
width: 55%;
margin: 0 0 10px;
padding: 3px;
background: #fbf1d6;
border: 1px solid #C9C1AB;
color: #444;
}
#message {
width: 95%;
}
#forget {
margin: 0 10px 0 0;
}

/* preview */

#cpreview div.comment {
padding: 10px;
background: #fbf1d6;
border: 1px solid #C9C1AB;
}
#cpreview p.preview {
padding: 0;
font-weight: bold;
}
ul.warning {
margin: 20px 0 30px;
padding: 10px;
background: #fbf1d6;
border: 1px solid #C9C1AB;
} 
ul.warning li {
height: 1%;
list-style-type: none;
margin: 0 0 5px;
padding: 0 0 0 15px;
background: url(../i/icon-arrow.gif) no-repeat;
font-weight: bold;
line-height: 20px;
}

/* previous next entires */

p.content-navigate {
margin: 20px 25px 20px 29px;
text-transform: uppercase;
}
span.alignright {
float: right;
}
span.alignleft {
float: left;
}

/* search page */

body#search div.post span {
background: #ff0; 
font-weight: normal
color: #444; 
}
p.search-results-meta {
margin: -20px 25px 0 29px;
padding: 0;
font: 0.9em Verdana, Arial, sans-serif;
text-transform: uppercase;
}

/* side */

div.col-side-sec {
margin: 0 29px 20px 25px;
padding: 0 0 20px;
border-bottom: 1px solid #C9C1AB;
font-size: 0.95em;
line-height: 1.4em;
}
div.col-side-sec h3 {
margin: 0 0 15px;
font-size: 1.1em;
font-weight: bold;
color: #805841;
letter-spacing: 0.1em;
}

/* search */

div.col-side-sec.search {
height: 1%;
margin-top: 15px;
border-bottom: none;
}
#form-search fieldset {
border: none;
}
#search-main {
width: 140px;
margin: 0 10px 0 0;
padding: 3px;
background: #fbf1d6;
border: 1px solid #C9C1AB;
color: #444;
}

/* subscribe */

a.subscribe-side {
padding: 0 0 0 15px;
background: url(../i/icon-feed-10.gif) no-repeat 0 2px;
}
#col-side div.col-side-sec.subscribe #subscribebyemail {
display: block;
width: 95%;
margin: 0 0 5px;
padding: 3px;
background: #fbf1d6;
border: 1px solid #C9C1AB;
color: #444;
}

/* recent */

#recent {
width: 859px;
margin: 0 auto 30px;
background: #C7B29A url(../i/recent.gif) repeat;
font: 0.65em Verdana, Arial, sans-serif;
text-align: left;
}
#recent-top {
height: 16px;
margin: 0 0 10px;
background: url(../i/recent-top.gif) no-repeat;
}
#recent-bottom {
height: 16px;
margin: 10px 0 0;
background: url(../i/recent-bottom.gif) no-repeat;
}
#recent-inner {
padding: 0 29px;
background: url(../i/recent-inner.gif) repeat-y;
}
div.recent-col {
float: left;
width: 185px;
}
h2#h2-recent {
width: 543px;
overflow: hidden;
margin: 0 auto 25px;
padding: 14px 0 0;
background: url(../i/h2-recent.gif) no-repeat;
height: 0px !important;
height /**/: 14px;
text-align: center;
}
#recent h3 {
overflow: hidden;
height: 0px !important;
height /**/: 11px;
margin: 0 auto 10px;
padding: 11px 0 0;
font-size: 1.2em;
text-align: center;
text-transform: uppercase;
}
#recent ul {

}
#recent ul li {
background: url(../i/icon-arrow-brown.gif) no-repeat;
}
#recent p {
margin: 5px 0 0;
padding: 5px 0 0;
order-top: 1px solid #B5A28C;
}
div.recent-col.er {
margin: 0 10px 0 0;
}
h3#h3-editors-reviews {
width: 165px;
background: url(../i/h3-editors-reviews.gif) no-repeat;
}
div.recent-col.rp {
margin: 0 10px;
}
h3#h3-review-picks {
width: 130px;
background: url(../i/h3-review-picks.gif) no-repeat;
}
div.recent-col.ar {
margin: 0 10px;
}
h3#h3-articles {
width: 87px;
background: url(../i/h3-articles.gif) no-repeat;
}
div.recent-col.lr {
margin: 0 0 0 10px;
}
h3#h3-lit-roundup {
width: 126px;
background: url(../i/h3-lit-roundup.gif) no-repeat;
}

/* footer */

#footer {
background: #C33800 url(../i/footer.gif) repeat;
font-size: 0.7em;
color: #CCC4AD;
text-align: left;
line-height: 1.3em;
}
#footer-inner {
width: 851px;
margin: 20px auto 25px;
background: url(../i/footer-inner.gif) repeat-y;
}
#footer-top {
height: 17px;
background: url(../i/footer-top.gif) repeat-x;
}
#footer a {
color: #FBF1D6;
}
div.footer-col {
float: left;
}
div.footer-col h3 {
overflow: hidden;
margin: 0 auto 15px;
padding: 11px 0 0;
height: 0px !important;
height /**/: 11px;
text-align: center;
text-transform: uppercase;
}

/* about */

div.footer-col.fabout {
width: 203px;
margin: 0 10px 0 0;
}
h3#h3-about {
width: 60px;
background: url(../i/h3-about.gif) no-repeat;
}

/* bookstore */

div.footer-col.bookstore {
width: 193px;
margin: 0 10px;
}
h3#h3-bookstore {
width: 109px;
background: url(../i/h3-bookstore.gif) no-repeat;
}

/* contribute */

div.footer-col.contribute {
width: 193px;
margin: 0 10px;
}
h3#h3-contribute {
width: 115px;
background: url(../i/h3-contribute.gif) no-repeat;
}

/* subscribe */

div.footer-col.subs {
width: 202px;
margin: 0 0 0 10px;
}
h3#h3-subscribe {
width: 102px;
background: url(../i/h3-subscribe.gif) no-repeat;
}
div.footer-col.subs p {
font-size: 0.9em;
text-transform: uppercase;
letter-spacing: 0.1em;
}
div.footer-col.subs ul {
height: 1%;
margin: 5px 0 0;
background: url(../i/icon-feed-64.gif) no-repeat;
}
div.footer-col.subs ul li {
margin: 0;
padding: 0 0 0 70px;
background: none;
font-size: 0.95em;
line-height: 1.3em;
}
#form-subs-email {
margin: 20px 0 0;
}
#form-subs-email fieldset {
border: none;
}
#form-subs-email label {
display: block;
font-size: 0.9em;
text-transform: uppercase;
letter-spacing: 0.1em;
}
#form-subs-email #subscribebyemail {
display: block;
width: 95%;
margin: 0 0 5px;
padding: 3px;
background: #CCC4AD;
border: 1px solid #555;
color: #444;
}
.button {
padding: 2px;
background: #947359;
border: 3px double #555;
border-top-color: #555;
border-left-color: #555;
font-size: 85%;
font-weight: bold;
color: #FBF1D6;
text-transform: uppercase;
text-align: center;
letter-spacing: 0.1em;
}

p#credit {
margin: 0;
padding: 15px 0;
background: url(../i/credit.gif) no-repeat 50% 0;
font: 0.8em Verdana, Arial, sans-serif;
text-transform: uppercase;
text-align: center;
}

/* contact form */

#zemContactForm {

}
#zemContactForm legend {
margin: 0 0 20px 0;
font-weight: bold;
}
#zemContactForm fieldset {
border: none;
}
#zemContactForm label {
margin: 0 0 3px;
font: 0.9em Verdana, Arial, sans-serif;
text-transform: uppercase;
letter-spacing: 0.2em;
}
#zemContactForm #name,
#zemContactForm #email,
#zemContactForm #message {
margin-bottom: 20px;
}
#zemSubmit {
padding: 2px;
background: #947359;
border: 3px double #555;
border-top-color: #555;
border-left-color: #555;
font-size: 85%;
font-weight: bold;
color: #FBF1D6;
text-transform: uppercase;
text-align: center;
letter-spacing: 0.1em;
}

/* clear */

.clear {
clear: both;
height: 0;
line-height: 0;
}
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* sk */
#form-front-search fieldset {
border:none;
}
#form-front-search #search-index{
display: block;
width: 75%;
margin: 0 0 5px;
padding: 3px;
background: #CCC4AD;
border: 1px solid #555;
color: #444;
height:20px;
}
#form-front-search {
margin: 2px 0 0;
}
#form-front-search label {
display: block;
font-size: 0.9em;
text-transform: uppercase;
letter-spacing: 0.1em;
}