/* Reset styles */

	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,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-weight: inherit;
		font-style: inherit;
		font-size: 100%;
		font-family: inherit;
		vertical-align: baseline;
	}
	:focus {
		outline: 0;
	}
	body {
		line-height: 1;
		color: black;
		background: white;
	}
	ol, ul {
		list-style: none;
	}
	table {
		border-collapse: separate;
		border-spacing: 0;
	}
	caption, th, td {
		text-align: left;
		font-weight: normal;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: "";
	}
	blockquote, q {
		quotes: "" "";
	}

/* Html and body */
	
	html { background: #fff url('../images/bgtile.png') repeat; }
	body { background: transparent url('../images/bgtile_top.png') repeat-x; }

	html, body {
		height: 100%;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 0.95em;
		line-height: 1.6em;
	}

	div.letterScript {
		font-family: Mistral, "Brush Script MT", "Edwardian Script ITC", cursive;
		font-size: 2em;
		margin-bottom: 1em;
		line-height: 1em;
	}


/* Text, content and paragraph styling */

	/* Paragraph */
	
	div.content p { margin-bottom: 1em; }

	/* Headlines */
	
	div.content h1, div.content h2, div.content h3 {
		font-family: Optima, Arial, sans-serif; text-align: left; line-height: 1.3em;
	}
	
	div.content h2.shoulder {
		font-weight: normal;
		font-size: 1.05em;
		text-transform: lowercase;
		font-variant: small-caps;
	}
	
	div.content h1, h3#comments, h3#respond, h3.footerbar {
		font-size: 1.8em;
		font-weight: bold;
		margin-bottom: 0.5em;
	}
	
	h3#comments, h3#respond, h3.footerbar {
		border-bottom: 1px solid #aaa;
		padding-bottom: 0.5em;
		margin-bottom: 1em;
		width:60%;
		font-weight: normal;
	}
	
	#primary h3.footerbar { text-align: right; display: block; margin-left:40%; }
	
	div.content h1.pagetitle {
		font-weight: normal;
		font-size: 1.05em;
		font-variant: small-caps;
		display:block;
		border-bottom:1px solid #aaa;
		margin-bottom:2em;
	}
	
	.entry h1 { margin-top: 2em; }
	
	.entry h2 {
		font-size:1.4em;
		font-weight:bold;
		margin-top:2em;
	}

	.entry h3 {
		font-size:1em;
		font-weight:bold;
		margin-bottom:1em;
/*		margin-top:2em; */
	}
	
	/* Formatting */
	
	em { font-style: italic; }
	strong { font-weight: bold; }
	
	/* List and bullets */
	
	.entry ul, .entry ol {
		margin: 1em 0 1em 3em;
	}

	.entry ul,
	.entry ul ul,
	.entry ul ul ul {
		list-style: square;
	}

	.entry ol li { list-style: decimal outside; }
	.entry ol li li { list-style: lower-roman; }
	.entry ol li li li { list-style: lower-alpha; }

	.entry ol li,
	.entry ul li, 
	.entry ol li li,
	.entry ul li li,
	.entry ol li li li,
	.entry ul li li li {
		margin-bottom: 0;
	}
	
	/* Block quotes */
	
	blockquote {
	    margin:1em 0;
	    padding: 0 1.5em;
		border-left:1px solid #aaa;
	}
	
	/* Links */
	
	.content a, .content a:visited, .content a:hover {
		text-decoration: none;
		border-bottom: 1px dotted #ccc;
		color: #00487b;
		font-weight:bold;
	}
	
	a.commentPermalink { font-weight: normal !important; color: black !important; }
	
	h2.shoulder a { font-weight: normal !important; }
	h1.storytitle a, h2.shoulder a { border: none !important; text-decoration: none !important; color: black !important; }
	h1.storytitle a:hover, h2.shoulder a:hover { border:none !important; color: #d60101 !important;}
	
	.content a:hover {
		border-bottom: 1px solid #00487b;
		color: #d60101;
	}
	
	/* Pull quotes */
	
	span.pulled-right, span.pulled-left {
		display: block;
		float: right;
		padding: 0.5em 10px;
		margin: 1em 1em 1em 1.5em;
		width: 190px;
		font-size: 1.3em;
		line-height: 1.5em;
		text-align: center;
		color: #00487b;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		font-style: italic;
	}
	
	span.pulled-left {
		float: left;
		padding: 0.5em 10px;
		margin: 1em 1.5em 1em 1em;
	}
	
	/* Comments */
	
	cite { font-size: 1.1em; font-weight: bold; }
	
	.commentBody {
		margin-top: 2em;
		margin-bottom: 2em;
	    padding: 0 1.5em;
		border-left:1px solid #aaa;
	}
	.commentBody p { margin-bottom: 1em; }
	
	ol.commentlist li { padding: 20px; }
	
	/* Commentform */
	
	#commentform {
		padding: 10px 0;
		margin: 0;
	}

	#commentform label { /* */ }

	#commentform input {
		width: 220px;
	}
	#commentform textarea {
		width: 480px;
		height: 150px;
	}
	
