/*
THEME NAME: Hardcover
THEME URI: http://www.gordonbrander.com/2007/11/17
DESCRIPTION: A refined design by <a rel="author" href="http://gordonbrander.com">Gordon Brander</a> with special page templates. Perfect as a blog or online book.
VERSION: 1.0
AUTHOR: Gordon Brander
AUTHOR URI: http://www.gordonbrander.com/
*/

@import url(style/reset.css);
@import url(style/utilities.css);
@import url(style/typography.css);

/* color */

a {color:#aa0000;}
#header a, #site-description {color:#fff;}
#header {background-color:#aa0000;}
.entry-meta,
.allowed-tags,
#trackbacks,
#footer .widget h2 {background-color:#eee;}
#trackbacks .trackback-link {float:right;}
#trackbacks h3 {float:left; margin:0;}
#trackbacks ul {clear:both;margin:1.5em 0 0 0;}

/* hide things */
hr.separator {display:none}
#accessibility {position:absolute;left:-32697px}
.xoxo, #navigation li, .pagination, .entry-pagination {list-style:none;}

/* typography */
body {font-family:georgia, serif;} /* So IE6 can still resize. The percentage notation also fixes a strange quirk where IE dramaticly scales text. */
blockquote {font-style:italic;}

/* structure */

#header {margin-bottom:3em; padding:1.5em;}
#site-title,
#site-description {display:block;font-style:italic;margin-bottom:0;text-align:center;}
#site-title {font-size:1.5em; line-height:1; font-weight:bold;}

#navigation {background:url(images/separator.png) no-repeat center bottom;margin:0 auto; padding:1.5em 0;}

#main, #footer {margin:0 auto;width:62.5em;}
#content {float:left; width:40em;}
.aside, #navigation{clear:right;float:right;width:21em; }

.cover .latest-article {background-color:#eee; padding-bottom:1.5em;}
.cover .latest-article a,
.cover a.feed{background-color:#ddd;display:block;font-size:1.5em;line-height:1;padding:1em;text-decoration:none;}
.cover .latest-article a:hover,
.cover a.feed:hover {background:#aa0000; color:#fff;}

.pagination {font-size:1.5em; line-height:1;}
.pagination .previous {float:left;}
.pagination .next {float:right;}

#footer, #footer #colophon{clear:both; padding-top:1.5em;}
#footer .widget {float:left;margin-right:1.5em;}
#footer .widget h2 {font-size:1em; line-height:1.5em;}

/* articles */
.article {padding-bottom:1.5em;}
.article .entry-title {clear:both;}
.entry-meta {padding:1.5em;}

/* comments */
#comments li {list-style:none;}
.comment {background:url(images/quote.png) no-repeat top left; padding:0 0 0 3em;}
.comment-meta {color:#999;}
.comment .author {font-size:1.25em;}
#trackbacks {padding:1.5em;}

#commentform .commenter-info input {width:15em;}
#commentform .commenter-info label {float:left; margin-right:.5em; width:5em; text-align:right;}
#commentform textarea{height:15em;padding:0;width:100%; float:left; font:inherit;}
.allowed-tags {float:right; margin:0 -22em 0 0;padding:1.5em;width:18em;}
.disclaimer {clear:both;}

/* etc */
ol#full-archives {list-style:none;}
#return-to-top {background:url(images/return-arrow.png)no-repeat center left;padding-left:15px;}