/*
Theme Name: Tolkienesque
Theme URI: http://wordpress.org/
Description: 2 sidebars, designed for static page site with attached blog-style entries in a Tolkien-esque style
Version: 1.1
Author: Mike Afford
Author URI: http://mikeafford.com/
Tags: paper, monochrome, custom header, fixed width, pages, two columns, widgets

	Tolkienesque v1.1
	http://mikeafford.com/

	This theme was designed and built by Mike Afford,
	whose blog you will find at http://mikeafford.com/blog/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* CSS reset based on http://meyerweb.com/eric/tools/css/reset/ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, input, textarea, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing=0' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* end of CSS reset */

/* start of my stylee */

/* ------ STRUCTURE ------ */

body {
	background: #f5f4e1 url('images/background.gif') left repeat-y ;
	font: 81.25% Georgia,Arial, Helvetica, sans-serif; 
	color: #111;
	text-align: center;
	position: relative;
}
html>body {
	font-size: 13px;
}

/* the content-all div is basically everything */
#content-all {
	text-align:left;
	width: 920px;
	margin: 0 auto;
	position: relative;

}


#header {
    margin:0;
	height:184px;
	width:100%;
	overflow:hidden;
	background: transparent url('images/header.gif') no-repeat;
}
#headerimg{}

/* the content_main div is the bulk of the page - the bit where the posts go, and any sidebars too */
#content_main {
	width:100%;
	background: #f5f4e1 url('images/content.gif') top left repeat-y;
}

/* Noddy Holder is the bloke out of Slade, but this particular holder is an unfortunate div that keeps the left sidebar and content positioned */
#holder {
	width: 720px;
	float: left;
}

/* the content div is the bit where the posts go */
#content {
	width: 480px;
	float:left;
	padding: 10px 20px;

}
#page-content {
	width: 680px;
	float:left;
	padding: 10px 20px;

}
#clear-content {
	height:0px;
	clear:both;
}


/* ------ SIDEBAR ------ */
#sidebar {
background: transparent url() top right repeat-y;
width:200px;
float:right;
padding:0 0 30px 0;
margin:0;
color:#000;
font-size:0.95em;
}
#sidebar .widget, #sidebar .categories {
background: none;
padding:0;
margin:0;
}
#sidebar .widget h2, #sidebar .categories h2 {
background: transparent url('images/topl200.gif') top left no-repeat;
padding:8px 15px 70px 23px;
margin:0 0 5px;
color:#e5fdfe;
font-size: 1.25em;
min-height:20px;
}
#sidebar .categories h2 {
color:#000000;
font-size: 1.4em;
padding: 70px 0 0 20px;
}
#sidebar .widget ul, #sidebar .categories ul{
background: transparent url('images/moon.gif') bottom left no-repeat;
padding:5px 0 55px 0;
margin:0;

}
#sidebar .widget ul li, #sidebar .categories ul li {
background: transparent url('images/bullet-big.gif') top left no-repeat;
padding: 0 12px 4px 18px;
margin: 0 0 0 6px;

}

#sidebar .categories ul li{
font-weight:bold;
}
#sidebar .widget ul ul {
background: none;
padding:5px 0 0 0;
margin:0;
}
#sidebar .categories ul ul{
background: none;
padding:5px 0 0 0;
margin:0;
}
#sidebar .categories ul ul ul {
padding:5px 0 0 0;
margin:0;
}
#sidebar .categories ul ul ul ul {
padding:0 0 0 0;
margin:0;
}

#sidebar .widget ul li li, #sidebar .categories ul li li{
background: transparent url('images/bullet.gif') top left no-repeat;
padding: 0 12px 4px 14px;
margin: 0 0 0 -10px;

}

#sidebar .categories ul li li li{
font-weight:normal;
padding: 0 12px 2px 14px;
}
#sidebar .categories ul li li li li{
background:none;
font-weight:normal;
font-size:10px;
padding: 0 12px 0 18px;
}
#sidebar .widget_search {
background: none;
padding:0;
margin:0 5px;
}
#sidebar .textwidget {
background: none;
padding:0 15px;
margin:0;

}
#sidebar #calendar_wrap {
background: none;
padding:0 15px;
margin:0;

}
#sidebar #tag_cloud a {
display:inline-block;
padding:0 15px;
margin:0;
}

