/* In The Thin Places - http://www.inthethinplaces.com */
/* All associated graphics copyright 2008-, Chris Ediger */
/* Updated Last: December 5, 2008 */
/* Update By: Chris Ediger */

/* IMPORTANT */
/* This design is not a template. You may not reproduce it elsewhere without the 
   designer's written permission. However, feel free to study the CSS and use 
   techniques you learn from it elsewhere. */

/* YUI Reset, Base & Font CSS */
/* CSS Framework */

@import "/css/yui_reset.css";
@import "/css/yui_base.css";
@import "/css/yui_fonts.css";


/* Main */
/* Use this section to define general body & wrapper formatting */

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: Helvetica, Arial, sans-serif;
	background-color: #332C1C;
}

body {
	margin: 0px;
	padding: 0px;
	background: url("../images/homepage01.gif") repeat left top;
}

#wrapper {
	width: 960px;
	margin: 0px auto;
	background: url("../images/homepage02.gif") repeat-x left top;
}


/* Sections - Structural */
/* Use this section to define the structural section elements for the page */

#header {
	width: 960px;
	height: 70px;
	background: #9ab650 url("../images/bg_header.jpg") no-repeat left top;
	position: relative;
}

#searchbox,
#subscribebox {
	float: right;
	padding-right: 22px;
	padding-top: 7px;
}

#subscribebox img {
	vertical-align: middle;
}

#menu {
	position: relative;
	width: 960px;
	height: 30px;
	margin: 0px auto;
	background: url("../images/homepage05.gif") repeat-x left top;
}

#menu ul {
	margin: 0px;
	padding: 8px 0px 0px 5px;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	padding: 0px 15px;
}

#feedcount {
	position: absolute;
	right: 5px;
	top: 3px;
}

#content {
	/* width: 778px; */
	width: 960px;
	margin: 0px auto;
	background: url("../images/bg_homecontent.jpg") repeat left top;
}

#right {
	float: right;
	/* width: 481px; */
	width: 663px;
}

#left {
	float: left;
	width: 297px;
	background-color: #000000;
}

#footer {
	width: 960px;
	height: 50px;
	margin: 0px auto;
	background: url("../images/homepage21.gif") repeat-x left top;
}

#footer p {
	color: #6C6761;
}

#legal {
	float: left;
	padding: 15px 22px;
}

#links {
	float: right;
	padding: 15px 22px;
}

#mynameise {
	float: right;
	padding: 8px 11px;
}

#box1 .image,
#latest .image,
#searchresults .image,
#about .image {
	width: 663px;
	height: 191px;
	background: url("../images/accent_home.jpg") no-repeat left top;
}

#box1 .title,
#latest .title,
#searchresults .title,
#about .title {
	padding-bottom: 2px;
	padding-left: 22px;
	line-height: 26px;
	background-color: #000000;
}

#latest h1,
#searchresults h1,
#about h1 {
	letter-spacing: -1px;
	font-size: 34px;
	font-weight: normal;
	color: #FFFFFF;
}

#box1 .content,
#latest .content,
#about .content {
	background: #242017 url("../images/homepage07.gif") repeat-x left top;
	padding: 18px 24px 15px 22px;
}

#searchresults .content {
	background: #1a1a1a;
	padding: 18px 24px 15px 22px;
}

#box2 .title {
	height: 30px;
	margin-left: 1px;
}

#twitterbox .title {
	height: 30px;
	margin-left: 1px;
	background: url("../images/homepage08.gif") repeat-y right top;
}

#latestcomments .title,
#leaveacomment .title,
#previewcomments .title,
#whatimreading .title {
	height: 30px;
	margin-left: 1px;
	background: url("../images/homepage08.gif") repeat-y right top;
}

#box2 .title h2 {
	padding: 6px 0px 0px 22px;
}

#twitterbox .title h2 {
	padding: 6px 0px 0px 22px;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}

#latestcomments .title h2,
#leaveacomment .title h2,
#previewcomments .title h2,
#whatimreading .title h2 {
	padding: 6px 0px 0px 22px;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}

