/* 
Theme Name: Cromance
Author: Julian Fisch
Author URI: http://fischjulian.com
Version: 4.0
Template: hybrid
*/

/* CSS Reset */
@import url('../hybrid/library/css/reset.css');


/* Elements */
body { background: #ddd url(img/bg.gif) left top repeat-y; font-family: Verdana, "Bistream Vera Sans", sans-serif; color: #292929; border-top: 5px solid #000; }
body.singular-page .hentry { padding-bottom: 10px; }
body.singular-page .entry-title { margin-bottom: 2px; padding-bottom: 9px; border-bottom: 2px solid #333; }
body.singular-page .social-bookmark { display: none; }
body.singular-page .entry-content a { color: #333; border-bottom: 1px solid #333; }
body.singular-page .entry-content a:hover { color: #336699; border-color: #336699; }
body.singular-page-2 .entry-content ul li { padding-bottom: 15px; }
body.singular-page-2 #header-container { background-image: url(img/headerbg_about.gif); }
body.singular-page-284 #header-container { background-image: url(img/headerbg_arc.gif); }
body.singular-page-284 .hentry { padding-bottom: 30px; }

blockquote { margin: 0 10%; padding-left: 5%; font-family: Georgia, Times, "Bitstream Serif", serif; color: #444; border-left: 2px solid #aaa; }

a { color: #336699; }
a .thumbnail, a .alignleft { float: left; margin: 3px 10px 0 0; border: 2px solid #222; }
a .thumbnail:hover, a .alignleft:hover { border: 2px solid #336699; }


abbr { cursor: help; border-bottom: 1px dotted #aaa; }

b { font-weight: bold; font-style: inherit; }

del { text-decoration: line-through; }

div.aligncenter { display: block; }

em { font-weight: bold; }

cite { font-style: italic; }

div.alignleft { margin-bottom: 0; }

h1, h2, h3, h4 { font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif; }

i { font-weight: inherit; font-style: italic; }

img.alignleft { float: left; margin: 0 10px 0 0; }
img.aligncenter { display: block; margin: 0 auto; border: 3px double #ccc; }

li img { padding: 4px 0; vertical-align: middle; }

p { margin-bottom: 16px; }
p.alignleft { margin-bottom: 13px; }
p.aligncenter { text-align: center; }
p.headline { padding-top: 6px; line-height: 22px; font-family: Arial, Helvetica, "Nimbus Sans L"; font-size: 18px; }

small { font-size: 11px; }

u { text-decoration: underline; }


/* IDs */
#admin { background: #000; position: absolute; top: 0; left: 870px; margin-top: 5px; padding: 5px 3px 10px 10px; width: 145px; font-family: Georgia; font-size: 16px; color: #ddd; text-align: center; }
#admin a { margin-right: 9px; font-weight: bold; color: #ddd; }
#admin a:hover { color: #fff; }

#body-container { width: 860px; }

#header-container { background: transparent url(img/headerbg.gif) left 123px repeat-x; float: right; margin-bottom: 30px; padding-bottom: 193px; width: 620px; }

#header { background: transparent url(img/logo.png) 480px 40px no-repeat; padding: 30px 20px 25px; }

#navigation { display: none; }

#site-title { line-height: 36px; font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif; font-weight: bold; letter-spacing: -2px; }
#site-title a { background: url(img/title.png) left top no-repeat; display: block; width: 286px; height: 61px; font-size: 36px; color: #000; text-indent: -9999px; }

#site-description { font-family: Georgia, Times, "Bitstream Serif", serif; font-size: 16px; font-weight: normal; font-style: italic; text-indent: -9999px; }

#container { background: #111; }

#monthly-archives, #category-archives { float: left; width: 50%; }

#comments { padding-top: 20px; }

#comments h3, #respond h3 { margin-bottom: 30px; padding-left: 37px; font-family: Georgia, Times, "Bitstream Serif", serif; font-size: 20px; font-weight: normal; color: #000; }

#comments h3 { padding-bottom: 9px; border-bottom: 2px solid #666 !important; }

#respond { background: #f0f0f0; margin: 0 20px; padding-top: 20px; border: 2px solid #ddd; border-bottom: none; }
#respond .log-in-out { font-size: 12px; text-align: center; }

#commentform { margin-bottom: 20px; border-bottom: 2px solid #ddd; }
#commentform label { display: inline; float: left; padding-right: 10px; width: 110px; line-height: 20px; font-size: 12px; font-weight: bold; text-align: right; }
#commentform .text-input, #commentform textarea { background: #fefefe; padding: 3px 3px 4px; width: 180px; font-family: Georgia, Times, "Bitsream Serif", serif; border: 1px solid #999; }
#commentform .text-input:focus, #commentform textarea:focus { border-color: #666; }
#commentform textarea { overflow: auto; width: 370px; }
#commentform .required { color: red; }
#commentform .form-submit { padding-right: 40px; text-align: right; }
#commentform .form-submit input { background: #ddd; padding: 2px 10px 3px; font-family: Georgia, Times, "Bitstream Serif", serif; font-size: 14px; border: 3px double #999; }
#commentform .form-allowed-tags { padding: 0 40px; line-height: 18px; font-family: Georgia, Times, "Bitstream Serif", serif; font-size: 11px; }
#commentform .form-allowed-tags code { font-family: "Courier New", monospace, serif; font-size: 12px; font-weight: bold; }
#commentform .form-allowed-tags span { border-bottom: 1px dotted #aaa; }

#text-3 { padding-top: 15px; }
#text-3:hover { background-color: #ff6600; }
#text-3 p { font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif; font-size: 16px; }
#text-3 p a { background: url(img/feed.png) 37px 50% no-repeat; margin: 0; padding: 15px 66px 15px 85px; color: #bbb; text-transform: uppercase; letter-spacing: 1px; }
#text-3 p a:hover { background-image: url(img/feedh.png); color: #fff; }

#text-3 h4 { display: none; }

#text-4 { background-color: #111; line-height: 16px; font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif; border: none; }
#text-4 h4 { padding: 5px 20px 5px 34px; font-family: Georgia, Times, "Bistream Serif", serif; font-size: 18px; letter-spacing: normal; }
#text-4 p { margin-bottom: 9px; padding: 0 32px 0 34px; color: #bbb; }
#text-4 span { font-style: italic; border-bottom: 1px dotted #666; }
#text-4 p.follow { margin-bottom: 18px; font-style: italic; text-transform: uppercase; }
#text-4 p.follow a { font-style: italic; color: #4477aa !important; }

#footer-container { clear: both; padding-left: 240px; }

#footer { background: #111; padding: 20px 20px 5px; line-height: 20px; font-family: Georgia, Times, "Bitstream Serif", serif; font-size: 11px; color: #aaa; border-top: 2px solid #666; }
#footer a { font-weight: bold; color: #ccc; }
#footer a:hover { color: #fff; }
#footer .up { float: right; margin-top: -50px; }
#footer .up a { background: url(icons/up.png) no-repeat; display: block; width: 16px; height: 11px; font-weight: normal !important; text-indent: -9999px; }
#footer .up a:hover { background-image: url(icons/uph.png); }


/* Classes */
.noborder { border: none !important; }

.content { float: right; width: 580px; padding: 0 20px; }

.breadcrumb { display: none; }

.archive-title { background: #222; margin-bottom: 20px; padding-right: 10px; line-height: 28px; font-family: Georgia, Times, "Bitstream Serif", serif; font-size: 22px; font-weight: bold; font-style: italic; color: #eee; text-align: right; }

.archive-description, .search-description { display: none; }

.hentry { background: url(img/divider.png) center bottom no-repeat; margin-bottom: 30px; padding-bottom: 38px; }

.search-title { margin-bottom: 15px; line-height: 22px; font-family: Georgia, Times, "Bitstream Serif", serif; font-size: 20px; font-weight: normal; font-style: italic; }

.entry-title { line-height: 26px; font-size: 1.4em; letter-spacing: -1px; }
.entry-title a { color: #000; }
.entry-title a:hover { color: #336699; }

.byline { margin-bottom: 2px; padding-bottom: 1px; line-height: 30px; border-bottom: 2px solid #333; }
.byline a { font-size: 12px; color: #666; text-decoration: underline; }
.byline a:hover { color: #333; }

.byline-prep, .byline-sep, .author { display: none; }

.published { font-family: Georgia, Times, "Bitstream Serif", serif; font-size: 20px; color: #777; letter-spacing: -1px; }

.social-bookmark { float: right; margin: -28px 0 0 0; width: 200px; text-align: right; }

.entry-content, .entry-summary, .no-data { padding-top: 9px; line-height: 18px; font-size: 12px; border-top: 1px solid #333; }
.entry-content a, .entry-summary a { font-weight: inherit; border-bottom: 1px solid #336699; }
.entry-content a:hover, .entry-summary a:hover { color: #000; border-color: #000; }
.entry-content a img { border: 2px solid #222; }
.entry-content a:hover img { border: 2px solid #336699; }
.entry-content h3 { margin-bottom: 9px; line-height: 32px; font-family: Georgia, Times, "Bitstream Serif", serif; font-size: 18px; font-weight: bold; letter-spacing: -1px; border-bottom: 1px solid #ccc; }
.entry-content div img, .entry-content p img { margin-top: 3px; }
.entry-content ol { margin: 0 0 15px 25px; font-weight: bold; }
.entry-content ol li p { font-weight: normal; }
.entry-content ul { list-style: square; margin: 0 0 15px 15px; }
.entry-content .update { padding-left: 6px; font-family: "Courier New", monospace, serif; font-size: 13px; border-left: 15px solid #ddd; }

.alignleft { float: left; margin-right: 10px; text-align: right; }

.entry-summary {  }

.more-link { font-size: 11px; font-weight: bold !important; color: #222; text-transform: uppercase; border-color: #222 !important; }
.more-link:hover { color: #336699 !important; border-color: #336699 !important; }

.entry-meta { background: url(img/line.png) left top no-repeat; clear: both; padding-top: 10px; line-height: 20px; font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif; font-size: 12px; }
.entry-meta a { font-weight: bold; color: #222; }
.entry-meta a:hover { text-decoration: underline; }

.meta-prep, .meta-sep { display: none; }

.comment-list { margin: 0 40px; font-family: Georgia, Times, "Bitstream Serif", serif; font-size: 16px; }
.comment-list li { margin-bottom: 19px; padding-bottom: 5px; border-bottom: 1px solid #ddd; }

.comment-meta { margin-bottom: 10px; line-height: 18px; font-size: 12px; }
.comment-meta a { color: #000; border-bottom: 1px solid #000; }
.comment-meta a:hover { color: #336699; border-color: #336699; }
.comment-meta cite { font-style: normal; }
.comment-meta .published { font-size: 14px !important; }

.comment-author { font-family: Georgia, Times, "Bitstream Serif", serif; font-size: 14px; font-weight: bold; }

.comment-text { line-height: 18px; font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif; font-size: 13px; }
.comment-text a { border-bottom: 1px solid #336699; }
.comment-text a:hover { color: #000 !important; border-color: #000; }

.navigation-links { float: left; margin-bottom: 30px; padding: 10px 0; width: 580px; line-height: 18px; font-family: Georgia, Times, "Bitstream Serif", serif; font-size: 12px; }
.navigation-links a { font-weight: bold; color: #999; }
.navigation-links a:hover { color: #336699; }
.navigation-links span.previous { float: left; width: 45%; }
.navigation-links span.next { float: right; width: 45%; text-align: right; }

.wp-caption { background: url(img/caption.png); margin-bottom: 18px; padding: 5px 0; font-size: 11px; }
.wp-caption img { display: block; margin: 0 auto 3px auto !important; }

.wp-caption-text { margin: 0; padding: 0 5px; font-family: Georgia, Times, "Bitstream Serif", serif; font-style: italic; }

.monthly-archives, .category-archives { margin-bottom: 30px !important; }
.monthly-archives a, .category-archives a { line-height: 20px; font-size: 12px; font-weight: normal; color: #000; border-color: #000; }
.monthly-archives a:hover, .category-archives a:hover { color: #336699; border-color: #336699; }

.tag-archives { line-height: 28px; }
.tag-archives a { font-weight: normal; color: #666 !important; border-color: #fff !important; }
.tag-archives a:hover { color: #336699 !important; border-color: #336699 !important; }

.blogroll { line-height: 20px; }

.wp-pagenavi { margin-bottom: 45px; padding-top: 10px; font-family: Georgia, Times, "Bitstream Serif", serif; font-size: 16px; text-align: center; }
.wp-pagenavi a, .wp-pagenavi span { margin-right: 5px; padding: 6px 10px; color: #000; border: 1px solid #ccc; }
.wp-pagenavi a:hover, .wp-pagenavi span:hover { background: #222; color: #ddd; }
.wp-pagenavi .current { font-weight: bold; border-color: #111; }
.wp-pagenavi .current:hover { background: #fff; color: #000; }
.wp-pagenavi .pages, .wp-pagenavi .extend, .wp-pagenavi .first, .wp-pagenavi .last { display: none; }

.sidebar { float: left; margin-top: -335px; width: 240px; font-size: 11px; color: #aaa; }
.sidebar a { color: #ccc; }
.sidebar a:hover { color: #4477aa; }
.sidebar form { margin: 10px 0 10px 35px; }
.sidebar form input { background: #222; padding: 3px 5px; width: 158px; font-family: Georgia, Times, "Bitstream Serif", serif; font-size: 11px; color: #ddd; border: 1px solid #333; }
.sidebar form input:focus { border-color: #666; }
.sidebar h4 { padding: 8px 20px 5px 35px; font-size: 16px; font-weight: normal; color: #ddd; letter-spacing: 1px; }
.sidebar ul { list-style: none; margin: 0 0 10px 35px; width: 167px; }
.sidebar ul li { padding: 5px 0 5px 0; border-bottom: 1px solid #222; }

.widget { background: #161616 url(img/widgetbg.png) right top repeat-y; margin-bottom: 5px; border-top: 4px double #222; border-bottom: 4px double #222; }
.widget:hover { background-color: #191919; }

.widget-search h4 { display: none; }

.widget-nav-menu ul li { font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif; font-weight: bold; font-size: 12px !important; font-variant: small-caps; letter-spacing: 1px; }

.recentposts { font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif; font-weight: bold; }
.recentposts .date { font-family: Georgia, Times, "Bitstream Serif", serif; font-size: 10px; color: #999 !important; }

.recentcomments a { font-family: Arial, Helvetica, "Nimbus Sans L", sans-serif; font-weight: normal; color: #999 !important; }
.recentcomments a:hover .comment-author { color: #4477aa; }
.recentcomments .comment-author { font-family: Georgia, Times, "Bitstream Serif", serif; font-size: 11px !important; font-weight: bold; color: #ccc; }


/* Icons */
.entry-meta .categories { display: block; background: url(icons/folder_page_white.png) left 2px no-repeat; padding: 1px 0 0 22px; }

.entry-meta .tags { display: block; background: url(icons/tag.png) left 50% no-repeat; padding: 1px 0 0 22px; }

.comments-link { background: url(icons/comments.png) left 1px no-repeat; padding-left: 22px; }

.post-edit-link { background: url(icons/edit.png) left -1px no-repeat; padding-left: 18px; }

.twitter { background: url(icons/twitter.png) left 50% no-repeat; padding-left: 22px; }
.delicious { background: url(icons/delicious.png) left 50% no-repeat; padding-left: 22px; }
.lastfm { background: url(icons/lastfm.png) left 50% no-repeat; padding-left: 22px; }
.mal { background: url(icons/mal.png) left 50% no-repeat; padding-left: 22px; }

.sidebar ul li a { background: url(icons/bullet_arrow.png) -4px top no-repeat; padding-left: 14px; }
.sidebar ul li a:hover { background-position: -2px top; }

.recentposts li a { background: url(icons/posts.png) left 2px no-repeat !important; }

.recentcomments li a { background: url(icons/comment.png) left 1px no-repeat !important; padding-left: 16px !important; }