/*
Theme Name: Serif Lover
Theme URI: http://wordpressbar.com/writer-themes/serif-lover/
Version: 1.01
Author: Leo Mysor
Author URI: http://wordpressbar.com/
Description: I've been thinking of making a minimalist theme for so long, but never really make a move. This is my first attempt in this area, and I use all serif fonts in this theme so this theme somehow looks like printed papers. It's quite suitable for professional writers from my perspective, hope you like it. Theme designed by <a href="http://wordpressbar.com/">WordPressBar.com</a> (a.k.a. WPB).
Tags: adsense ready, clean, writer, fluid width, minimalist, dual sidebar, threaded comments, three columns, white, grey, widget ready, pagenavi, w3c validated, options page
*/


/* Global */

* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	background: #fff url(images/footer.jpg) bottom repeat-x;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #444;
}

h1, h2, h3, h4, h5, h6, p {
	margin: 10px 0;
}

acronym, abbr, span.caps {
	font-size: 0.9em;
	letter-spacing: .07em;
	cursor: help;
	border-bottom: 1px dashed #666;
}

blockquote {
	margin: 10px 50px 10px 30px;
	padding: 1px 20px;
	color: #000;
	border-left: 5px solid #666;
	background: #e9ffb2;
	font: italic 1em Georgia, "Times New Roman", Times, serif;
}

a {
	color: #136475;
}

a:hover {
	text-decoration: none;
	color: #c00;
}

img {
	border: none;
}

a img {
	border: none;
}

table {  
	border-collapse: collapse;  
	border-spacing: 0;  
}

ul, ol {
	padding-left: 30px;
	margin: 10px 0;
}

.cleardiv {
	clear: both;
}

#topframe {
	margin: 0 auto;
	background: url(images/header.jpg) repeat-x;
}

#wrapper {
	margin: 0 auto;
	width: auto;
	max-width: 1360px;
	min-width: 720px;
}


/* Header */

#header {
	height: 120px;
	padding-right: 20px;
}

#titles {
	clear: both;
	padding-right: 100px;
	text-align: center;
	overflow: hidden;
}

#header h1 {
	font-size: 40px;
	padding: 0 0 0 30px;
	margin: 0;
}

#header h1 a {
	text-decoration: none;
	color: #045;
	text-shadow: #eee 1px 1px 1px;
}

#header h1 a:hover {
	color: #136475;
	text-shadow: #fff 1px 1px 1px;
}

#header h2 {
	color: #555;
	font-size: 16px;
	padding: 0 0 0 35px;
	margin: 5px 0;
}


/* Navigation */

#navigation {
	height: 22px;
	line-height: 22px;
	float: left;
	padding-left: 20px;
}

#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#navigation ul li {
	float: left;
	font-size: 14px;
	height: 22px;
	line-height: 22px;
	padding: 0 20px 0 0;
	margin: 0;
}

#navigation ul li a {
	color: #aaa;
	text-decoration: none;
	height: 22px;
	padding: 0;
}

#navigation ul li a:hover {
	color: #fff;
}

#navigation ul li.current_page_item a {
	color: #fff;
}

#subscribe {
	background: url(images/rss-entries.jpg) left center no-repeat;
	float: right;
	padding-left: 30px;
	height: 24px;
	line-height: 22px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}

/* Search Form */

#searchform {
	margin: 0;
	padding: 8px 0 0 22px;
	height: 30px;
	width: 290px;
	float: right;
	background: url(images/search.jpg) no-repeat;
}

#searchform input {
	vertical-align: middle;
	float: left;
}

#searchform .searchtext {
	margin: 0 2px 0 0;
	padding: 3px 2px 0;
	width: 230px;
	display: inline;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	border: none;
	height: 21px;
	line-height: 21px;
	background: url(images/searchtxt.gif) no-repeat;
}

#searchform .searchbutton{
	width: 24px;
	height: 21px;
}

#searchform label {
	display: none;
}


/* Mainframe */

#container {
	width: auto;
	padding: 10px 10px 20px;
	overflow: hidden;
}

/* Content */

#content {
	padding: 0 250px;
}

.post {
	padding: 10px 0 20px;
	overflow: hidden;
}

h2.posttitle {
	font-size: 24px;
	margin-top: 0;
	color: #136475;
}

h2.posttitle a {
	text-decoration: none;
}

h2.posttitle a:hover {
	text-decoration: underline;
}

.postmetadata {
	margin: 0 0 10px;
	color: #000;
	font-size: 11px;
}

.entry {
	font-size: 14px;
	line-height: 20px;
	
}

.tags {
	font-size: 12px;
	font-weight: bold;
}

.commentline {
	overflow: hidden;
	height: 24px;
	padding-bottom: 5px;
}

.bookmarks {
	float: left;
}

.bookmarks ul {
	display: inline;
	margin: 0;
	padding: 0;
}

.bookmarks ul li {
	background: none;
	display: inline;
	list-style-type: none;
}

a.commentpop {
	font-weight: bold;
	font-size: 13px;
	float: right;
	line-height: 24px;
}
a.commentpop2 {
	font-weight: bold;
	font-size: 13px;
	float: left;
	line-height: 24px;
}
.notfound {
	margin: 100px auto;
	text-align:center;
	font-size: 40px;
	font-weight: bold;
	color: #000;
}

.navigation {
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	padding: 0 10px;
	overflow: hidden;
}