#box2 .title ul,
#twitterbox .title ul {
	float: right;
	margin: -16px 0px 0px 0px;
	padding: 0px 24px 0px 0px;
	list-style: none;
}

#box2 .title li,
#twitterbox .title li {
	display: inline;
}

#box2 .content,
#twitterbox .content {
	padding: 0px 24px 0px 22px;
}

#latestcomments .content,
#leaveacomment .content,
#previewcomments .content,
#whatimreading .content {
	padding: 15px 24px 10px 22px;
}

#box2 .content ul,
#twitterbox .content ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#box2 .content li,
#twitterbox .content li {
	padding: 6px 0px;
	/* background: url("../images/homepage11.gif") repeat-x left bottom; */
}

#box3 .title {
	height: 30px;
	margin-left: 1px;
}

#box3 .title h2 {
	padding: 6px 0px 0px 22px;
}

#box3 table {
	width: 100%;
}

#box3 td {
	padding: 8px 22px;
}

.home_leftbox {
	clear: left;
}

#box4 .title,
.home_leftbox .title {
	height: 28px;
}

#box4 .title h2,
.home_leftbox .title h2 {
	padding: 6px 0px 0px 22px;
}

#box4 .content,
.home_leftbox .content {
	padding: 0px 20px;
}

#box4 .content ul,
.home_leftbox ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#box4 .content li,
.home_leftbox li {
	padding: 15px 0px;
	background: url("../images/homepage11.gif") repeat-x left bottom;
}

.home_leftbox ul.morelinks {
	clear: left;
	padding: 15px 0 20px 0;
}

.home_leftbox ul.morelinks li {
	padding: 2px;
	background: none;
}

#box5 .title {
	float: left;
	width: 277px;
	height: 20px;
	padding-left: 20px;
}

#box5 .text6 {
	margin-top: -7px;
}

#box5 .content {
	padding: 32px 24px 1px 22px;
}

#box6 .title {
	height: 24px;
	margin-left: 1px;
	padding: 6px 0px 0px 22px;
}

#box6 .content {
	padding: 20px 24px 0px 22px;
}

#box7 .title {
	height: 24px;
	margin-left: 1px;
	padding: 6px 0px 0px 22px;
}

#box7 .content {
	padding: 20px 24px 0px 22px;
}

.bullet {
	padding: 0px 4px;
	background: url("../images/homepage18.gif") no-repeat left center;
}


/* General - Formatting */
/* Use this section to define general formatting rules for the page */

form {
	margin: 0px;
	padding: 0px;
}

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

body, th, td, input, textarea, select {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #efefef;
}

p, blockquote, ul, ol, dl {
	margin-top: 0px;
	margin-bottom: 1em;
	line-height: 140%;
	text-align: justify;
}

a {
	color: #FFE4AE;
}

a:hover {
	text-decoration: none;
}

a.nohover,
a.nohover:hover {
	text-decoration: none;
}

img { border: none; }

hr { height: 1px; border: 0; background-color: #4F493B; margin-bottom: 20px; }

/* Sections - Formatting */
/* Use this section to define sectional formatting rules for the page */

#box1 .title a,
#latest .title a,
#about .title a {
	color: #fff;
	text-decoration: none;
}

#box1 .title a:hover,
#latest .title a:hover,
#about .title a:hover {
	text-decoration: underline;
}

#box1 .title em,
#latest .title em,
#about .title em {
	font-style: italic;
}

#latest .content img,
#about .content img {
	float: right;
	border: 2px solid #CCC59D;
	margin-left: 15px;
}

#latest .content img.centered,
#about .content img.centered {
	float: none;
	margin: 0 auto;
}

#latest .content img.nofloat,
#about .content img.nofloat {
	float: none;
	margin: 0;
}

#latest .content img.leftnoborder,
#about .content img.leftnoborder {
	float: left;
	margin: 0;
	border: 0;
}

#latest .content img.noborder,
#about .content img.noborder {
	border: 0;
}

