/*
Theme Name: The Quiet Road
Theme URI: http://ringforth.com/
Description: Custom theme built for numero57.net by <a href="http://ringforth.com/">Ring Forth Web Studio</a>.
Version: 3.0
Date: March 2010
Author: Jim Fitzsimons
Author URI: http://ringforth.com/
Tags: The Quiet Road, Jim Bliss, blog, weblog, numero57
*/
/* Primary mark-up elements *******************************************/
body {background-color: #FFF; color: #000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; margin: 0;}
a {text-decoration: none; color: #900;}
a:visited {color: #600;}
a:hover {text-decoration: underline; color: #F00;}
p, cite, table {margin: 0; padding: 0;}
img, fieldset {border: none; margin: 0; padding: 0;}


/* Primary page division **********************************************/
#page-container {margin: 0 auto; width: 990px;}
#main-container {width: 620px; float: left;}
#sidebar, #right-col {margin: 38px 0 20px 5px; float: left;}
#sidebar {width: 200px;}
#right-col {width: 160px;}


/* Form elements ******************************************************/
form {margin: 0; padding: 0;}
input.text {color: #333; border: 1px solid #333; padding: 1px 2px; margin: 0;}
input.button {color: #000; background-color: #FFF; border: 1px solid #000; padding: 1px 2px; margin: 0; font-size: 80%;}


/* Main site heading (logo) *******************************************/
#header {width: 990px; height: 160px; margin: 0; padding: 0; background: #EEE url(images/bg-header.gif) repeat-x;}
h1 {float: left;}
h1, h1 a, h1 span {width: 220px; height: 130px; padding: 0; margin: 0;}
h1 a, h1 span {background-position: top left; background-repeat: no-repeat;}
h1 a {background-image: url(images/title-link.jpg);}
h1 a:hover {background-image: url(images/title.jpg);}
h1 span {background-image: url(images/title.jpg);}
#header #search {float: right; margin: 5px 0 0 0; z-index: 100;}
#header p#byline {font-size: 90%; font-style: italic; margin: 4px 0 0 23px; width: 360px; float: left;}
.header-table {width: 600px; margin: 0; font-size: 80%; float: right;}
.header-table td {vertical-align: bottom;}

/* Quotes */
.quotescollection_randomquote p, .quotescollection_randomquote q {display: block; margin: 0; padding: 0;}
.quotescollection_randomquote q {margin-bottom: 8px;}
.quotescollection_randomquote cite, .quotescollection_nextquote {text-align: right;}
.quotescollection_randomquote cite {margin-bottom: 7px;}


/* Content ************************************************************/
#content {width: 620px;}
#content h2 {margin: 15px 0 3px 17px; padding: 0; font-size: 140%;}
#content .timestamp {background: #FFF url(images/bg-entry-top.gif) no-repeat; width: 620px; height: 30px; font-size: 80%;}
#content .timestamp p {padding: 5px 0 0 20px;}
#content .entry {background: #FFF url(images/bg-entry-mid.gif) repeat-y; width: 620px; padding: 10px 0 15px 0;}
#content .entry h4 {width: 80%; margin: 30px 15px 6px 15px; padding: 0 0 6px 0; border-bottom: 1px solid #000; font-size: 100%;}
#content .entry p {margin: 0 15px 15px 15px; line-height: 170%;}
#content .entry hr {margin: 16px 46px; height: 1px; color: #000; background-color: #000; border: none;}
#content .entry .sub {font-size: 75%;}
#content .entry .underline {text-decoration: underline;}
#content .entry .haiku {padding: 10px 46px 15px 46px; margin: 0 0 15px 0; border-top: 1px solid #000; border-bottom: 1px solid #000; color: #8788A4;
	font-style: italic;}
#content .entry .haiku .source {font-size: 90%; line-height: 120%; font-style: normal; padding: 8px 0 4px 10px; display: block; color: #000;}
#content .entry .text-box {float: right; margin: 5px 15px 5px 8px; padding: 10px; border: 2px solid #000; font-size: 80%; background-color: #F9F8BD;
	width: 200px;}
#content .entry .text-box h4 {margin: 20px 0 6px 0; padding: 0 0 4px 0; border-bottom: 1px solid #000;}
#content .entry .guessed, #content .entry .strike {text-decoration: line-through;}
#content .entry .refnum {font-size: 75%; vertical-align: super;}

/* Citations */
#content .entry blockquote {margin: 0 15px 20px 15px; padding: 15px 7px; border: 1px solid #000; background-color: #EEE;}
#content .entry blockquote .source {font-size: 80%; line-height: 120%; font-weight: bold; padding: 1px 0 4px 25px;
	background: #EEE url(images/bullet-source.gif) no-repeat 0 0;}
#content .entry .smallquote {font-size: 95%; margin: 15px; padding: 10px; border-left: 2px solid #000; color: #2A7F00;}
#content .entry .smallquote .source {font-size: 90%; line-height: 120%; font-weight: bold; padding: 8px 0 4px 10px; display: block; color: #000;}

/* Lists */
#content .entry ul, #content .entry ol {margin: 0 23px 0 0;}
#content .entry ul li, #content .entry ol li {margin: 12px 0; line-height: 140%;}

/* Images */
#content .entry img.border {border: 2px solid #000;}
#content .entry .content-image {margin: 15px 0; text-align: center;}
#content .entry .content-image img {border: 1px solid #000;}
#content .entry .content-image img.no-border {border: none;}
#content .entry .image-float {float: right; margin: 5px 12px 5px 8px;;}
#content .entry .image-caption {display: block; font-size: 90%; font-style: italic; text-align: center; margin: 5px 0;}

/* Embedded videos */
#content .entry .vid {margin: 15px; padding: 15px; text-align: center; border: 1px solid #8788A4; background-color: #F9F9F9;}
#content .entry .vid .caption {display: block; font-size: 80%; padding: 8px 0 5px 0; font-weight: bold;}

/* Footnotes */
#content .entry .footnotes {border-top: 1px solid #000; margin: 20px 0 8px 0; padding: 8px 15px 0 15px; font-size: 85%;}
#content .entry .footnotes ol, #content .entry .footnotes ul {border-bottom: 1px solid #000; margin-left: 0px; padding-left: 15px;}
#content .entry .footnotes ol li, #content .entry .footnotes ul li {font-size: 100%; line-height: 160%; margin: 15px 0;}

/* Metadata */
#content .metadata {background: #FFF url(images/bg-entry-bot.gif) no-repeat; margin: 0; padding: 8px 15px 6px 15px; width: 620px; height: 55px;
	font-size: 85%; color: #FFF;}
#content .metadata .details {text-align: right; margin: 8px 23px 0 0;}
#content .metadata a {color: #FF0;}
#content .metadata a:hover {color: #FFF;}

/* NOW READING TEMPLATES */
#content .entry .nowreading-image {float: left; margin: 0 10px 10px 23px; width: 125px;}
#content .entry .nowreading-info {float: left; margin: 0 10px 10px 23px; width: 420px;}
#content .entry .nowreading-info h4 {margin-top: 0;}
#content .entry #nr-list li {list-style-type: none; vertical-align: top;}

/* Common column styles ***********************************************/
#sidebar h2, #right-col h2 {margin: 0 5px 12px 5px; padding: 0; font-size: 100%; text-transform: uppercase; text-align: center;}
#sidebar .banner, #right-col .banner {text-align: center; padding: 8px 0;}
#sidebar ul, #right-col ul {padding: 0;}
#sidebar ul li, #right-col ul li {list-style-type: none; margin: 0 0 8px 0; padding: 0;}


/* Sidebar (middle column) ********************************************/
#sidebar-top, #sidebar-bot, #sidebar-mid {margin: 0; padding: 0; width: 200px;}
#sidebar-top, #sidebar-bot {height: 15px;}
#sidebar-top {background: #FFF url(images/bg-midcol-top.gif) no-repeat;}
#sidebar-bot {background: #FFF url(images/bg-midcol-bot.gif) no-repeat;}
#sidebar-mid {background: #FFF url(images/bg-midcol-mid.gif) repeat-y; padding-bottom: 15px;}
#sidebar h2 {width: 190px;}
#sidebar ul {padding: 0;}
#sidebar ul li {list-style-type: none; margin: 0 0 8px 0; padding: 0;}
#sidebar #recent-posts ul {margin: 0 7px 17px 7px; border-bottom: 1px solid #000; padding-bottom: 7px;}
#sidebar #recent-posts ul li {font-size: 80%;}
#sidebar #linklist {border-bottom: 1px solid #000;}
#sidebar #linklist ul li ul {margin: 0 7px 30px 7px;}
#sidebar #linklist ul li ul li {font-size: 80%;}
#sidebar #archives, #sidebar #monthly {border-top: 1px solid #000; padding: 8px 0;}
#sidebar #monthlist {margin: 0 7px 30px 7px; text-align: center;}
#sidebar #monthlist li {font-size: 80%;}
#sidebar #blog-lint {border-top: 1px solid #000; padding: 8px 0; text-align: center;}
#sidebar #blog-lint img {display: block; margin: 8px auto;}
#sidebar #admin {border-top: 1px solid #000; padding: 8px 0;}
#sidebar #admin ul {margin: 0 7px 17px 7px; border-bottom: 1px solid #000; padding-bottom: 7px;}
#sidebar #admin ul li {font-size: 80%;}
#sidebar #email {padding: 0 7px; text-align: center;}
#sidebar #email p {font-size: 80%;}

/* Sidebar (CALENDAR) */
#post-calendar {margin: 0 auto 23px auto; width: 160px;}
#wp-calendar caption {font-size: 80% !important; padding: 1px; text-align: center !important;}
#wp-calendar th {font-size: 90%; border-bottom: 1px solid #000;}
#wp-calendar td {font-size: 90%; padding: 5px 3px;}
#wp-calendar td a {text-decoration: none !important; border-bottom: 1px solid #8788A4; background-color: #FFF !important; font-weight: bold;
	padding: 0 2px;}
#wp-calendar td a:hover {text-decoration: none !important; border-bottom: 1px solid #000; background-color: #000 !important; color: #FFF;}
#wp-calendar td#next {text-align: right;}

/* Sidebar (NOW READING) */
#now-reading-plugin {margin: 23px 0 0 0; padding: 7px 0; border-top: 1px solid #000;}
#now-reading-plugin h3 {font-size: 100%; margin: 15px 5px 2px 7px; text-decoration: underline;}
#now-reading-plugin p {font-size: 90%; margin: 0 5px 10px 10px;}
#now-reading-plugin ul {margin: 10px;}
#now-reading-plugin ul li {font-size: 90%;}
#now-reading-plugin ul li p {text-align: center;}
#now-reading-plugin img {border: 1px solid #8788A4;}
#now-reading-plugin #nr-library {margin-top: 23px;}

/* Sidebar (TWITTER FEED) */
#sidebar #twitter-feed ul {margin: 0 10px 8px 10px;}
#sidebar #twitter-feed ul li {font-size: 80%;}
#sidebar #twitter-feed ul li .twitter-timestamp {display: block; margin: 1px 0 10px 0;}
#sidebar #twitter-feed #twitter-button {text-align: center; margin: 0 10px 15px 10px; border-bottom: 1px solid #000; padding-bottom: 12px;}


/* Right column *******************************************************/
#rightcol-top {margin: 0; padding: 0; width: 160px; height: 15px; background: #FFF url(images/bg-rightcol-top.gif) no-repeat;}
#rightcol-mid {margin: 0; padding: 0 0 15px 0; width: 160px; background: #FFF url(images/bg-rightcol-mid.gif) repeat-y;}
#rightcol-bot {margin: 0; padding: 0; width: 160px; height: 15px; background: #FFF url(images/bg-rightcol-bot.gif) no-repeat;}
#right-col h2 {width: 150px;}

/* Right column (RECENT COMMENTS) */
#right-col #recent-comments {margin: 0 8px 30px 8px; font-size: 80%;}
#right-col #recent-comments li {margin: 0 0 8px 0; border-bottom: 1px solid #000; padding: 0 0 8px 0;}
#right-col #recent-comments li .com-post-title {font-weight: bold;}
#right-col #recent-comments li .com-excerpt {line-height: 140%; padding: 4px 0;}
#right-col #categories {margin: 17px 7px 0 7px; border-bottom: 1px solid #000; border-top: 1px solid #000; padding: 7px 0; width: 150px;}
#right-col #categories ul li {font-size: 80%;}
#right-col #sitemeter {text-align: center; padding: 17px 0 0 0;}


/* Right column (big) *************************************************/
#rightcol-big-top {margin: 0; padding: 0; width: 364px; height: 15px; background: #FFF url(images/bg-rightcol-big-top.gif) no-repeat;}
#rightcol-big-mid {margin: 0; padding: 0; width: 364px; background: #FFF url(images/bg-rightcol-big-mid.gif) repeat-y;}
#rightcol-big-bot {margin: 0; padding: 0; width: 364px; height: 15px; background: #FFF url(images/bg-rightcol-big-bot.gif) no-repeat;}

#rightcol-big-mid h2 {width: 350px;}
#rightcol-big-mid h3 {width: 350px; font-size: 100%; margin-top: 23px;}
#rightcol-big-mid #postlist {width: 350px; margin: 17px 7px 0 7px;}
#rightcol-big-mid #postlist ul {margin-left: 7px;}
#rightcol-big-mid #postlist ul li {font-size: 80%;}
#rightcol-big-mid #categories {margin: 17px 7px 0 7px; border-bottom: 1px solid #000; border-top: 1px solid #000; padding: 7px 0; width: 350px;}
#rightcol-big-mid #categories ul {margin-left: 7px;}
#rightcol-big-mid #date-archive #postlist {margin: 17px 7px 0 7px; border-top: 1px solid #000; padding-top: 23px;}
#rightcol-big-mid #monthly {border-top: 1px solid #000; padding: 8px 0;}
#rightcol-big-mid #monthlist {margin: 0 7px 30px 7px; text-align: center;}
#rightcol-big-mid #monthlist li {font-size: 80%;}
#rightcol-big-mid #sitemeter {text-align: right; padding: 92px 23px 0 0;}

#rightcol-big-mid #nr-search {text-align: center;}

/* Post navigation */
#postnav {padding: 5px 0 0 0; margin: 0; text-align: center; width: 364px;}
#postnav ul {padding: 0; margin: 0 93px;}
#postnav ul li {height: 37px; list-style-type: none; float: left;}
#postnav ul li a, #postnav ul li span {height: 37px; display: block;}
#postnav ul li#prevpostlink a, #postnav ul li#nextpostlink a, #postnav ul li#prevpostlink span, #postnav ul li#nextpostlink span {width: 43px;}
#postnav ul li#prevpostlink a {background: #FFF url(images/nav-prev.gif) no-repeat;}
#postnav ul li#prevpostlink a:hover {background: #FFF url(images/nav-prev-on.gif) no-repeat;}
#postnav ul li#prevpostlink span {background: #FFF url(images/nav-prev-off.gif) no-repeat;}
#postnav ul li#nextpostlink a {background: #FFF url(images/nav-next.gif) no-repeat;}
#postnav ul li#nextpostlink a:hover {background: #FFF url(images/nav-next-on.gif) no-repeat;}
#postnav ul li#nextpostlink span {background: #FFF url(images/nav-next-off.gif) no-repeat;}
#postnav ul li#homepostlink a {width: 92px; background: #FFF url(images/nav-home.gif) no-repeat;}
#postnav ul li#homepostlink a:hover {background: #FFF url(images/nav-home-on.gif) no-repeat;}

#rightcol-big-mid #postnav {border-bottom: 1px solid #000; padding-bottom: 23px; margin-bottom: 23px;}


/* Comments ***********************************************************/
#comment-section {width: 620px;}
#comment-section .timestamp {background: #FFF url(images/bg-comment-top.gif) no-repeat;}
#comment-section .timestamp p {padding-top: 8px;}
#comment-section h3, #respond {margin: 40px 90px 20px 90px; padding: 0; text-align: center; font-size: 130%;}
#comment-section ol {margin: 0; padding: 0;}
#comment-section ol li {margin: 23px 0; padding: 0;}
#comment-section .metadata {font-size: 80%; padding: 6px 0 0 0; text-align: right; background: #FFF url(images/bg-comment-bot.gif) no-repeat;}
#comment-section .metadata p {margin: 0 10px 0 0;}
#comment-section .details {text-align: left;}

/* Comments (form) */
#comment-form {margin: 0 0 30px 0; width: 620px;}
#comment-form #login-details, #comment-form #allowed-tags {font-size: 85%;}
#comment-form #login-details {margin: 0 0 10px 12px;}
#comment-form #allowed-tags {margin: 10px 0 10px 12px;}
#comment-form .text {border: 1px solid #000; margin: 5px 0;}
#comment-form textarea {width: 620px;}
#comment-form .button-group {text-align: right;}

/* Comments (preview) */
#commentPreview {margin: 10px 0; padding: 0 0 10px 0; border: 1px solid #000;}
#commentPreview ol {margin: 0; padding: 0; clear: both; list-style-type: none;}
#commentPreview ol li {margin: 0; padding: 0;}
#commentPreview ol li p {margin: 0; padding: 8px;}
#commentPreview ol li p.preview-metadata {border-bottom: 1px solid #000; background-color: #EEE;}


/* Search page ********************************************************/
#search-page {width: 550px;}
#search-page h2 {margin: 15px 0 3px 17px; padding: 0; font-size: 140%;}
#search-intro {margin: 3px 0 15px 17px; padding: 0;}
#searchresults li p {margin: 3px 0 8px 0;}
#searchresults li .excerpt {margin-left: 15px; margin-right: 15px;}

/* Footer *************************************************************/
#footer {padding-bottom: 92px; width: 620px; margin: 23px 0 0 0;}
#footer .navigation .alignleft {float: left; width: 200px; padding-left: 8px;}
#footer .navigation .alignright {float: right; width: 200px; text-align: right; padding-right: 8px;}


/* Image replacement styles & hidden elements *************************/
.img-rep span, .img-rep a {display: block; text-indent: -6000px;}
.img-rep a {text-decoration: none;}
.clear {clear: both; height: 1px; font-size: 1px;}
.hide {display: none;}
.nocomments, .commentmod {margin: 10px 20px 40px 20px; padding: 10px; font-size: 85%; line-height: 150%; font-weight: bold; background-color: #EEE;
	border: 1px solid #000;}


/* Legacy styles from previous version (to be checked) ****************/
#main-container #searchresults {margin: 0 0 0 30px; padding: 0;}
#main-container #searchresults li {list-style-type: none; margin: 0 2px 16px 2px; padding: 0;}
#main-container #searchresults li h3 {margin: 24px 0 3px 0; font-size: 140%;}
#main-container #searchresults li h3 .commentnum {font-weight: normal; font-size: 60%;}
#main-container #searchresults li p {font-size: 80%;}
#main-container #searchresults li p .stamp {font-weight: bold;}