/* ------ SIDEBAR (RIGHT) ------ */

#sidebar-right {
background: transparent url() top right repeat-y;
width:200px;
float:right;
padding:0 0 30px 0;
margin:0;
color:#000;
font-size:0.95em;
}
#sidebar-right .widget, #sidebar-right .categories {
background: transparent url('images/middle200.gif') top left repeat-y;
padding:0;
margin:0;
}
#sidebar-right .widget h2 {
background: transparent url('images/top200.gif') top left no-repeat;
padding:32px 20px 5px 18px;
margin:0;
color:#000;
font-size: 1.4em;
min-height:20px;
font-style:italic;
}
#sidebar-right .categories h2 {
background: transparent url('images/collection-heading.gif') top left no-repeat;
padding:70px 15px 0px 23px;
margin:10px 0 5px;
xheight:20px;
color:#000;
font-size: 1.8em;
min-height:20px;
}

#sidebar-right .widget ul, #sidebar-right .categories ul {
background: transparent url('images/bottom200.gif') bottom left no-repeat;
padding:0 0 24px;
margin:0;

}
#sidebar-right .widget ul li {
background: transparent url('images/bullet.gif') 0px 0px no-repeat;
padding: 0 12px 4px 14px;
margin: 0 0 0 18px;

}
#sidebar-right .categories ul li {
background: transparent url('images/bullet-big.gif') 0px 0px no-repeat;
padding: 0 12px 8px 18px;
margin: 0 0 0 14px;

font-weight:bold;
}

#sidebar-right .widget ul ul, #sidebar-right .categories ul ul{
background: none;
padding:5px 0 0 0;
margin:0;
}
#sidebar-right .widget ul li li, #sidebar-right .categories ul li li{
background: transparent url('images/bullet.gif') 0px 0px no-repeat;
padding: 0 12px 0px 14px;
margin: 0 0 0 -10px;

}

#sidebar-right .widget_search {
background: none;
padding:0;
margin:0 5px;
xborder:1px solid blue;
}

#sidebar-right .textwidget {
background: transparent url('images/bottom200.gif') bottom left no-repeat;
padding:0 15px;
margin:0;

}
#sidebar-right #calendar_wrap {
background: transparent url('images/bottom200.gif') bottom left no-repeat;
padding:0 15px;
margin:0;

}
#sidebar-right #tag_cloud a {
display:inline-block;
padding:0 15px;
margin:0;
}

/* ------ FOOTER ------ */
#footer {
background: transparent url('images/header.gif') 0px -120px no-repeat;
min-height:128px;
padding-top:70px;
text-align:center;
font-size:0.95em;
}

/* ------ TYPOGRAPHY ------ */
#header h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	margin: 130px 0 5px 120px;
	font-size: 2.6em;
	font-weight:bold;
}
#header .titleimage {
background: transparent url('images/logo.gif') top left no-repeat;
width:435px;
height:42px;
	position:relative;
	top:125px;
	left:110px;
}
#header h1 a{
	color:#b32a00;
}
#header h1 a:hover{
	color:#000;
	text-decoration:none;
}
div.description {
	font-family:Georgia, "Times New Roman", Times, serif;
	margin: -5px 0 0 10px;
	font-size: 0.75em;
	font-weight:bold;
	color:#000;
	width:350px;
}
h1 {

	font-family:'georgia';
	font-size: 2.2em;
	margin-bottom:0.6em;
}
h2 {
	font-family:'georgia';
	font-size: 1.4em;
	line-height: 1.1em;
	margin-bottom:0.6em;
}
h2 a:hover{
color:#000;
text-decoration:none;
}
h3 {
font-family:'georgia';
	font-size: 1.3em;
	margin-bottom:0.6em;
	font-style:italic;
}
h4 {
	font-size: 1.25em;
	margin-bottom:0.6em;
}
h5 {
	font-size: 1.17em;
	color:#b32a00;
	padding:0.6em 0;
}
h6 {
	font-size: 1em;
}
p {
	line-height: 1.6em;
	padding-bottom:1em;
}
a {
	color: #b32a00;
	text-decoration: none;
}
a:hover {
	color: #000;
	text-decoration: none;
}
a:visited {}
sup {
	font-size: 0.8em;
	position:relative;
	bottom:0.6em;
}
small {
	font-size: 0.95em;
}
hr {
	border-top: #d6d49f 1px solid;
	border-bottom: #fff 1px solid;
	border-right: #fff 1px solid;
	border-left: #d6d49f 1px solid;
	color: #d6d49f;
	background-color: #d6d49f;
	height: 0px;
	width: 100%;
	margin: 6px 0 16px;
}
.nobr {
	white-space: nowrap;
}

