/*
Theme Name: The Quiet Road
Description: The Quiet Road website theme by <a href="http://ringforth.com/">Jim Fitzsimons</a>
Version: 5.0
WordPress version: 3.2.1
Author: Jim Fitzsimons
Author URI: http://ringforth.com/
Date: August 2011
Tags: ring forth, black and white, two-column, Universal stylesheet
*/

body {color: #333; margin: 0; padding: 0; font-size: 1em; background: #fff url(img/bg-page.gif) top left repeat-x;
	font-family: Arial, Helvetica, sans-serif;}
ul, ol {margin: 0; padding: 0;}
li {list-style-type: none;}
a {color: #df5917; text-decoration: none;}
a:hover {border-bottom: 1px solid #000;}
img, fieldset {border: none;}
h1 {margin: 0; padding: 0;}


/* Site structure ****************************************************************************/
#header-wrapper {width: 100%; height: 280px; background: #000 url(img/bg-header-wrapper.jpg) top center no-repeat;}
#main-container {width: 980px; margin: 0 auto;}


/* Site heading (title / logo) ***************************************************************/
#header {margin: 0 auto; width: 980px; height: 280px; background: #000 url(img/bg-header.jpg) top center no-repeat; position: relative;}
#header h1 {position: absolute; top: 15px; left: 15px; width: 310px; height: 48px;}
#header h1 a {display: block; width: 310px; height: 48px; border-bottom: none !important;}
#featured-posts {position: absolute; bottom: 25px; left: 0px;}
#featured-posts li {float: left; display: block; width: 180px; height: 80px; padding: 5px 10px; background-color: #fff; margin-right: 60px;}
#featured-posts li {
	filter: alpha(opacity=40); /* internet explorer */
	-khtml-opacity: 0.40;      /* khtml, old safari */
	-moz-opacity: 0.40;       /* mozilla, netscape */
	opacity: 0.40;           /* fx, safari, opera */
}
#featured-posts li#fp-4 {margin-right: 0 !important;}
#featured-posts li h2 {margin: 0 0 5px 0; padding: 0; font-size: 85%; font-style: italic; color: #000;}
#featured-posts li a {font-weight: bold; text-decoration: none; color: #000; font-size: 80%;}
#featured-posts li a:hover {color: #df5917; border-bottom: none !important;}
.quotescollection_randomquote {position: absolute; bottom: 120px; right: 0px; width: 520px; color: #fff; font-size: 75%;
	font-family: Verdana, Arial, Helvetica, sans-serif;}
.quotescollection_randomquote p {margin: 0 0 4px 0;}
.quotescollection_randomquote p cite {margin-top: 4px;}
.quotescollection_randomquote .quotescollection_nextquote {text-align: right; margin-bottom: 8px;}
.quotescollection_randomquote a {color: #fff; text-decoration: none; font-weight: bold;}
.quotescollection_randomquote a:hover {color: #df5917;}
#searchform {position: absolute; top: 280px; right: 0px; margin: 0; padding: 0;}
#searchform fieldset {margin: 0; padding: 0;}
#searchform label {display: none;}
#searchform #s {width: 167px; border: 1px solid #EEE; margin: 0; padding-left: 2px; background-color: #fff; color: #999;}
#searchform #searchsubmit {width: 22px; height: 22px; margin: 0; padding: 0; vertical-align: bottom;}
#rss-feed-link {width: 56px; height: 20px; position: absolute; top: 282px; right: 220px;}
#rss-feed-link a {display: block; width: 56px; height: 20px; background: #000 url(img/rss-icon.gif) top left no-repeat;}
#twitter-link {width: 24px; height: 24px; position: absolute; top: 280px; right: 286px;}
#twitter-link a {display: block; width: 24px; height: 24px; background: #000 url(img/icon-twitter.gif) top left no-repeat;}
#facebook-link {width: 24px; height: 24px; position: absolute; top: 280px; right: 320px;}
#facebook-link a {display: block; width: 24px; height: 24px; background: #000 url(img/icon-facebook.gif) top left no-repeat;}

/* Sub-header (latest tweet, social media icons, archive title, etc.) */
#sub-header {width: 980px; margin: 8px auto;}
#note-zone {width: 700px; height: 55px; float: left; margin: 0;}
#note-zone p {font-size: 80%; margin: 0; padding: 0;}
#note-zone p .twitterTime {font-size: 90%;}

#note-zone p.rf-tweetOut {float: left; width: 80px;}
#note-zone #tweetblender-t1 {float: left; width: 620px; border: none !important; font-size: 80%;}
#note-zone #tweetblender-t1 .tb_tweetlist, #note-zone #tweetblender-t1 .tb_tweet {border: none !important; padding: 0 !important;}
#note-zone #tweetblender-t1 .tb_footer {display: none;}

#site-sm-icons {width: 220px; height: 55px; float: right; margin: 0;}
#site-sm-icons .rf-twitter {float: left;}
#site-sm-icons .rf-facebook {float: left;}
#site-sm-icons .rf-googleplus {margin-top: 3px;}


/* Main navigation ***************************************************************************/
#nav {margin: 0 auto; width: 980px;}
#nav li {display: block; float: left; font-size: 105%; margin: 0 0 0 20px; text-transform: uppercase;}
#nav li a {display: block; color: #fff; text-decoration: none; padding: 5px 20px; border-bottom: none !important;}
#nav li a:hover, #nav li.current-menu-item a {color: #ec8f3c; background-color: #4a4848;}
#nav li.current-menu-item #sub-nav ul li a {color: #fff;}
#nav #sub-nav {margin: 0 auto; width: 980px; height: 30px; background-color: #4a4848;}
#nav #sub-nav ul li {text-transform: lowercase; font-size: 90%; margin-left: 10px; position: relative;}
#nav #sub-nav ul li a {padding: 5px 10px; height: 20px;}
#nav #sub-nav ul li ul {display: none; position: absolute; top: 30px; left: -10px; float: left; z-index: 99999; width: 120px;}
#nav #sub-nav ul li ul li {border-bottom: 1px solid #fff;}
#nav #sub-nav ul li ul li a {background-color: #828181; width: 120px;}
#nav #sub-nav ul li ul li a:hover {background-color: #4a4848;}
#nav #sub-nav ul li:hover > ul {display: block;}
#nav #sub-nav li.current-menu-ancestor a {color: #ec8f3c;}
#nav #sub-nav li.current-menu-ancestor ul li a {color: #fff;}
#nav #sub-nav li.current-menu-ancestor ul li a:hover {color: #ec8f3c;}
#nav #sub-nav li.current-menu-ancestor ul.sub-menu li.current-menu-item a {color: #ec8f3c; background-color: #4a4848;}

/* ID-specific styles */
.archive li#menu-item-5190 a, .single li#menu-item-5190 a {color: #ec8f3c; background-color: #4a4848;}


/* Main site content *************************************************************************/
#content {width: 700px; float: left; min-height: 350px;}
.post {width: 698px; margin-bottom: 65px;}
.post h2 {padding: 0 0 2px 0; margin: 5px 20px 2px 20px; border-bottom: 1px dotted #000;}
.post h2 a:hover {border-bottom: none !important; color: #EC8F3C;}
.post-content {border: 1px solid #666;}
.num-comments {float: left; width: 160px; padding-top: 10px; font-weight: bold; margin-left: 20px;}
.num-comments a:hover {border-bottom: none !important;}
.num-comments .num-comments-icon {float: left; width: 34px; height: 26px;} 
.num-comments .num-comments-text {float: left; width: 120px; margin-left: 3px; padding-top: 2px;}
.num-comments .num-comments-icon a {display: block; width: 34px; height: 26px; text-align: center; padding-top: 2px;
	background: #fff url(img/comment-icon-top.gif) top center no-repeat;}
.post-sm-icons {float: right; padding-top: 10px; width: 440px;}
.post-sm-icons div {float: left; width: 100px !important;}
.post-sm-icons div.rf-facebook {margin-left: 20px;}
.post-sm-icons div.addthis_toolbox {margin-right: 20px;}
.post-sm-icons div.g-plusone {margin-left: 20px;}
.timestamp {width: 70px; float: right; margin: 0; border-left: 1px solid #666; border-bottom: 1px solid #666; background-color: #eee; text-align: center;}
.timestamp .timestamp-number {font-size: 200%; padding-top: 6px; font-weight: bold;}
.timestamp .timestamp-text {font-size: 75%; padding-bottom: 5px;}
.byline {padding: 0 20px; font-size: 75%; color: #666;}
.entry {padding: 0 20px; font-size: 85%; line-height: 150%;}
.entry h4 {text-transform: uppercase; width: 90%; border-bottom: 1px dashed #999; font-weight: normal; font-style: italic; margin: 30px 0 0 0;}
.entry ul, .entry ol {margin: 10px 0 10px 18px;}
.entry ul li {list-style-type: disc; margin-bottom: 5px;}
.entry ol li {list-style-type: decimal; margin-bottom: 5px;}
.entry blockquote {border: 1px dashed #666; background-color: #eee; padding: 5px 15px 10px 15px;}
.entry blockquote .source {font-weight: bold; font-size: 85%; background: #eee url(img/bullet-source.gif) 0 3px no-repeat; padding-left: 23px;}
.entry .vid {border: 1px solid #666; background-color: #eee; text-align: center; padding: 20px 10px; margin: 20px 0;}
.entry .vid .caption {display: block; text-align: center; font-size: 80%; line-height: 120%;}
.entry .alignleft {float: left; margin: 5px 10px 10px 0;}
.entry .alignright {float: right; margin: 5px 0 10px 10px;}
.entry .aligncenter {display: block; margin: 10px auto;}
.entry .alignnone {display: block; margin: 10px 0;}
.entry p.wp-caption-text {margin: 0 0 15px 0 !important; padding: 0 !important; font-size: 80%; line-height: 100%; text-align: center;}
.entry .footnotes {font-size: 80%; border-top: 1px solid #ccc; margin-top: 35px; line-height: 120%; padding: 10px 0 20px 0;}
.entry .smallquote {font-size: 95%; margin: 15px; padding: 10px; border-left: 2px solid #df5917; color: #666;}
.entry .smallquote .source {font-size: 90%; line-height: 120%; font-weight: bold; padding: 8px 0 4px 10px; display: block; color: #000;}
.entry .haiku {border-top: 1px dotted #df5917; border-bottom: 1px dotted #df5917; padding: 10px 0 10px 40px; font-style: italic; color: #666;
	margin: 30px 0;}
.entry .haiku .source {font-size: 90%; line-height: 120%; font-style: normal; padding: 8px 0 4px 10px; display: block; color: #000;}
.entry .guessed, .entry .strike {text-decoration: line-through;}


.post-bottom {margin: 15px -20px 0 0;}

.cat-breadcrumbs p {font-size: 75%; text-transform: lowercase; margin: 2px 0 0 0; padding: 2px 4px 4px 0; text-align: right; border-top: 1px solid #666;
	background-color: #eee; border-bottom: 1px solid #666;}
.post-tags {padding: 20px 20px 10px 20px; font-size: 90%;}
.post-tags a {display: block; float: left; padding: 4px 6px; background-color: #eee; border: 1px solid #666; font-weight: bold; margin: 0 12px 5px 0;}
.post-tags a:hover {background-color: #666; color: #fff;}

/* Legacy styles */
.sub {font-size: 75%; vertical-align: sub;}
.entry .refnum {font-size: 75%; vertical-align: super;}
.entry .underline {text-decoration: underline;}
.entry .text-box {float: right; margin: 5px 15px 5px 8px; padding: 0 10px 10px 10px; border: 2px solid #000; font-size: 80%; width: 200px;
	background-color: #eee;}
.entry .text-box h4 {margin: 20px 0 6px 0; padding: 0 0 4px 0; border-bottom: 1px solid #000;}

/* Comments */
#comment-zone h3 {text-align: center; background-color: #eee; font-size: 100%; padding: 6px; border: 1px solid #666;}
#comment-zone ol.commentlist {margin: 20px 0 50px 35px;}
#comment-zone ol.commentlist li {list-style-type: decimal; padding: 0; border: 1px solid #ccc; margin-bottom: 20px;}
#comment-zone ol.commentlist li.alt {border: 1px solid #ec8f3c;}
#comment-zone ol.commentlist li .comment-entry {padding: 0 10px; font-size: 80%; line-height: 160%;}
#comment-zone ol.commentlist li .comment-entry blockquote {border: 1px dashed #000; margin: 15px; padding: 10px; background-color: #eee;}
#comment-zone ol.commentlist li .comment-metadata {border-top: 1px dashed #ccc; padding: 5px 10px 0 10px; font-size: 80%; background-color: #eee;} 
#comment-zone ol.commentlist li.alt .comment-metadata {border-top: 1px dashed #ec8f3c;} 
#comment-zone ol.commentlist li .comment-metadata img {height: 50px; width: 50px; float: left;}
#comment-zone ol.commentlist li .comment-metadata .date-time {float: left; margin-left: 5px; padding-top: 5px;}
#comment-zone ol.commentlist li .comment-metadata .administrivia {float: right; font-size: 85%; padding-top: 20px;}
#comment-zone p.commentmod {font-size: 75%; line-height: 150%; margin-bottom: 50px;}
#comment-zone #login-details {font-size: 75%;}
#comment-zone fieldset {margin: 0; padding: 0;}
#comment-zone fieldset label {font-size: 80%;}
#comment-zone fieldset textarea {margin: 10px 0; width: 600px;}
#comment-zone fieldset#input-fields div {margin-bottom: 10px;}
#comment-zone #allowed-tags {font-size: 75%; color: #999; width: 540px;}
#comment-zone .button-group {width: 600px; text-align: right; padding: 10px 0 20px 0;}


/* Sidebar ***********************************************************************************/
#sidebar {width: 250px; float: right;}
#sidebar h2, #sidebar h3 {color: #fff; margin: 0 0 15px 0; padding: 6px; font-size: 90%; background-color: #4a4848;}
#sidebar h2 a {color: #fff;}
#sidebar h2 a:hover {color: #ec8f3c; border-bottom: none;}
#sidebar ul li ul {margin: 5px 0 30px 17px;}
#sidebar ul li ul li {font-size: 75%; margin-bottom: 7px; list-style-type: square;}
#sidebar ul li ul li ul {margin-bottom: 5px;}
#sidebar ul li ul li ul li {font-size: 95%;}
#sidebar ul li ul li.current-cat-parent a {color: #000;}
#sidebar ul li ul li.current-cat-parent ul li a {color: #df5917;}
#sidebar ul li ul li.current-tag a, #sidebar ul li ul li.current-cat a {color: #000 !important; border-bottom: 1px solid #000;}
#sidebar ul li#get-recent-comments .com-author-excerpt a {color: #000;}
#sidebar ul li#get-recent-comments .com-author-excerpt a:hover {color: #df5917;}
#sidebar ul li#popular-posts ul {margin-left: 0 !important; border-bottom: 2px solid #df5917;}
#sidebar ul li#popular-posts ul li {list-style-type: none !important;}
#sidebar ul li#popular-posts ul li {display: block; width: 246px; height: 100px; margin-bottom: 0 !important; background-color: #eee; position: relative;
	border-top: 2px solid #df5917; border-left: 2px solid #df5917; border-right: 2px solid #df5917;}
#sidebar ul li#popular-posts ul li .pp-title {position: absolute; width: 130px; top: 10px; left: 10px; font-weight: bold; font-size: 130%;}
#sidebar ul li#popular-posts ul li .pp-numcom {position: absolute; width: 32px; height: 24px; top: 0; right: 0; font-weight: bold; font-size: 120%;
	text-align: center;}
#sidebar ul li#popular-posts ul li .pp-numcom a {display: block; width: 32px; height: 24px;
	background: transparent url(img/comment-icon-pp.gif) top left no-repeat;}
#sidebar ul li#popular-posts ul li .pp-numcom a:hover {border-bottom: none;}
#sidebar ul li#popular-posts ul li .pp-date {position: absolute; width: 90px; bottom: 6px; right: 10px; font-weight: bold; text-align: center;
	color: #999;}
#sidebar ul li#popular-posts ul li .pp-date .pp-date-day {font-size: 300%;}
#sidebar ul li#popular-posts ul li .pp-date .pp-date-monthyear {font-size: 120%;}

/* Post archive */
#sidebar ul#post-archive {font-size: 110%; position: relative; width: 250px; height: 250px;}
#sidebar ul#post-archive li {list-style-type: none;}
#sidebar ul#post-archive li a.year-label {font-weight: bold; display: block; width: 80px; margin: 0 0 1px 0; height: 17px; text-indent: 17px;
	padding-top: 1px;}
#sidebar ul#post-archive li.current a.year-label {background: transparent url(img/bg-archive-year.gif) top left no-repeat; color: #000;}
#sidebar ul#post-archive li a:hover {border-bottom: none;}
#sidebar ul#post-archive li .month-nav {position: absolute; left: 100px; top: 0; display: none;}
#sidebar ul#post-archive li.current .month-nav {display: block;}
#sidebar ul#post-archive li .month-nav li {font-size: 100%; margin-bottom: 5px;}
#sidebar ul#post-archive li .month-nav li a:hover {border-bottom: 1px solid #000;}

/* Post navigation */
#postnav ul {width: 250px; height: 52px; margin-bottom: 5px;}
#postnav ul li {display: block; width: 80px; height: 52px;}
#postnav ul li a {display: block; width: 80px; height: 52px;}
#postnav ul li a:hover {border-bottom: none;}
#postnav ul li#prevpostlink {float: left;}
#postnav ul li#nextpostlink {float: right;}
#postnav ul li#prevpostlink a {background: #fff url(img/prev-post-link.gif) top left no-repeat;}
#postnav ul li#nextpostlink a {background: #fff url(img/next-post-link.gif) top left no-repeat;}

/* Twitter list */
#sidebar #tweetList {border-bottom: 23px solid #4a4848;}
#sidebar #tweetList h3 a {color: #fff;}
#sidebar #tweetList h3 a:hover {border-bottom: 1px solid #fff;}
#sidebar #tweetList ul li {font-size: 80%; margin: 12px 0;}
#sidebar #tweetList ul li .twitterTime {font-size: 90%;}


/* Pages *************************************************************************************/
.page .post h2 {color: #fff; margin: 0 0 15px 0; padding: 6px; font-size: 90%; background-color: #4a4848;}
.page .entry {padding-left: 0 !important; padding-right: 0 !important;}
.page .entry h4 {margin: 40px 0 0 0; font-style: normal; font-weight: bold; width: 100%;}
.page .edit-link {font-size: 75%; padding: 10px 0;}


/* Links page */
.page #links-list h3 {text-transform: uppercase; border-bottom: 1px dashed #999; margin: 0; font-size: 90%;}
.page #links-list li.link-cat {margin-bottom: 45px;}
.page #links-list li.link-cat p.cat-desc {font-size: 80%; line-height: 150%; margin: 4px 0 15px 0;}
.page #links-list li.link-cat ul {margin-left: 20px;}
.page #links-list li.link-cat ul li {list-style-type: disc; font-size: 85%; margin-bottom: 10px; line-height: 140%;}
.page #links-list li.link-cat ul li a {font-weight: bold;}

/* About page */

/* Contact page */
.page .wpcf7 {border: 1px dashed #df5917; padding: 20px;}
.page .wpcf7 label {margin: 0; padding: 0;}
.page .wpcf7 p {font-size: 90%; margin-bottom: 2px; padding-bottom: 0;}

/* Footer ************************************************************************************/
#page-nav {background-color: #666; color: #fff; padding: 10px 0;}
#page-nav a {color: #fff;}
#page-nav a:hover {border-bottom: 1px solid #fff;}
#page-nav .navigation {width: 980px; margin: 0 auto; padding-top: 5px;}
#page-nav .navigation .alignleft {width: 200px; float: left;}
#page-nav .navigation .alignright {width: 200px; float: right; text-align: right; margin-right: 284px;}
#tag-browser {background-color: #df5917; color: #fff;}
#tag-browser a {color: #fff;}
#tag-browser #tag-cloud {width: 980px; margin: 0 auto 20px auto;}
#tag-browser #tag-cloud h3 {margin: 0; color: #000; padding: 20px 0 0 0;}
#tag-browser #tag-cloud p {padding: 0; margin: 0;}
#tag-browser #tag-cloud a:hover {border-bottom: none; color: #000;}
#footer-text {background-color: #666; color: #fff; padding: 5px 0 20px 0;}
#copyright {width: 980px; margin: 0 auto; font-size: 75%;}


/* Image replacement styles, hidden elements and other miscellaneous *************************/
.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; color: #fff; border-color: #fff; border: none; margin: 0; padding: 0;}
.hide {display: none;}
.screen-reader-text {position: absolute; left: -1000em;}