/*
Theme Name: Thorndike TLOHM
Theme URI: http://wingothewolf.com
Description: Thorndike's super groovy new monochromatic, type-ridden theme)
Version: 1
Author: Jess(ica) Thompson
Author URI: http://wingothewolf.com
Tags: type, black & white, book
*/

/* --Basic Groundwork-- */

/* reset - no touching */

* {margin:0; padding:0;}
html, body {height: 100%;}
body {font-family: Baskerville Georgia Times Serif; font-size:15px; line-height: 16px;}
ul {list-style: none inside;}
ol {list-style: decimal inside;}
a img {border:none;}
img {vertical-align: middle;}
table {border-collapse: collapse;}
td {font-size:15px; line-height: 16px; padding: 0px;}

img {padding: 0; max-width: 100%;}

/* utility */

.alignleft {float: left; margin:4px;}
.alignright {float: right; margin:4px;}
.centered {margin: 0 auto;}
.clear {clear: both;}
.hidden {display: none;}

/* TYPOGRAPHY!!! */

p {padding-bottom: 15px; text-align: left; font-family: Georgia Baskerville Times Serif;  font-size:15px; line-height: 18px;}
a {outline: none; text-decoration:none; color: #0099FF;}
a:hover {padding: 0 0px; background-color: #c82f14; color:#fff;}

/* headers */

h1 {font-size:36px; line-height: 46px; font-family: Georgia Baskerville Times Serif; font-weight: normal;}
h2 {font-size:24px; line-height: 24px; font-family: Georgia Baskerville Times Serif; font-weight: normal; margin-bottom: 15px;}
h3 {font-size:18px; line-height:24px; font-family: Georgia Baskerville Times Serif; font-weight: normal; font-style: italic; color: #2c2314; font-weight: normal;}
h4 {font-weight:bold; padding: 40px 0 20px 0; font-size:22px;font-variant: small-caps;}

/* typeography classes */

.serif {font-family: Georgia Baskerville Times Serif;}
.sans-serif {font-family: "Lucida Grande" Helvetica Arial sans-serif;}
.justified {text-align: justify;}
.red {color: #8a0404;}
.blue {color: #0905a1;}
.highlight-text {background: #f1e7a7; color: #8a0404;}

/* buttons */

.button {border: 1px solid #CCCCCC; background-color: #FFFFFF; padding: 4px; font-size: 11px; font-weight: bold;-moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px;}
.button:hover, .button:active {color: #FFFFFF; background: #8a0404;}
#cse-search-box {background-color: #FFF; width:99%;}
.googlebar {border: 0px solid #000; background-color: #fff; color: #909090; padding: 2px; height: 14px;}
.googlebutton {border: 1px solid #f; background-color: #000; color: #fff; padding: 2px;}
.googlebutton:hover {background-color: #c82f14; color: #fff;}


/* --SITE DESIGN!!!!!-- */


/* header */

#topmenu {
	margin: 0;
	padding: 0 0px 8px 0px;
	width: 100%;
	height: 20px;
	background-color: #000;
	text-align: right;
}

#topmenu a {
	color: #FFF;
	font-variant: small-caps;
	padding: 2px;
}

#topmenu a:hover {
	color: #fff;
	font-variant: small-caps;
}

#header {
	width: auto;
	text-align: center;
	background: #707070 url(images/banner.jpg) center top no-repeat;
	height: 170px;
	border-top: 1px solid #8c8687;
	border-bottom: 1px solid #8c8687;
	text-indent: -9999px;
}

#header h1 a {
	color: #000;
	margin-bottom: 5px;
	
}

.line {
	border-top: 1px dotted #ccc;
	height: 1px;
	width: 75%;
	margin: 20px auto;
}


/* main page */

#page-wrap {  /* This is what all the content is "wrapped" in, excluding the header. */
	width: 850px;
	margin: 0 auto;
	
}

/* post & narrowpage style */

#widecontent {  /* This is wide content, like the intro. */
	width: 90%;
	margin: 0 auto;
	font-family: Georgia Baskerville Times serif;
	font-size: 18px;
	line-height: 24px;

}

#widecontent a:hover {background-color: #d04818; color:#fff;}

#narrowcontent {  /* This is the left side of the content */
	width: 520px;
	padding: 0 50px 100px 20px;
	float: left;
}

#narrowcontent h1 {
	font-family: Georgia Baskerville Times serif;
	font-size: 24px;
	font-weight: bold;
	text-align: left;
	margin-top: 10px;
	font-variant: small-caps;
}

#narrowcontent h1 a {
	color: #000000;
}

#narrowcontent h1 a:hover {
	background-color: #FFF;
	border-bottom: 1px solid #000;
}