pre {
	border: 1px solid #666;
	padding:10px;
	width: 95%;
	overflow: auto;
	background-color:#fff;
}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}

/* ------ NAVIGATION ------ */
.navigation {
	display:block;
	padding:0 0 0 0;
	margin:0 0 10px 0;
	clear:both;
	}
.pnavigation {
	display:block;
	padding:0 0 0 50px;
	margin:0;
	clear:both;
	position:relative;
	top:-18px;
	}
.pnavigation .pnavprev a {
background: transparent url('images/sprite.gif') 0px -256px no-repeat;
padding: 0px 15px 0px 33px;
font-size:0.95em;
font-weight:normal;
font-style:italic;
}
.pnavigation .pnavnext a {
background: transparent url('images/sprite.gif') 100% -216px no-repeat;
padding: 0px 33px 0px 15px;
font-size:0.95em;
font-weight:normal;
font-style:italic;
}

#nav-main {
	position: absolute;
	top: 0px;
	right: 0px;
}
#navbar {
	background: transparent url('images/navbar-base.gif') bottom left no-repeat;
	height:64px;
	margin:0;
	padding:0;
	line-height:1em;
}
#navbar ul {
	background: none;
	height:64px;
	list-style: none;
	margin: 0 5px;
	padding: 0;
	white-space:nowrap;	
}
#navbar li {
	display: inline;
	float:left;
	padding:3px 0 0 0;

}
#navbar li a{
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
	color:#000;
	font-size:1.3em;
	font-weight:bold;
	padding:0 25px 0 34px;
	margin: 0;
}
#navbar li:hover {
	background: transparent url('images/sprite.gif') 0px -32px no-repeat;
	
	
}
#navbar li.current_page_item, #navbar li.current_page_item:hover, #navbar li.current_page_parent, #navbar li.current_page_parent:hover {
	background: transparent url('images/sprite.gif') no-repeat;
	
}
#navbar li.current_page_item a, #navbar li.current_page_item:hover a, #navbar li.current_page_parent a, #navbar li.current_page_parent:hover a{
	color:#b32a00;
	
}


/* ------ BLOG ------ */
.post-details {
font-size:0.75em;
margin:-2px 0 16px 0px;

color:#6c6b63;

}


.post-date {
float:right;
margin-left:40px;
}
.post-foot {
font-size:0.75em;
margin:0;
color:#aaa;
padding-top:10px;
clear:both;
}

.comments-tally {
display:inline-block;
font-size:1.25em;
text-align:right;
width:29%;
vertical-align:top;
}
.tags-tally {
display:inline-block;
width:70%;
vertical-align:top;
}
.entry. {
margin:0;
padding:0}

/* ------ TABLES ------ */

table {
width:100%;
border-collapse:collapse;
background:transparent;
}
th{
text-align:center;
padding: 6px 0;
}
td{
text-align:center;
padding: 6px 0;
}
table caption{
padding:10px 0;
}


/* ------ FORMS ------ */
textarea {
border: 1px solid #666;
	padding:10px;
	width: 95%;
}
input {
border: 1px solid #999;
background-color:#fff;
font-size:1.17em;
line-height:1.17em;
padding:2px 2px;
margin: 5px 0 0 0;
}
input#s {
border: 1px solid #999;
width: 95%;
background-color:#fff;
font-size:1.17em;
line-height:1.17em;
padding:2px 2px;
margin: 5px 0 0 0;
}
input#submit, input#searchsubmit{
border:0;
margin: 10px 0 0 0;
padding: 2px 10px;
background: transparent url('images/backgrounds.gif') top left repeat-x;
font-weight:bold;
color:#fff;
}
input#submit:hover, input#searchsubmit:hover {
background: transparent url('images/backgrounds.gif') 0px -64px repeat-x;
}


