/* CSS Document */

/* 	Table of Contents
			1) Resets
			2) The Blog & Other Sections
*/

/* 1) Resets
		This collection of styles is intended to minimize idiosyncratic browser default settings. Its authorship was attributed to Shaun Inman (shauninman.com) by Jeff Starr (2007, see "A Killer Collection of Global CSS Reset Styles," http://perishablepress.com/press/2007/10/23/a-killer-collection-of-global-css-reset-styles/). 
*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, 
form, fieldset, input, p, blockquote, table, th, td, embed, object {
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset, img, abbr {
	border: 0;
}

address, caption, cite, code, dfn, em, 
h1, h2, h3, h4, h5, h6, strong, th, var {
	font-weight: normal;
	font-style: normal;
}

ul {
	list-style: none inside;
}

caption, th {
	text-align: left;
}

q:before, q:after {
	content: '';
}

a, ins {
	text-decoration: none;
}

/* 
2) The Main Page
	The page dimensions have been developed assuming 6 columns, 137px each in 
	width, with 20px gutters, for a total width of 922px = 57.625em at
	16 pt font. 
*/

body {
	font-family: "Helvetica Neue", Helvetica, Arial, "san serif";
	font-size: 100%;
	background: #aaa url('/images/3.jpg') repeat; 
}

#accessibility {
	position: absolute;
	top: -10000px;
}

#header {
}

#header img {
	width: 100%;
	margin: 0 auto;
}

#content {
	max-width: 58em; /* 928px/16pt = 58em */
	margin: 3.6em auto 7.2em;
	background-color: #fff;
	border:  #333 1pt solid;
}

div#content .column {
	position: relative;
}

#footer {
	clear: both;
	margin: 1em 0;
	padding: 1em 0 0;
}

    
/* 1a) Navigation */

#menu {
	width: 36.04%; /* 38.2% - 2.16% */
	margin: 0 0 0 63.96%;
}

#menu ul {
	list-style-type: none;
	text-align: left;
}

#menu ul li { 
	border-bottom: 1pt dotted #333;
	margin: 0.5em 0 0 1.25em;
	text-indent: 1.25em;
	color: #333;
}

#menu ul li a {
	background-color: #fff;
	color: #333;
	text-decoration: none;
	display: block;
	font-weight: bold;
	font-size: 1em;
	line-height: 1.3em;
}

#menu ul li a:visited {
	text-decoration: none;
}

#menu ul li a:hover {
	color: #AC3353;
}

#menu ul li a.active {
	background-color: #333;
	color: #fff;
	margin-right: -1px;
}

/* Other navigation links */
div#copy div#navigation {
	padding: 1.8em 0;
	font-family: "Helvetica Neue", Helvetica, Arial, "san serif";
}

div#copy ul.related {
	color: #666;
	list-style: none inside;
}

div#copy div#navigation p {
	font-size: 1em;
	font-weight: bold;
	text-align: center;
}

/* div#copy div#navigation p.nav li {
	float: left;
	line-height: 1em;
	padding: 0px 10px;
} */


div#copy div#navigation a {
	text-decoration: none;
}


/* 1b) Banner */

#banner {
}

	/* 3) Copy */

em {
	font-style: italic;
}

strong {
	font-weight: bold;
}

#copy {
	text-align: left;
	font-family: Georgia, Garamond, "Times New Roman", "Times Roman", serif;
	width: 61.8%;
	margin: 1em 0;
	padding: 0 0 0 1.25em;
}

body#front-page div#copy {
	float: left;
}

.separator {
	color: #666;
}

#copy div.separator {
	text-align: center;
	display: block;
	margin: 1.8em auto;
	clear: both;
}

#copy div.separator img {
	border: 0;
	width: 40%;
}

#sidebar {
	width: 100%;
	font-size: 0.9em;
	font-family: "Helvetica Neue", Helvetica, Arial, "san serif";
}

