/*
Theme Name: FBR 0708
Theme URI: https://0708.fueledbyrice.org/blog/
Description: Classic theme recreating the look of the 2007 Fueled By Rice blog: white banner header with bicycle and rice-stalk art, green title, Kubrick-style single column plus sidebar.
Author: Fueled By Rice
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 8.0
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: fbr0708
*/

body {
	margin: 0;
	padding: 0;
	font-size: 68%;
	font-family: 'Lucida Grande', Verdana, Arial, sans-serif;
	background: #d5d6d7 url('images/kubrickbgcolor.jpg');
	color: #333;
	text-align: center;
}
#page {
	background: #fff url('images/kubrickbg-ltr.jpg') repeat-y top;
	border: 1px solid #959596;
	text-align: left;
	margin: 20px auto 0;
	width: 760px;
}
/* Banner */
#header { position: relative; width: 740px; margin: 0 auto; padding: 10px 0; }
#bannerbike { float: left; margin-right: 10px; }
#ricestalk { position: absolute; top: 0; right: 0; }
#banner-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 52px; line-height: 1.15; color: #718258;
	margin: 0 140px 0 0; padding: 0; text-align: center; font-weight: normal;
}
#banner-title a, #banner-title a:hover { color: #718258; text-decoration: none; }
#banner-sub { display: block; font-size: 18px; }
#banner-photo { display: block; clear: both; max-width: 100%; height: auto; }
#header ul.menu { list-style: none; padding: 10px 0; margin: 0 auto; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 14px; }
#header ul.menu li { display: inline; padding: 0 6px; }
#blog-intro { text-align: center; margin: 0; padding: 0 20px; }
#blog-intro h1 { font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, sans-serif; font-size: 4em; margin: 0; padding: 10px 0 0; }
#blog-intro h1 a { color: green; text-decoration: none; }
#blog-intro .description { font-size: 1.2em; color: green; }

/* Typography */
#content { font-size: 1.2em; }
.narrowcolumn .entry, .widecolumn .entry { line-height: 1.4em; }
small { font-family: Arial, Helvetica, sans-serif; font-size: .9em; line-height: 1.5em; color: #777; }
h1, h2, h3 { font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, sans-serif; font-weight: bold; }
h2 { font-size: 1.6em; margin: 30px 0 0; }
h3 { font-size: 1.3em; margin: 30px 0 0; padding: 0; }
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited { color: #333; text-decoration: none; }
h2.pagetitle { margin-top: 30px; text-align: center; }
a { color: #06c; text-decoration: none; }
a:hover, h2 a:hover, h3 a:hover { color: #147; text-decoration: underline; }
.entry p a:visited { color: #b85b5a; }
code { font: 1.1em 'Courier New', Courier, monospace; }
abbr, acronym { border-bottom: 1px dashed #999; cursor: help; }
blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; color: #777; }
a img { border: none; }
p img, .entry img { max-width: 100%; height: auto; padding: 0; }
.center { text-align: center; }
.screen-reader-text { position: absolute; left: -9999px; }

/* Structure */
.narrowcolumn { float: left; padding: 0 0 20px 45px; width: 450px; }
.widecolumn { padding: 10px 0 20px; margin: 5px 0 0 150px; width: 450px; line-height: 1.6em; }
.post { margin: 0 0 40px; text-align: justify; }
.widecolumn .post { margin: 0; }
.postmetadata { clear: left; color: #777; }
.narrowcolumn .postmetadata { text-align: center; padding-top: 5px; }
.widecolumn .postmetadata { margin: 30px 0; }
.navigation { display: block; text-align: center; margin: 10px 0 60px; overflow: hidden; }
.alignleft { float: left; }
.alignright { float: right; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; }
.aligncenter, img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { max-width: 100%; text-align: center; }
.wp-caption-text { font-size: .9em; color: #777; }

/* Entry lists */
.entry ul { margin-left: 0; padding: 0 0 0 10px; list-style: none; text-indent: -10px; }
.entry ul li { margin: 7px 0 8px 10px; }
.entry ul li:before { content: "\00a0 "; }
.entry ol { padding: 0 0 0 35px; margin: 0; }

/* Comments */
.alt { background: #fff; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.commentlist { padding: 0; text-align: justify; }
.commentlist li { margin: 15px 0 3px; padding: 5px 10px 3px; list-style: none; font: bold .9em 'Lucida Grande', Verdana, Arial, sans-serif; }
.commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.1em; }
.commentlist p { font-weight: normal; line-height: 1.5em; margin: 10px 5px 10px 0; }
.commentlist ol, .commentlist ul.children { list-style: none; margin: 0 0 0 20px; padding: 0; }
.commentmetadata { display: block; margin: 0; font-weight: normal; }
.nocomments { text-align: center; margin: 0; padding: 0; color: #777; }
#commentform input[type=text], #commentform input[type=email], #commentform input[type=url] { width: 170px; padding: 2px; margin: 5px 5px 1px 0; font: .9em 'Lucida Grande', Verdana, Arial, sans-serif; }
#commentform textarea { width: 100%; box-sizing: border-box; padding: 2px; font: .9em 'Lucida Grande', Verdana, Arial, sans-serif; }
#commentform p { margin: 5px 0; }
#commentform #submit { float: right; margin: 0; }

/* Sidebar */
#sidebar { float: left; font: 1em 'Lucida Grande', Verdana, Arial, sans-serif; padding: 20px 0 10px; margin-left: 50px; width: 190px; }
#sidebar ul, #sidebar ol { margin: 0; padding: 0; }
#sidebar ul li { list-style: none; margin-bottom: 15px; }
#sidebar h2 { font-family: 'Lucida Grande', Verdana, sans-serif; font-size: 1.2em; margin: 5px 0 0; padding: 0; }
#sidebar ul ul { margin: 5px 0 0 10px; }
#sidebar ul ul li { margin: 3px 0 0; padding: 0; color: #777; }
#sidebar ul ul li:before { content: "\00a0 "; }
#sidebar select { width: 130px; }
#searchform { margin: 10px auto; padding: 5px 3px; text-align: center; }
#sidebar #searchform #s, #sidebar .search-field { width: 108px; padding: 2px; }
#wp-calendar { empty-cells: show; margin: 10px auto 0; width: 155px; }
#wp-calendar caption { font: bold 1.3em 'Lucida Grande', Verdana, Arial, sans-serif; text-align: center; }
#wp-calendar td { padding: 3px 0; text-align: center; }

/* Footer */
#footer { clear: both; width: 760px; margin: 0 auto; padding: 0; background: #eee url('images/kubrickfooter.jpg') no-repeat top; }
#footer p { margin: 0; padding: 20px 0; text-align: center; }
#footer a { padding-left: 0; }
.fbr-copy { padding-top: 40px !important; }