/*
Theme Name: FJR Writes
Theme URI: http://fjrwrites.com/
Description: FJR Writes Custom Theme
Version: 1.0
Author: Gavin Smith
Author URI: http://gavinsmith.ca/*/

@import url('reset.css');

.clear{ clear: both; }

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Trebuchet MS','Lucida Grande', Verdana, Arial, Sans-Serif;
	background: #fff url('images/bg.png') repeat;
	color: #1a1a1a;
	text-align: center;
	padding-top: 20px;
	}
	
em{ font-style: italic; }
strong{ font-weight: 700; }
	
#wrapper{ font-size: 1.4em; margin: 0 auto; position: relative; text-align: left; width: 700px; }

#header{ margin-bottom: 45px; }

#latest{ background: rgba(24,24,24,.80); position: relative; margin: 0 0 2em 0; padding: 20px 26px; }
.collapse-toggle{ background: url('images/toggle-open.png') no-repeat 0 0; cursor: pointer; display: block; float: right; height:18px; position: relative; top: -22px; right: 4px; width: 18px; }
.collapse-toggle.hidden{ background: url('images/toggle-closed.png') no-repeat 0 0; }
#latest ul a{ border-bottom: 1px solid #201e1b; color: #b1b1b1; display: block; padding: 0.4em 0.7em; text-decoration: none; }
#latest ul a:hover{ background: rgba(24,24,24,.60); }
#latest ul a:active{ padding-top: 0; padding: 0.5em 0.7em 0.3em 0.7em; }
#latest em{ color: #5d5d5d; }
#latest .detail{ color: #5d5d5d; font-size: 0.9em; }
#latest ul{ font-size: 0.95em; position: relative; }
#latest ul#entries{ float: left; width: 310px; }
#latest ul#comments{ float: right; width: 310px; }
#latest ul#comments em{ display: block; }
#latest li.title{ background: #850000; color: #fff; font-size: 1.2em; line-height: 20px; padding: 4px 6px; position: absolute; text-transform: lowercase; top: -48px; }

#content{ background: rgba(255,255,255,.65); padding: 0 2em 2em 2em; }
#content .postmetadata a, #content small a{ color: #850000; text-decoration: underline; }
#content .entry a{ color: #850000; text-decoration: underline; }
#content h2, #content h3{ color: #850000; font: 2em normal Georgia, serif; padding-top: 1em; }
#content h2 a, #content h3 a{ color: #850000; text-decoration: none; }
#content h3{ color: #850000; font-size: 1.45em; font-family:"Lucida Grande", Verdana, Arial, Helvetica, sans-serif; margin-bottom: 0.5em; }
#content h3#comments{ border-top: 1px dashed #666; padding-top: 0.5em; }

.post{ line-height: 1.4em; position: relative; }
.post h2 .author{ color: #666; }

.post small{ color: #646464; display: block; font-size: 0.8em; font-style: italic; margin-bottom: 1em; }
.post p{ margin-bottom: 1em; }

.comment{ background: #d3d2cc; margin-bottom: 1em; padding: 0.5em; }
.comment.parent{ padding-bottom: 1px; }
.children{ margin-top: 0.5em; }
.children .comment-body{ padding-bottom: 0.5em; }
.comment.bypostauthor{ background: #d5d5c6; }
.comment .bypostauthor{ background: #e2e2c7; }
.comment .avatar{ float: right; }
.comment a{ color: #222; }
.comment .comment-meta{ font-size: 0.9em; }
.comment .comment-meta a{ text-decoration: none; }
.comment a.comment-edit-link{ text-decoration: underline; }
.comment .comment-body{ color: #222; }
.comment p{ margin-top: 1em; }
.comment .reply{ font-size: 0.85em; text-align: right; }
.comment .reply a{ color: #850000; text-decoration: none; }

.navigation{ margin-top: 4em; height: 1em; }
.navigation a{ color: #850000; font-size: 0.8em; font-weight: bold; text-decoration: none; }
.navigation a:hover{ text-decoration: underline; }
.navigation .older{ float: left; }
.navigation .newer{ float: right; }

p.commentText{ background: #fff; border: 1px solid #181818; padding: 1em; }
#respond textarea{ border: 0; color: #444; font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; height: 90px; width: 100%; }
#submit{ background: rgba(24,24,24,.90); border: 0; color: #fff; font-weight: bold; height: 30px; padding: 0 0.6em; }

#footer{ background: rgba(24,24,24,.90); color: #5d5d5d; font-size: 0.9em; margin-top: 2em; padding: 2em; }
#footer a{ color: #fff; }