#sidebar div {
	width: 30%;
	float: left;
	padding: 0 0 0 1em;
}

body#front-page div#sidebar {
	width: 36.04%; /* 38.2% - 2.16% */
	float: right;
	border: 0;
} 

body#front-page div#sidebar div {
	float: none;
	width: 100%;
	margin: 0 0 0 1.25em;
	padding: 1em 0 1em 1.25em;
}

body#front-page div#sidebar div#recent {
	margin: 1.8em 0 0 1.25em;
}

/* 3) Text */
		/* For better or worse, Text styles are presented here in the general order they are presented on the page: e.g. Styles for #copy come first and #sidebar second. "3a) Universal text" are text styles that set default colors and/or styles to be consistently defined across the site. Presentation-level elements (#copy, #sidebar) do not define text styles within them; their sub-elements do. */

	/* 3a) Universal text */

/* links */

a:link {
	text-decoration: underline;
	color: #AC3353;
}

a:hover {
	text-decoration: none;
	color: #AC3353;
}

a:active {
	text-decoration: underline;
	color: #AC3353;
}

a:visited {
	text-decoration: underline;
	color: #666;
}

	/* Banner */
#banner h1 {
	font-size: 4.8em;
	text-align: center;
	/* vertical-align: middle; */
}

		/* Headlines */
h1, h2, h3, h4, h5, h6 {
	font-family: "Helvetica Neue", Helvetica, Arial, san-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 1em;
	letter-spacing: -1.25pt;
}

	/* miscellaneous tags */

acronym {
	font-style: normal;
	border: 0 none;
}

	/* Visibility */

.hide {
	display: none;
}

.show {
	display: block;
}

	/* 3b) #copy text */

#copy h2 {
	color: #333;
	font-size: 2.4em;
	line-height: 0.75em;
	padding: 0 0 0.25em 0;
}

#copy h2 a, #copy h4 a {
	color: #333;
	text-decoration: none;
}

#copy h3 {
	color: #666;
	font-size: 1.8em;
	font-weight: normal;
	padding: 0.5em 0 0;
}

#copy h3 a {
	color: #666;
	text-decoration: none;
}

#copy h4 {
	color: #333;
	font-size: 1.2em;
	padding: 0.5em 0 0;
}

#copy h5 {
	color: #333;
	font-size: 1em;
	padding: 0.5em 0 0;
}

#copy div.meta {
	margin: 0 0 1.2em;
	font-size: 0.9em;
}

#copy div.meta p.byline {
	font-style: italic;
	line-height: 1.2em;
	text-indent: 0;
	color: #666;
}

#copy div.meta + p, #copy h2.headline + p, #copy h3 + p, #copy h4 + p, #copy h5 + p {
	text-indent: 0;
}

div.meta + p:first-line, div.meta + blockquote:first-line, h2.headline + p:first-line, h2.headline + img + p:first-line {
	font-variant: small-caps;
	font-size: 1.4em;
}

div.meta a {
	text-decoration: none;
	color: #666;
}

#copy p {
	font-size: 1em;
	font-style: normal;
	text-indent: 3.6em;
	line-height: 1.4em;
}

#copy div.poem {
	margin: 1em 0;
}

#copy p.stanza {
	text-indent: 0;
	padding-left: 3.6em;
	padding-bottom: 1em;
	line-height: 1.2em;
}

#copy p.poem-title {
	text-indent: 0;
	padding-left: 3.6em;
	padding-bottom: 1em;
	line-height: 1.2em;
	font-weight: bold;
	text-align: center;
}

#copy p.poem-byline {
	font-style: italic;
}

#copy p.footnote {
	text-indent: 0;
	margin: 1em 0 0.5em;
	font-size: 0.9em;
	line-height: 1.2em;
}

#copy blockquote {
	padding: 1em 3.6em;
}

#copy blockquote p {
	text-indent: 1.8em;
	line-height: 1.2em;
	font-size: 0.9em;
}

