﻿/*
Theme Name: WinsomeType
Description: Updated with cleaner design, vertical rhythm
Author: Jesse Stallings
Author URI: WinsomeScholar.com
Version: .2
Copyright (C)  2010  Jesse Stallings
-------------------------------------------------------- */
/* RESET */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img {
	border: 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
caption, th {
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
q:before, q:after {
	content: '';
}
abbr, acronym {
	border: 0;
}
/*---------- END RESET ----------*/
/*__NEW---*/
.postwrap {
	padding-top: 1.5em;
	padding-left: 170px;
	margin-bottom: 1.5em;
	width: 700px;
}
.sidenote {
	float: left;
	color: #FF0000;
	width: 120px;
	left: 30px;
	font-size: 12px;
	line-height: 1em;
	z-index: 5;
	position: absolute;
	display: block;
	font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
	text-align: right;
}
.singleetc {
	font-family: Palatino Linotype;
	font-size: 2em;
	font-style: italic;
	line-height: .5em;
	letter-spacing: -2px;
	float: left;
	margin-left: 10px;
	
	/*margin-right: 10px;
	display: inline;
	padding-top: 24px;
	position: relative;
	text-align: right;
	width: 40px;
	*/
}
/*---END NEW*/
html {
	font-size: 16px;
}
body {
	font-size: 16px;
	line-height: 1.5em;
	font-family: Georgia, "Times New Roman", serif;
	color: #5C5D61; /*background:url(images/grid.gif) top center repeat-y #fff;*/;
	padding: 0;
	margin: 0;
	vertical-align: baseline;
}
.bodywrap {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}
.sitewrap {
	float: left;
	padding-top: 1.5em;
	margin-bottom: 1.5em;
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}
/*GRIDS-------------------------------------------------------- */
.generic {
	float: left;
	padding-top: 1.5em;
	margin-bottom: 1.5em;
}
.border {
	border-top: 1px dashed #919191;
}
/* Grid */
.grid_1, .grid_3, .grid_4, .grid_6, .grid_5, .grid_7, .grid_9, .grid_10, .grid_12, .grid_16 {
	display: inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
}
/* Grid Children */
.alpha {
	margin-left: 0;
}
.omega {
	margin-right: 0;
}
/* Grid */
.grid_1 {
	width: 40px;
}
.grid_3 {
	width: 160px;
}
.grid_4 {
	width: 220px;
}
.grid_5 {
	width: 280px;
}
.grid_6 {
	width: 340px;
}
.grid_7 {
	width: 400px;
}
.grid_9 {
	width: 520px;
}
.grid_10 {
	width: 580px;
}
.grid_12 {
	width: 700px;
}
.grid_16 {
	width: 940px;
}
/* Prefix Extra Space */
.prefix_1 {
	padding-left: 60px;
}
.prefix_2 {
	padding-left: 120px;
}
.prefix_6 {
	padding-left: 360px;
}
/* Suffix Extra Space */
.suffix_6 {
	padding-right: 360px;
}
/*PARAGRAPHS------------------------------------------------------- */
.generic p {
	font-size: 1em; /*16px*/;
	line-height: 1.5em;
	margin: 0 0 1.5em 0;
}
p a {
	color: #90A3B7;
	text-decoration: none;
}
p a:hover {
	border-bottom: 1px dotted;
}
blockquote {
	text-indent: -0.4em;
	padding-left: 10px;
}
/*BETTER CSS--------------------*/
.post {
	border-top: 1px dotted #D9D9D0;
	display: inline;
	float: left;
	position: relative;
	margin-right: 10px;
	width: 520px;
}
/*LINKS, HEADINGS-------------------------------------------------------- */
a {
	color: #3b3b3b;
	text-decoration: none;
}
a:hover {
	border-bottom: 1px dotted;
}
h1 {
	font-size: 1.5em; /*24px*/;
	margin-bottom: 1em;
	line-height: 1em;
	font-style: italic;
}
h1.head a:hover {
	border-bottom: none;
}
h2 {
	font-size: 1.375em; /*22px*/;
	margin: .545em 0 .545em 0;
	line-height: 1.09090909090908em;
}
h2.index {
	margin-top: 0em;
	margin-bottom: 1.09090909090909090908em;
	text-align: right;
}
h2.center {
	text-align: center;
}
h2 a {
	text-decoration: none;
}
h3 {
	font-size: 1.25em; /*20px*/;
	margin-bottom: 1.2em;
	line-height: 1.2em;
}
h4 {
	font-size: 1.125em; /*18px*/;
	margin-bottom: 1.3333333333333em; /*24px*/;
	line-height: 1.33333333333em;
}
h5 {
	font-size: 1em; /* 16px */;
	line-height: 1.5em; /* 24px */;
	margin-top: 1.5em;
	margin-bottom: 0em;
}
h6 {
	font-size: 0.875em; /* 14px */;
	line-height: 1.7143em; /* 24px */;
	margin-top: 1.7143em;
	margin-bottom: 0em;
}
p small {
	line-height: inherit;
}
p sup, sub {
	line-height: 1em;
}
.bracket {
	font-size: 11em;
	line-height: 0.75em;
	font-family: Times New Roman;
	margin-left: -.1em;
}
/*LINKS-------------------------------------------------------- */
p.meta {
	/*Post list style*/
	border-bottom: 1px dotted #90A3B7 /*#D9D9D0*/;
	color: #919191;
	margin-top: -1px;
	text-align: right;
	margin-bottom: 0;
}
p.meta a {
	font-weight: normal;
	color: #919191;
}
p.postmeta {
	/*single page style*/
	border-top: 1px dotted #90A3B7 /*#D9D9D0*/;
	border-bottom: 1px dotted #90A3B7 /*#D9D9D0*/;
	margin-top: -1px;
	margin-bottom: 15px;
	text-align: center;
}
#submit {
	border: 1px solid white;
	background-color: white;
	cursor: pointer;
	font-weight: 400;
	font-family: inherit;
	font-size: inherit;
}
#submit:hover {
	text-decoration: none;
	border-bottom: 1px dotted;
}
/*ALL THE TRIMMINGS-------------------------------------------------------- */
blockquote p {
	font-size: 1em!important;
	font-weight: 400;
	padding-left: 40px;
}
blockquote p cite {
	font-style: normal;
}
.generic strong {
	font-variant: small-caps;
}
.generic em {
	font-style: italic;
	font-weight: inherit;
}
.amp {
	/* Give those ampersands a right sexy look */
	font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif;
	font-style: italic;
	font-weight: normal;
	line-height: inherit;
}
abbr {
	border-bottom: 1px dotted #000 /*#666*/;
	border-color: inherit;
	cursor: help;
}
.code {
	/* Styling for and code type items */
	font-family: Courier, "Courier New", monospace;
	background: #ddd;
	font-size: 1em;
}
.footer {
	border-top: 1px solid #000 /*#666*/;
}
.etc {
	font-family: Palatino Linotype;
	font-size: 2em;
	font-style: italic;
	text-align: right;
	line-height: .5em;
	letter-spacing: -2px;
	padding-top: 24px;
}
#searchform {
	padding-bottom: 1.5em;
}
table {
	margin-bottom: 1.5em;
}
/*IMAGE STYLES-------------------------------------------*/
img {
	font-size: 1em;
}
img.left-img {
	/* Float any image to the LEFT and give it some margin */
	font-size: 1em;
	float: left;
	padding: 4px;
	border: 1px solid #000 /*#ccc*/;
	margin-bottom: 1.8em;
	margin-right: 2em;
	margin-top: 0.3em;
}
img.right-img {
	/* Float any image to the RIGHT and give it some margin */
	font-size: 1em;
	float: right;
	padding: 4px;
	border: 1px solid #000 /*#ccc*/;
	margin-bottom: 1.8em;
	margin-left: 2em;
	margin-top: 0.3em;
}
/*LIST STYLES-------------------------------------------*/
ul {
	margin-bottom: 1.5em;
	list-style: square outside;
}
ul li {
	font-size: 1em;
	line-height: 1.5em;
}
ul li.caption {
	/* Apply this class to the first list item in a list to give it a caption */
	font-variant: small-caps;
	list-style: none;
	color: #000;
}
li > ul, li > ol {
	margin-bottom: 0;
	margin-left: 5em;
}
li > ul li, li > ol li {
	font-size: 1em;
}
ol {
	margin-bottom: 1.8em;
	list-style: decimal inside;
}
ol li {
	font-size: 1em;
	line-height: 1.5em;
}
.sidebar ul {
	list-style: none;
}
.sidebar li {
	margin-left: 0;
	list-style: none;
}
.s {
	font-style: italic;
}
.chat {
	position: fixed;
	bottom: 1em;
	right: -6em;
}
#navlink {
	font-size: 1.5em;
	font-family: Garamond;
	color: #000;
}
/*Comments---------------------------------------*/
ol.commentlist {
	list-style: upper-roman;
	margin: 0;
	padding: 0;
}
ol.commentlist li {
	border-top: 1px solid #d5d5d5;
	padding-top: 17px;
	padding: 0 0 .5em 60px;
	position: relative;
}
ol.commentlist li.pingback comment-author {
	padding: 0 170px 0 0;
}
ol.commentlist li div.vcard img.avatar {
	background: #fff;
	border: 1px solid #aaa;
	padding: .5em;
	left: 0px;
	position: absolute;
	top: .5em;
}
ol.commentlist li div.comment-meta {
	position: absolute;
	right: 0;
	text-align: right;
	top: 0;
}
ol.commentlist li p {
	margin: .5em 0 1em;
}
ol.commentlist li ul {
	font-weight: normal;
	font-size: 1em;
	line-height: 1.5em;
	list-style: margin:0 0 1em;
	padding: 0;
}
ol.commentlist li div.reply {
	color: #000;
	text-align: center;
	width: 36px;
}
ol.commentlist li ul.children {
	margin: 1em 0 0;
	text-indent: 0;
}
ol.commentlist li ul.children li.depth-2 {
	list-style: upper-alpha;
	margin: 0;
}
ol.commentlist li ul.children li.depth-3 {
	list-style: decimal;
	margin: 0;
}
ol.commentlist li ul.children li.depth-4 {
	list-style: lower-alpha;
	margin: 0;
}
ol.commentlist li ul.children li.depth-5 {
	margin: 0;
}
ol.commentlist ul.children li.odd {
	background: #fff;
}
ol.commentlist ul.children li.even {
	background: #f6f6f6;
}
ol.commentlist li.pingback div.vcard {
	padding: 0 170px 0 0;
}
form textarea {
	border: 1px dashed #000 /*#b4b4b4*/;
	background: transparent;
	font-family: 'Courier New', Courier, monospace;
	outline: none;
}
form input.text {
	border: none;
	background: transparent;
	border-bottom: 1px solid #000 /*#b4b4b4*/;
	font-family: 'Courier New', Courier, monospace;
	outline: none;
}
/*--- Front Page ---*/
.frontbox {
	margin-top: 5em;
}
.title {
	color: #000;
	margin-top: 18px;
	width: 380px;
	float: left;
	font-variant: small-caps;
	text-align: right;
	font-size: 5em;
	font-weight: 700;
	line-height: .8em;
}
#frontbracket {
	color: #000;
	font-family: Times New Roman;
	width: 140px;
	font-size: 18.75em;
	float: left;
	line-height: .65;
}
#linklist {
	float: left;
	font-size: 3.125em;
	line-height: 1.25em;
}
.pages a {
	margin: 0 0 3px 0;
	color: #3b3b3b;
	text-decoration: none;
}
.pages a:hover {
	color: #111;
}
#fronttags {
	margin-top: 40px;
	margin-left: auto;
	margin-right: auto;
	float: left;
	width: 950px;
}
#tagfront {
	font-size: 1.6em;
	font-weight: 700;
	color: #000;
}
#tagfont a {
	color: #3b3b3b;
	text-decoration: none;
}
#tagfont a:hover {
	color: #000/*#111*/;
	text-decoration: none;
}