#latest .content blockquote,
#about .content blockquote {
	border: 1px solid #4F493B;
	padding: 10px;
	padding-bottom: 0;
}

#latest .content blockquote blockquote,
#about .content blockquote blockquote {
	border: 0;
	padding-bottom: 1px;
}

#latest .content blockquote.nextto,
#about .content blockquote.nextto {
	margin-right: 225px;
}

#latest .content li,
#about .content li {
	padding-bottom: 5px;
}

#latest .content h2 {
	padding-bottom: 5px;
	color: #DFCDA7;
}

#latest .content h3 {
	color: #DFCDA7;
}

.what .title {
	background: #FFFFFF;
	line-height: 20px;
	padding-bottom: 1px;
}

.what h2 {
	letter-spacing: -1px;
	font-size: 27px;
	font-weight: normal;
	color: #5B5449;
	padding-left: 22px;
}

.what .content {
	background: #878260 url("../images/homepage20.gif") repeat-x left top;
	color: #FFFFFF;
	padding: 8px 20px;
	height: 154px;
}

.what .content p {
	margin-bottom: 0;
}

.home_leftbox .title {
	background: url("../images/homepage13.gif") repeat-y right top;
}

.home_leftbox .title h2 {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}

.home_leftbox .content li img {
	float: left;
	margin-top: 5px;
	margin-right: 10px;
	width: 70px;
	border: 2px solid #CCC59D;
}

.home_leftbox .content li h3 {
	font-size: 12px;
	font-weight: bold;
	color: #EBD4B8;
}

.home_leftbox .content li h3 a {
	text-decoration: none;
}

.home_leftbox .content li h3 a:hover {
	text-decoration: underline;
}

.home_leftbox .content li h4 {
	margin-bottom: 5px;
	font-size: 10px;
	font-weight: normal;
	color: #808080;
}

.post_footer {
	clear: both;
	padding-top: 15px;
	font-weight: normal;
	color: #FFFFFF;
}

.comments_box {
	margin-bottom: 10px;
}

.comments_box h4 {
	font-size: 133%;
	font-weight: normal;
	padding-bottom: 10px;
	color: #ffffff;
}

.comments_box_outline {
	margin-left: 30px;
	border: 1px solid #4F493B;
	padding: 10px;
	padding-bottom: 0;
}

.comments_box .author {
	background: transparent url("../images/bg_authorcomment.jpg") repeat-y left top;
	color: #ffffff;
}

/* Other Elements - Formatting */
/* Use this section to define formatting rules for additional page elements */

.clear {
	clear: both;
}

.inputtext {
	width: 130px;
	padding: 2px;
	background: #FFFFFF;
	border-top: 1px solid #DFDFDF;
	border-left: 1px solid #EBEBEB;
	color: #808080;
}

.inputtextarea {
	width: 100%;
	height: 240px;
	padding: 2px;
	background: #FFFFFF;
	border-top: 1px solid #DFDFDF;
	border-left: 1px solid #EBEBEB;
	color: #808080;
}

.inputsubmit {
	width: 61px;
	height: 20px;
	background: url("../images/subpage1_01.gif") no-repeat left top;
	border: none;
	text-transform: uppercase;
	font-size: 8px;
	font-weight: bold;
	color: #FFFFFF;
}

.text1 {
	letter-spacing: -1px;
	font-size: 34px;
	font-weight: normal;
	color: #FFFFFF;
}

.text2 {
	margin-bottom: 10px;
	font-size: 11px;
	font-weight: bold;
	color: #EBD4B8;
}

.text3 {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}

.text4 {
	font-size: 12px;
	font-weight: bold;
	color: #EBD4B8;
}

.text5 {
	margin-bottom: 5px;
	font-size: 10px;
	font-weight: normal;
	color: #808080;
}

.text6 {
	letter-spacing: -1px;
	font-size: 27px;
	font-weight: normal;
	color: #5B5449;
}

.text7 {
	color: #FFFFFF;
}