#search #searchform {
	display: block;
}
#searchform label {
display:none;
font-size:0.95em;
color:#666;
margin: 0 5px 0 0;
}
#search #s {
margin: 5px 0 0 0;
width: 150px;
background-color:#fff;
}

/* ------ WIDGET DROPDOWN ------ */

.widget select {
margin:8px 10px 12px 10px;
}
/* ------ IMAGES ------ */
img {

margin-bottom:10px;
}
div .wp-caption {
max-width:100% !important;
overflow:auto;
}


.wp-caption {
	border: 1px solid #999;
	text-align: center;
	background-color: #ffffff;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

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

.wp-caption p.wp-caption-text {
	font-size:0.75em;
	line-height: 1.2em;
	padding: 0 4px 5px;
	margin: 0;
}
div .wp-caption.alignleft {
margin:0 10px 0 0;
}

.bookmain {
padding: 21px 21px 21px 59px;
background: transparent url('images/pic-border00.gif') top left no-repeat;
width:400px;
height:400px;
font-size:8px;
margin:12px 0 18px 0;
}
.bookthumb {
float:right;
padding: 13px;
background: transparent url('images/pic-border0.gif') top left no-repeat;
margin:5px 0 10px 10px;
font-size:8px;
line-height:9px;
text-align:center;
}
.xbookthumb {
float:right;
padding: 2px;
font-size:8px;
line-height:9px;
text-align:center;
}
.xbookthumb:hover {
padding: 1px;
border: 1px solid #b32a00;
}
.info {

}

/* ------ COMMENTS ------ */

div.comment-author.vcard {
padding: 10px 0 0 0;
margin: 0;
color: #000;
}
div.comment-author.vcard cite {
font-style:normal;
font-weight:bold;
}
span.says {
display:none;
}
div.comment-meta.commentmetadata {
padding: 0 0 5px 0;
margin: 0;
font-size: 0.75em;
}
.comment-meta.commentmetadata a {
color:#6C6B63;
}
.commentlist img.avatar {
float:right;
}
#respond {
padding: 20px 0 0 0;
}


/* ------ MISC ------ */

#wp-calendar {
font-size: 0.85em;
}
#wp-calendar tfoot, #wp-calendar tr{
border: none;
background-color: transparent;
}
#wp-calendar td, #wp-calendar tr{
padding:2px 0;
}
li#tag_cloud {
padding-bottom:10px !important;
}





/* ------ extra ------ */

.more-link {
background: transparent url('images/small-arrow.gif') 0px 0px no-repeat;
padding: 1px 0 0 26px;
color:#b32a00;
font-style:italic;
font-size:1.1em;
line-height:1em;
float:left;
margin-top:10px;
}
.more-link:hover{
color:#000;
text-decoration:none;
}
div.browsing {
background: transparent url('images/one-tree.gif') 0px 0px no-repeat;
padding:10px 0 20px 40px;
font-size:1.1em;
margin-bottom:-20px;
position:relative;
top:-20px;
}
.my-entry{
background: transparent url('images/leaf3.gif') 0px 0px no-repeat;
padding: 10px 0 10px 34px;
color:#b32a00;
margin: 0 0 0 -28px;
clear:both;
}
#sidebar-right .randmlink {
background: transparent url('images/bullet.gif') 0px 0px no-repeat;
padding: 0 12px 24px 14px;
margin: 0 0 0 2px;
min-height:30px;
}
div.randm{
min-height:110px;
width:166px;
}

.xrnd-image {
float:right;
width:70px;
height:70px;
margin: 0 5px 40px 6px;
padding:2px;
}
.rnd-image {
width:70px;
height:70px;
padding: 0px 48px 5px 48px;
background: transparent url('images/pic-border5.gif') top left no-repeat;
margin:0 0 7px 0;
}

.xrnd-image:hover {
border: 1px solid #b32a00;
padding:1px;
}
h2.widgettitle {
text-align:center;
}
.pages {
height:20px;
display:block;
}
.font-banner {
border: 2px solid blue;
margin: 20px 0 100px 0;
}
.font-banner:hover {
border: 2px solid red;
margin: 20px 0 100px 0;
}