#copy ul, #copy ol {
	font-size: 1em;
	font-style: normal;
	line-height: 1.4em;
}

#copy ul {
	list-style-type: disc;
}

#copy ul ul {
	list-style-type: circle;
}

#copy ul li, #copy ol li {
	margin: 0 3.6em;
}

#copy div.entry table {
	margin: 1em 0;
	border: 1pt solid black;
	padding: 1em;
}

#copy div.entry table tr, #copy div.entry table td {
	border: 1pt solid black;
	padding: 0.5em;
	vertical-align: top;
}

#copy div.entry table th {
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	margin: 0.5em 0;
	color: #333;
	font-size: 1em;
	letter-spacing: 0;
	font-family: Georgia, Garamond, "Times New Roman", "Times Roman", serif;
}

#copy p.categories, #copy p.comment-count, #copy div.share p, #copy div.meta div.slidedisplay {
	text-align: right;
	font-style: italic;
}

#copy div.meta div.slidedisplay img, div#share p img {
	border: 0;
	padding: 0 0.25em;
}

div#entry-footer div#categories, div#entry-footer div#tags, div#entry-footer div#share {
	padding: 0 0 1.8em;
}

div#entry-footer div#categories h3, div#entry-footer div#tags h3, div#entry-footer div#comments h3, div#entry-footer div#share h3, body#front-page div#copy h3 {
	display: inline;
	margin: 1.8em 6.18% 1.8em 0;
}

div#entry-footer div#categories h3 + p, div#entry-footer div#tags h3 + p, div#entry-footer div#comments h3 + p, div#entry-footer div#share h3 + p, body#front-page div#copy h3 + p {
	font-style: italic;
	color: #666;
	display: inline;
}


/*  .pullout-right, and .pullout-left classes are for pullout quotes. */

#copy .pullout-right {
	font-family: "Helvetica Neue", Helvetica, Arial, san-serif;
	text-align: center;
	float: right;
	display: block;
	font-size: 1.4em;
	width: 300px;
	padding: 1em 0 1em 1em;
	margin: 1em 0 1em 1em;
	color: #666;
}

#copy .pullout-left {
	font-family: "Helvetica Neue", Helvetica, Arial, san-serif;
	text-align: center;
	float: left;
	display: block;
	font-size: 1.4em;
	width: 300px;
	padding: 1em 1em 1em 0;
	margin: 1em 1em 1em 0;
	color: #666;
}

/* Sidebar */

body#blog div#sidebar div#access {
	padding-left: 1.25em;
}

#sidebar h2 {
	font-weight: bold;
	text-transform: uppercase;
	margin: 0.5em 0;
	color: #333;
	font-size: 1em;
	letter-spacing: 0;
	font-family: Georgia, Garamond, "Times New Roman", "Times Roman", serif;
}

#sidebar p {
	margin: 0 0 0 1.25em;
	color: #333;
}

#sidebar ul {
	list-style-type: none;
	line-height: 1.2em;
	margin: 0;
	padding: 0;
}

#sidebar ul ul {
	list-style-type: none;
	line-height: 1em;
	margin: 0 0 0 1em;
	padding: 0;
}

/* Comments */
 
div#comments {
	margin: 0 auto;
}

div#comments h4 {
	line-height: 1em;
	margin: 1em 0;
}

div#comments p {
	text-indent: 1.8em;
	line-height: 1.2em;
	font-size: 0.9em;
}

div#comments ul, div#comments ol {
	text-indent: 0px;
	margin: 1.8em 0;
	line-height: 1.2em;
	font-size: 0.9em;
}

div#comments ul li, div#comments ol li {
	margin: 0 1.8em;
}

div#comments blockquote {
	padding: 1em 1.8em;
}

div#comments p.byline {
	font-style: italic;
	text-indent: 0px;
	line-height: 1.2em;	
	margin: 0 0 1em;
	font-size: 0.9em;
	color: #666;
	background-color: #eee;
}