.list1 {
	margin-left: 0px;
	padding-left: 0px;
	list-style: none;
}

.link1 {
	text-transform: uppercase;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
}

.link1:hover {
	text-decoration: underline;
}

.link2 {
	padding-left: 14px;
	background: url("../images/homepage10.gif") no-repeat left center;
	font-size: 10px;
}

.style1 {
	color: #6C6761;
}

.style1 a {
	color: #6C6761;
}

.style1 a:hover {
}

.bg1  { background: url("../images/homepage02.gif") repeat-x left top; }
.bg2  { background: url("../images/homepage04.jpg") no-repeat left top; }
.bg3  { background: url("../images/homepage05.gif") repeat-x left top; }
.bg4  { background: #242017 url("../images/homepage07.gif") repeat-x left top; }
.bg5  { background: #000000; }
.bg6  { background: url("../images/homepage08.gif") repeat-y right top; }
.bg7  { background: url("../images/homepage09.gif") repeat left top; }
.bg8  { background: url("../images/homepage12.gif") repeat left top; }
.bg9  { background: url("../images/homepage13.gif") repeat-y right top; }
.bg10 { background: #FFFFFF; }
.bg11 { background: #857764 url("../images/homepage20.gif") repeat-x left top; }
.bg12 { background: url("../images/homepage21.gif") repeat-x left top; }
.bg13 { background: url("../images/subpage2_01.gif") repeat-y left top; }

.align-justify { text-align: justify; }
.align-right { text-align: right; }

.img1 {
	float: left;
	margin: 5px 15px 0px 0px;
}

.img2 {
	float: right;
	margin: 5px 0px 0px 15px;
}

.hr1 {
	height: 1px;
}

.home_leftbox .links {
	background: url("../images/homepage12.gif") repeat left top;
	padding: 0;
	margin: 0;
	width: 297px;
}

.home_leftbox ul.linkslist_left,
.home_leftbox ul.linkslist_right,
.home_leftbox ul.linkslist_left li,
.home_leftbox ul.linkslist_right li {
	margin: 0;
	padding: 0;
}

.home_leftbox ul.linkslist_left {
	float: left;
	list-style: none;
	width: 148px;
}

.home_leftbox ul.linkslist_right {
	float: left;
	list-style: none;
	width: 148px;
	border-left: 1px solid #000000;
}

.home_leftbox ul.linkslist_left li {
	list-style: none;
	padding: 8px 0px 10px 20px;
	border-bottom: 1px solid #000000;
	width: 128px;
}

.home_leftbox ul.linkslist_right li {
	list-style: none;
	padding: 8px 0px 10px 20px;
	border-bottom: 1px solid #000000;
	width: 128px;
}

#tweet {
	padding-top: 10px;
	position: relative;
	min-height: 60px;
}

.ajaxloader_image {
	width: 40px;
	margin-bottom: 40px;
	vertical-align: middle;
	float: left;
}

.tweet_text {
	font-size: 150%;
}

#tweet ul,
#tweet ul li {
	list-style: none;
	border: 0;
	background: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}

.tweet_image {
	position: absolute;
	left: 0;
	vertical-align: middle;
	width: 60px;
	height: 60px;
}

.tweet_copy {
	position: absolute;
	left: 60px;
	text-align: left;
}

#latestcomments .h4_smaller,
#previewcomments .h4_smaller,
#searchresults .h4_smaller,
#whatimreading .h4_smaller {
	font-size: 72%;
}

.home_leftbox ul {
	text-align: left;
}

.home_leftbox .links2 {
	background: url("../images/bg_blogroll2.jpg") repeat left top;
	padding: 0;
	margin: 0;
	padding-left: 1px;
	width: 297px;
}

.home_leftbox .links2 p {
	padding: 8px 0px 10px 20px;
	margin: 0;
	border-bottom: 1px solid #000000;
	width: 128px;
	float: left;
}

#about .content h2 {
	color: #FFE49C;
}

.update {
	font-weight: bold;
	color: #9BB753;
}