/* PageNavi*/

.wp-pagenavi {
	padding: 5px 0;
	font-weight: bold;
	text-align: left;
	clear: both;
	font-size: 10px;
}

.wp-pagenavi a {
	padding: 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #e2e2e2;
	color: #a9a9a9;
	background: #f7fcff;	
}

.wp-pagenavi a:hover {	
	border: 1px solid #999;
	color: #666;
	background: #fff;
}

.wp-pagenavi span.current {
	padding: 2px 4px; 
	margin: 2px;
	border: 1px solid #555;
	background: #136475;
	color: #fff;
}

.wp-pagenavi span.pages, .wp-pagenavi span.extend {
	padding: 2px 4px; 
	margin: 2px;	
	border: 1px solid #e2e2e2;
	color: #a9a9a9;
	background: #f7fcff;
}


/* Sidebar */

#sidebar1 {
	float: left;
}

#sidebar2 {
	float: right;
}

.sidebar {
	width: 220px;
}

.sidebar ul {
	padding: 10px 0 0 0;
	margin: 0;
	list-style: none;
}

.sidebar ul li {
	margin: 0 0 18px 0;
}

.sidebar h2 {
	font-size: 16px;
	font-style: italic;
	height: 24px;
	line-height: 24px;
	color: #666;
	margin: 0 0 5px 0;
}

.sidebar ul ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.sidebar ul ul li {
	padding: 5px 0 5px 5px;
	margin: 0;
	font-size: 12px;
}

.sidebar ul ul li a {
	font-weight: bold;
}

div.tagcloud {
	padding: 0 5px;
}

div.adsblock {
	padding: 0 5px;
}


/* Calendar */

#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 100%;
}

#wp-calendar #next a {
	text-align: center;
	font-size: 11px;
}

#wp-calendar #prev a {
	text-align: center;
	font-size: 11px;
}

#wp-calendar a {
	display: block;
	font-weight: bold;
	text-decoration: none;
}

#wp-calendar a:hover {
	background: #156973;
	color: #fff;
}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	font: bold 13px Georgia, "Times New Roman", Times, serif;
}

#wp-calendar td {
	padding: 3px 0;
	font-size: 12px;
	text-align: center;
}

#wp-calendar th {
	font-style: normal;
	font-size: 12px;
	text-transform: capitalize;
}


/* Comments */

h3#comments, #respond h3 {
	font-size: 14px;
	color: #666;
	margin: 10px 0;
	clear: both;
}

#commentform {
	margin: 5px 0 0 0;
}

#commentform input {
	width: 150px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	font: 11px Georgia, "Times New Roman", Times, serif;
}

#commentform label {
	font-size: 11px;
}

#commentform textarea {
	width: 98%;
	padding: 2px;
	margin: 0;
	border: 1px solid #aaa;
	font: 11px Georgia, "Times New Roman", Times, serif;
}

#commentform p {
	margin: 5px 0;
	font-size: 11px;
	line-height: 15px;
}

#commentform fieldset {
	border: none;
	padding: 0;
	margin: 0;
}

#commentform #submit {
	margin: 0 5px 5px auto;
	font-size: 12px;
	float: right;
}

#respond {
	color: #666;
	overflow: hidden;
}

#respond:after {
	content: "."; 
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#cancel-comment-reply-link {
	font-size: 10px;
	font-weight: bold;
}

.commentlist {
	padding: 0;
	list-style: none;
}

.commentlist li {
	margin: 10px 0;
	padding: 5px 0 5px 10px;
	clear: both;
}

.commentlist li ul li {
	font-size: 1em;
}

.commentlist p {
	margin: 10px 0;
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #9c9c9c;
	padding: 2px;
	margin-right: 5px;
	background: #fff;
}

.commentlist li a {
	color: #000;
}

ul.children {
	padding: 0;
	margin: 0;
	list-style: none;
}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
}

.nocomments {
	text-align: center;
}

.commentmetadata {
	display: block;
	font-weight: normal;
}

.thread-alt {
	background-color: #eee;
}

.thread-even {
	background-color: #fff;
}

.depth-1 {
	border: 1px solid #999;
}

.alt {
	border-left: 4px solid #000;
	background-color: #eee;
}

.even {
	border-left: 4px solid #000;
	background-color: #fff;
}

.alt2 {
	border: 1px solid #999;
	border-left: 4px solid #000;
	background-color: #fff;
}

.even2 {
	border: 1px solid #999;
	border-left: 4px solid #000;
	background-color: #f0f0f0;
}


/* Footer */

#footer {
	height: 30px;
	overflow: hidden;
	clear: both;
	color: #aaa;
	font-size: 14px;
	line-height: 30px;
}

#footer a {
	color: #fff;
	text-decoration: none;
}

#credit {
	padding-left: 10px;
	float: left;
}

#footer-rss {
	float: right;
	padding-right: 10px;
}

#footer-rss a {
	padding-left: 28px;
	color: #fff;
	height: 30px;
	line-height: 28px;
	text-decoration: none;
	display: inline-block;
}

a.footer-entries {
	background: url(images/rss-entries.jpg) left center no-repeat;
}

a.footer-comments {
	background: url(images/rss-comments.jpg) left center no-repeat;
}



/* Images */

p img {
	max-width: 100%;
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

.alignright {
	float: right;
}

.alignleft {
	float: left
}


/* Captions */

.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
}

.wp-caption img {
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
}