/* Containers and wrappers */
		
	div#wrapper {
		width: 800px;
		margin: 0;
		padding-top: 50px;
	}
	
	div.content {
		width:470px;
		margin:0 0 0 287px;
		padding: 1.5em 45px 30px 35px;
		text-align: left;
		background: transparent url('../images/content_mid.png') repeat-y;
	}
	
	div.maincontent { min-height: 600px; }
		
	div.metadata {
		border:none;
		display:block;
		background:transparent url('../images/entrysep.png') no-repeat 50% 0;
		margin:3em 0 5em 0;
		padding: 35px 0 3em 0;
		text-align: center;
		font-style: italic;
		clear:both;
	}
	
	hr {
		border:none;
		display:block;
		background:transparent url('../images/hr.png') no-repeat 50% 0;
		height:13px;
		margin:2em 0;
		clear:both;
	}
	
	div.hr {
		border:none;
		display:block;
		background:transparent url('../images/entrysep.png') no-repeat 50% 0;
		height:22px;
		margin:2em 0;
		clear:both;
	}
	
	div#masthead, div.header {
		background: transparent url('../images/masthead.png');
		width: 550px;
		height: 163px;
		margin: 0 0 0 287px;
		padding: 0;
		display: block;
	}
	
	div.header {
		background: transparent url('../images/header.png');
		width:550px;
		height:47px;
		margin-top: 2em;
	}
	
	div#footer {
		background: transparent url('../images/footer.png') no-repeat;
		width: 550px;
		height: 74px;
		margin: 0 0 0 287px;
		padding: 0 0 2em 0;
		display:block;
	}
	
	div#photoframe {
		position:absolute;
		background: transparent url('../images/photos/Photo6.png');
		width:242px;
		height:294px;
		left:45px;
		top:50px;
	}
	
	div#notebook {
		position:absolute;
		background: transparent url('../images/notebook.png') no-repeat;
		width:195px;
		height:301px;
		left:22px;
		top:250px;
		padding-left:70px;
		padding-top:120px;
		font-family: "Adobe Caslon Pro", "Hoefler Text", Georgia, Garamond, Times, serif;
		overflow: hidden;
	}
	
	div#notebook p:first-letter { text-transform: uppercase; }
	
	div#notebook p {
		letter-spacing:0.1em;
		text-align:left;
		text-transform: lowercase;
		line-height: 115%;
		font-size: 1em;
		font-variant: small-caps;
		margin-right: 0.5em;
		text-indent: -2em;
		margin-left: 2em;
		margin-bottom: 0.5em;
	}
	
	div#notebook p.indent {
		margin-left: 4em;
	}
	
	div#booktop {
		position:absolute;
		background: transparent url('../images/books/top/Lonely.png');
		width:163px;
		height:307px;
		left:827px;
		top:200px;
	}
	
	div#bookbottom {
		position:absolute;
		background: transparent url('../images/books/bottom/Humoresque.png');
		width:182px;
		height:317px;
		left:827px;
		top:400px;
	}
	
	div#contact {
		position:absolute;
		background: transparent url('../images/contact.png');
		width:251px;
		height:287px;
		left:36px;
		top:650px;
	}
	
	a.divlink { 
		display:block; 
		width:100%;
		height:100%;
		text-decoration:none;
		border:none !important;
	}
	
	.post, .clearboth { clear:both; }
	.divbreak { clear: both; height: 3em;}

	.navigation { clear:both; margin-top: -3em; }
	.entry .navigation { margin-top: 0; }
	#searchbox { padding-top: 3em; clear:both; margin: 0 auto; text-align:center; }
	input#s { width: 26em; }
	
	.box {
		clear:both;
		width:100%
		margin:0;
		padding:1.5em;
		border-top:1px solid #aaa;
		border-bottom:1px solid #aaa;
		background:#ffffe9;
	}
		
/* Images */
	
	.entry img, img.alignright {
		padding: 0.5em;
		margin: 0 0 2px 7px;
		display: inline;
		float:right;
	}
	
	img.alignleft {
		padding: 0.5em;
		margin: 0 7px 2px 0;
		display: inline;
		float:left;
	}

	img.aligncenter {
		padding: 0.5em;
		margin: 0 auto;
		display: block;
		float:none;
	}

/* Alignment */
	
	.alignright {
		float: right;
		}
	
	.alignleft {
		float: left
		}

/* Special */

	img#wpstats{width:0px;height:0px;padding:0px;border:none;overflow:hidden} /* hide automattic's silly face */
	#rss-links img { margin-right: 0.5em; }

/* Footer bar */

	div.sidebar { width: 45%; }
	div#primary { float: left; text-align: right; }
	div#secondary { float: right; }

	div.sidebar ul { margin-bottom: 2em; }

/*div.sidebar ul li#categories ul li a,div.sidebar ul li.linkcat ul li a,div.sidebar ul li#archives ul li a,div.sidebar ul li#categories ul li a:link,div.sidebar ul li.xoxo ul li a:link,div.sidebar ul li.xoxo ul li a:link,div.sidebar ul li#rss-links ul li a,div.sidebar ul li#rss-links ul li a:link,div.sidebar ul li#meta ul li a,div.sidebar ul li#meta ul li a:link{background:#ebeef1;display:block;font-size:1em;padding:0.5em;width:99%;}
div.sidebar ul li ul li:hover,div.sidebar ul li#categories ul li a:hover,div.sidebar ul li.linkcat ul li a:hover,div.sidebar ul li#archives ul li a:hover,div.sidebar ul li#rss-links ul li a:hover,div.sidebar ul li#meta ul li a:hover{background:#cbd3db;color:#e15119;}
div.sidebar ul li ul li:hover a{text-decoration:underline;}
div.sidebar ul li ul li:hover a:hover,div.sidebar ul li ul li a:hover{color:#e15119;text-decoration:none;}
body div.sidebar{margin:0 0 2em;overflow:hidden;width:47%;}*/

/* Vignette */

	.entry-vignette {
		background: transparent url('../images/vignette.png') repeat-y;
		padding: 15px 30px;
		margin-bottom: 2em;
	}
	
	.entry-vignette h1 { margin-top: 0.8em; }
	
	.entry-vignette h1.vignette { font-size: 1.3em;  }
	
	#random-vignette { display:none; }