#narrowcontent img {
	padding: 13px 10px 0 0;
}

.blogcontent { /* This is in case you want blogs to look different from pages. */
	
}

.post {  /* each individual post. */
	margin-bottom: 20px;
	padding-bottom: 20px;
	background: url('images/line.png') no-repeat;
}

.post li {
	font-size: 12px;
	list-style: disc inside;
	padding-left: 40px;
	padding-bottom: 10px;
}

.post span {
	font-size: 11px;
	padding-bottom: 10px;
	
}

.metadata, .singledata, small {
	color: #4b4949;
	font-size: 12px;
	font-family: Baskerville Georgia Times serif;
	font-style: italic;
	padding: 2px 0 2px 7px;
	margin: 5px 0 10px 0;
	border: 0;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
}

.metadata {
	text-align: left;
}

.singledata {
	font-style: italic;
	margin: 15px 0 15px 70px;
}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}


/* page structure classes */

.one-third {
	width: 33%;
	padding: 0 10px 100px 10px;
	float: left;
}
	
.one-half {
	float:left;
	width: 50%;
	padding: 0 10px 100px 10px;
	}

.two-thirds {
	float: left;
	width: 66%;
	padding: 0 10px 100px 10px;
}

.roundbox {
	border: 1px solid #CCCCCC;
	padding: 15px;
	margin-bottom: 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;	
	clear: both;
}



/* comments */

#comments {
	margin-top: 15px;
	padding:5px;
	background-color: #d5e1f3;
}

#comments .alt {
	padding: 5px;
	background-color: #ebebeb;
	}

#comments p {
	font-size: 10px;
	margin-top: -5px;
	padding: 2px 10px 10px 10px;
	}

.commentperson {
	float:left;
	padding: 5px;
}


/* sidebar  */

#sidebar {
	width: 230px;
	padding: 0 10px 50px 10px;
	margin-top: 12px;
	float: left;
}

#sidebar a {
	color: #4b4949;
	display: inline block;
	font-size: 11px;
	font-weight: bold;
}

#sidebar a:hover {font-family: Helvetica sans-serif; padding: 0 2px; background-color: #c82f14; color:#fff;}

.widget li {

	margin: 20px;

}

#sidebar ul {
}

.widget {
	border: 1px solid #CCCCCC;
	background: url(images/sidebarback.png) top right repeat-y;
	padding: 15px;
	margin-bottom: 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	clear: both;
}

#sidebar h2 {
	list-style-type: none;
	font-family: Georgia Baskerville Times Serif;
	font-weight:normal;
	font-style: italic;
}



/* footer */

#footer {
	background-color: #ccc;
	border: none;
	height: 100px;
	border-top: 5px groove #999;
}

#footer p {
	margin: 0;
	padding: 20px 0;
	text-align: center;
	font-size: 10px;
}

#footer a {
	color: #71311d;
}


/* Subpage List */

.xls_list li {

	list-style-type: none;
	font-size:18px; line-height: 24px; font-family: Georgia Baskerville Times Serif; font-weight: normal; margin-bottom: 15px;

}