#comments p.byline + p {
	text-indent: 0;
}

.comment {
	margin: 1em 0 0;
	border-top: 1pt dotted #999;
}

div#comments > div {
	counter-increment: div;
}

div.comment:before {
	content: counter(div, decimal);
	color: #666;
	display: block;
	text-align: right;
	float: right;
	font-size: 0.9em;
	font-family: Georgia, Garamond, "Times New Roman", "Times Roman", serif;
	font-style: italic;
	padding: 0 0.5em 0 0;
}

/* Comment Preview */

div#cpreview h3.preview {
	padding: 1.8em 0 0;
}

div#cpreview div.preview-warning p {
	font-style: italic;
	padding: 0 0 1em 0;
	font-size: 0.9em;
	color: #666;
}

/* Comment Form */

div#comment-form {
	margin: 3.6em 0 1.8em;
	background: #eee;
	padding: 1em;
	border: 1pt dotted #333;
}

div#comment-form h4 {
	line-height: 1em;
	margin: 0;
}

#comment-form table {
	border: 0pt;
	margin: 0;
	font-family: "Helvetica Neue", Helvetica, Arial, san-serif;
	font-weight: bold;
	font-size: 0.9em;
	color: #333;
	width: 100%;
}

#comment-form table td {
	padding: 0.5em 0 0.5em 0.5em;
	line-height: 1em;
	border: 0pt;
	margin: 0;
}

#comment-form table tr {
	padding: 0;
	border: 0pt;
	margin: 0;
	vertical-align: middle;
}

#comment-form input {
	font-family: Georgia, Garamond, "Times New Roman", "Times Roman", serif;
	font-size: 1em;
	padding: 5px;
}
 #comment-form textarea {
	font-family: Georgia, Garamond, "Times New Roman", "Times Roman", serif;
	font-size: 1em;
	padding: 0 0 0 5px;
	width: 85%;
	height: 14.4em;
	display: block;
}

#comment-form a {
	text-decoration: none;
}

input#txpCommentSubmit {
	color: #AC3353;
}

input#txpCommentSubmit.disabled {
	color: #666;
}

p#txpCommentInputForm {
	text-indent: 0;
	color: #666;
	font-style: italic;
	font-weight: bold;
	margin: 1.8em 0;
}

	/* Footer */
#footer p {
	padding: 1.8em 0 0;
	font-family: Georgia, Garamond, "Times New Roman", "Times Roman", serif;
	font-style: italic;
	color: #666;
	text-align: center;
	clear: both;
	font-size:  0.9em;
	line-height: 1.2em;
}

#footer a {
	color: #666; 
	text-decoration: none;
}

#footer p a:hover {
	color: #AC3353; 
}

#footer a:visited {
	color: #666;
}

#header div.container {
	text-align: center;
	background: #666;
}

#footer div.container {
	text-align: center;
}

#footer img {
	border: 0;
	padding: 1.8em 0;
	width: 20%;
}

	/* 3e) Archives */

	/* 4) Images */
img {
	max-width: 100%;
}

a img {
	text-decoration: none;
	border: 0;
}

#copy img {
	padding: 0.25em;
	border: 1px solid #999;
}

img.noborder {
	border: 0;
}
		
div#copy div#about img {
	border: 0;
}

div.alignleft img, div.alignright img {
	border: 0;
}

#copy p.imgbox {
	text-align: center;
	text-indent: 0;
	margin: 1em auto 0;
	font-family: "Helvetica Neue", Helvetica, Arial, san-serif;
	font-size: 0.9em;
	color: #333;
} 

.alignleft {
	float: left;
	margin: 0 1em 1em 0;
	font-size: 1em;
	font-weight: bold;
	text-align: justify;
}

.alignright {
	float: right;
	margin: 0 0 1em 1em;
	font-size: 1em;
	font-weight: bold;
	text-align: justify;
}