/*
THEME NAME: Paperback
THEME URI: http://www.gordonbrander.com/2007/11/17
DESCRIPTION: Do less. Write more. Paperback is a typographic, thoughtful theme by <a rel="author" href="http://gordonbrander.com">Gordon Brander</a> that does less, well.
VERSION: 1.0.4
AUTHOR: Gordon Brander
AUTHOR URI: http://www.gordonbrander.com/
*/

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

/* basic stuff */
body {background:url(images/background3.gif); padding-top:1.5em;}

/* hide things */
hr.separator,.entry-date span  {display:none;}
#skip-link {position:absolute; left:-32697px;}

/* typography */
body {font-size:87.5%;} /* So IE6 can still resize. The percentage notation also fixes a strange quirk where IE dramaticly scales text. */
html>body {font-size:14px;}

body,
a {font-family:courier;}
i,em,
.article .entry-categories,
.page-title{font-family:courier; font-weight:normal;}
b,strong {font-weight: normal; background-color:yellow;}

#blog-meta-content,
p#colophon,
.article .entry-categories,
.figure .credit,
.comment .comment-meta {font-size:85.714286%; line-height:2;}
#blog-meta-content h1, h2 {font-size:116.666667%; line-height:1.5; margin:1.5em 0;}
#blog-meta-content p, ul {margin:2em 0;}
p#colophon {margin:2em 0;}

a {color:#000; font-weight:normal; text-decoration:none;}
a, a:visited {font-style:normal}
a:hover {color:black;}

/* structure */

.wrapper,
#site-crest,
#navigation ul,
#blog-meta-content {width:500px; margin:3em auto 0 auto;}
#blog-meta-content {background:white;margin:2em 0 2em 0; padding:2em 20px; position:relative; right:20px;}
#blog-meta-content p, 
#blog-meta-content ul,
#blog-meta-content h1,
#blog-meta-content h2,
#blog-meta-content h3,
#blog-meta-content h4,
#blog-meta-content h5 {margin:0;}
#blog-meta-content li.widget {clear:both; margin-bottom:2em;}
#blog-meta-content p + p {text-indent:2em;}
#blog-meta-content li#blog-meta {clear:both;}

.main-content {clear:left;}

#site-title a{color:#black; display:inline; font-size:2em; line-height:1em; margin:0 0 0 0;}
#site-title a:hover{color:black;}
#site-description {display:inline; font-size:2em; line-height:1em; margin:1em 0;}
.page-title {background: none; display:block; margin:3em 0em 1.5em 0;}
#navigation {background:none; color:black; left: none; position:absolute; top:30px; width:100%;}
#navigation ul {margin:0 auto;}
#navigation li {color: black; float: left; list-style:none; margin:0 1em 0 0; position:relative;}
#navigation ul ul {left:-999px; padding:0.25em 0.75em 0.25em 0.75em; position:absolute; width:16em;}
#navigation ul li:hover ul,
#navigation ul li.sfhover ul /* suckerfish js for Internet Explorer */ {background-color:#000; border:0px solid #000; border-color:none; left:auto;}
#navigation li li {background:none; float:none; margin:0;}
#navigation li li:first-child {background:none;}
#navigation a {color:black;}
#navigation li li a {color:black;}
#navigation ul li li a:hover {color:black;}

#site-description,
.page-title,
#navigation a:hover {color:black;}

.pagination {background:none; border-bottom:0px solid #000; border-top:0px solid #000;  float:left; list-style:none; margin-top:0; width:100%;}
.pagination li {width:50%;}
.pagination li.previous {float:left;}
.pagination li.next {float:right; text-align:right;}

.xoxo li, .xoxo ul {list-style:none; margin:0;}

.searchbox {background:url(images/magnifier.png) left center no-repeat; clear:both; padding-left:0px;}

/* article styles */
.article, .aside {margin:3em 0;}
.article h1.entry-title,
.article .entry-date {float:left; font-size: 1.5em; line-height:1.2; margin:0; margin-right:.25em;}
.article .entry-date {visibility: hidden; float:none; font-size:0.75em;} /* If .entry-date is left floated, IE wigs out. */
.entry-date,
.entry-categories,
.entry-categories a {visibility: hidden; color:black; font-style:normal;}
.entry-categories a:hover{visibility: hidden; color:black;}
.entry-categories {visibility: hidden; clear:left; margin:0 0 2em 0;}
.entry-categories ul,.entry-categories li {visibility: hidden; display:inline; list-style:none;}
.article .entry-content {clear:both;}
.article a img,
.aside a img {border:0px solid b#000;padding:3px;}
.article a:hover img,
.aside a:hover img {border-color:black;}
.article img.flickr-photo,
.article img.header,
.aside img.flickr-photo,
.aside img.header {border:0px solid black;padding:0;position:relative;right:20px; }
.article a img.flickr-photo,
.article a:hover img.flickr-photo,
.article a img.header,
.article a:hover img.header,
.aside a img.flickr-photo,
.aside a:hover img.flickr-photo,
.aside a img.header,
.aside a:hover img.header{border-color:black;}
.aside .entry-title {float:left; margin-right:.25em;}

.entry-comments a {background: url(images/comment.png) no-repeat center left; padding-left:18px;}
ol.comments, ol#commentlist {list-style:none;}
li.comment {background:url(images/quote.png) no-repeat top left; margin-left:-30px; padding-left:30px;}
li.unapproved {background:url(images/warning_stripes.png);}
li.gravatar,
li.favatar {background:none; padding-left:0;}
li.gravatar {margin-left:50px;}
li.favatar {margin-left:0;}
.avatar {float:left;}
li.gravatar .avatar {background:url(images/quote.png) top right no-repeat; height:40px; margin:0 0 -40px -50px; width:40px;}
li.favatar .avatar {margin:0 0 -16px -26px;}
li.favatar .avatar img {height:16px; width:16px;}
.comment-author, .comment-meta {color:black;}
.comment-author{float:left; clear:left;}
.comment-author .author {color:black;}
.comment-content {clear:left;}
.comment-meta{bottom:2em; position:relative;}

#comments-count {background:url(images/ddd1x1.gif)repeat-x bottom}

/* Form Styles */
#commentform {background-color:#fff; padding:1.5em 20px; position:relative; right:20px; width:100%;}
#commentform label {float:left; text-align:right; padding-right:.5em; width:3em;}
#commentform .commenter-info {margin:.5em 0;}
#commentform .commenter-info .note {color:black;}
#commentform .commenter-info input:focus, #commentform textarea:focus {background-color:#fff;}

textarea, input {font-family:inherit;}
textarea#comment {width:100%; height:10em;}

/* ancillary rules */

.figure .credit {color:black;}
a.feed {background:url(images/bullet_feed.png) no-repeat bottom left; padding-left:16px;}
#blog-meta-content #about-blurb a.more {float:right;}
#blog-meta-content #about-blurb h2.widgettitle {display:none;}
#blog-meta-content ul.bookmarks {list-style:none;}