#announcement .headline {
	font-weight: bold;
	color: #9BB753;
}

#announcement p {
	font-size: 112%;
	padding: 5px 10px;
	margin-bottom: 5px;
}

#recentbooks {
	padding-top: 10px;
}

#recentbooks p {
	text-align: left;
}

#recentbooks p strong {
	color: 
}

.recentbooks_box {
	padding-bottom: 10px;
	clear: both;
}

.recentbooks_box img,
.whatimreading_box img {
	border: 2px solid #CCC59D;
	margin-right: 15px;
}

.recentbooks_box img.noborder,
.whatimreading_box img.noborder {
	border: 0;
	vertical-align: bottom;
	float: left;
	margin-right: 5px;
}

.whatimreading_box {
	width: 195px;
	float: left;
	padding-right: 10px;
}

.moleskinerating_number {
	font-size: 133%;
	color: #ffffff;
}

.indentme {
	padding-left: 15px;
}

img.socialbookmark {
	float: none !important;
	border: 0px !important;
	margin-left: 0px !important;
	margin-right: 3px;
	vertical-align: middle;
}

.googlereader {
	border: 1px solid #4F493B;
	background: #878260 url("../images/homepage20.gif") repeat-x left top;
	padding: 10px;
	padding-bottom: 0;
	width: 180px;
	float: right;
	margin-left: 20px;
	margin-bottom: 10px;
}

.googlereader p {
	text-align: left !important;
}

.googlereader img {
	border: 0 !important;
}

#bottombox {
	border-top: 1px solid #4F493B;
	width: 618px;
	height: 26px;
	padding-top: 5px;
	margin-top: 30px;
	margin-bottom: -15px;
}

#bottombox_left {
	width: 380px;
	float: left;
}

#bottombox_right {
	width: 238px;
	float: right;
	text-align: right;
}

#bottombox_right p {
	text-align: right !important;
}

#imagecaption {
	float: right;
	width: 200px;
	margin-left: 25px;
}

#imagecaption p {
	font-size: 88%;
	text-transform: uppercase;
	padding: 3px;
	text-align: right;
}

#bannercaption {
}

#bannercaption p {
	font-size: 88%;
	text-transform: uppercase;
	padding: 3px;
	text-align: right;
}

.footersubscribe {
	width: 130px;
	padding: 0px;
	background: #FFFFFF;
	border-top: 1px solid #DFDFDF;
	border-left: 1px solid #EBEBEB;
	color: #808080;
}

.footerbutton {
	width: 18px;
	height: 18px;
	background: url("../images/subpage1_01.gif") no-repeat left top;
	border: none;
	text-transform: uppercase;
	font-size: 8px;
	font-weight: bold;
	color: #FFFFFF;
}

.referral_box {
	background-color: #4d493e;
	font-weight: bold;
	color: #ffffff;
	padding: 5px 10px;
	padding-left: 38px;
	border: 2px solid #d0c49e;
	margin-bottom: 20px;
}

table.blogtable tr.headrow {
	background: #7B7253 url("../images/homepage20.gif") repeat-x left top;
	color: #ffffff;
}

table.blogtable tr.onrow {
	background-color: #2F2D23;	
}

table.blogtable tr.offrow {
	background-color: #4F4C3B;	
}

.books_box {
	width: 300px;
	float: left;
	clear: left;
	padding-bottom: 10px;
}

.books_box img {
	border: 2px solid #CCC59D;
	margin-right: 15px;
}

table.noborder,
table.noborder tr td {
	border: 0;
	line-height: 140%;
}

table.noborder p {
	text-align: left !important;
}

.hideit {
	display: none !important;
}

/* Positioned Elements */
/* Use this section to define absolutely positioned page elements */

#static_logo a {
	position: absolute;
	z-index: 1;
	top: 18px;
	left: 17px;
	width: 367px;
	height: 32px;
	background: url(../images/bg_logo.jpg) no-repeat left top;
}

#static_logo h2 {
	text-indent: -9999em;
}