@media screen {
	BODY { color: black; background-color: #ffe; margin:.07in; padding:0; }
}

body {
	height: 100%;
	font-size: larger;
	counter-reset: h2counter;
}

div.body {
	width: 600px;
	margin-left: 160px;
}

/* li {
	margin-top: .5ex;
	padding-top: .5ex;
} */



span.nobreak {
	white-space: nowrap;
}

div.toolbar {
	color: maroon;
}

div.footer {
	margin-top: 3ex;
	font-size: 82%;
	color: maroon;
	text-align: center;
	border-top: 1px solid black;
	margin-top: 20px;
}

h1 {
	clear: right;
	text-align: center;
	counter-reset: h2counter;
}

.spacebefore {
	margin-top: 10pt !important;
}

p.heading-cited {
	font-style: italic;
	padding-top: 2ex;
}

span.footnote-ref {
	font-weight: bold;
	font-size:smaller;
	vertical-align:top; 
}

div.footnotes {
	margin-top: 40px;
	font-size: 85%;
}

/* draw a border before the footnotes section */
div.footnotes:before {
    height:1px;
    background:#333;
    width:50%;
    display:block;
    margin:0px auto;
    content:""
}

p.page-subtitle {
	text-align: center;
	font-weight: bold;
}

p.date, p.signature {
	text-align: right;
	padding-right: 5em;
	font-style: italic;
}
/* =========== Bibliography Table of Contents */
#bibliography-toc ol {
	list-style-type: none;
}

/* ======================================= BIBLIOGRAPHY =========================================== */

/* =========== Bibliography entry numbers */
#bibliography span.numbering, .bibliography span.numbering {
  display: inline-block;
  min-width: 2em;
  text-indent: 0;
}

#bibliography ol, .bibliography ol {
		list-style-type: none;
}

/* =========== Bibliography h2 is for categories of entries (books, reviews, etc.) */
#bibliography h2, .bibliography h2 {
	font-weight: bold; 
	border-top-style: solid;
	margin-top: 10pt;
	margin-bottom: 0pt;
	counter-reset: booknum;
}

.bibliography div.category {
	font-weight: bold;
	margin-left: 0;
	text-indent: 0;
	margin-top: 10pt;
}

.bibliography ol > li > div {
	margin-left: 1.5em;
	text-indent: 0;
	margin-top: 10pt;
}


/* =========== First-level list items are titles (each of which can have multiple editions) */
/* #bibliography > ol { 
	list-style-type: decimal; 
} */
#bibliography > ol  > li, .bibliography > ol  > li { 
	font-weight: normal;
	border-top-style: none;
	margin-top: 10pt;
	margin-bottom: 0pt;
    text-indent: -2em;
    margin-left: 2em;
}
#bibliography > ol > li, .bibliography > ol > li { 
	list-style-type: none;
}
/*
#bibliography > ol > li:before, .bibliography > ol > li:before { 
	counter-increment: booknum;
	content: counter(booknum) ". ";
} */


/* =========== Bibliography h3 is for categories of entries (books, reviews, etc.) */
#bibliography h3, .bibliography h3 {
	margin-left: 1em;
}
#bibliography h4, .bibliography h4 {
	margin-left: 2em;
}


/* =========== Second-level items are specific editions (or the "Printings" fake heading) */
/*
#bibliography > ol > li> ol, .bibliography > ol > li> ol { 
	list-style-type: lower-latin; 
	counter-reset: level2;
}
*/
#bibliography > ol > li > ol > li, .bibliography > ol > li > ol > li { 
	font-weight: normal; 
	border-top-style: none;
	margin-top: 0pt;
	margin-bottom: 0pt;
    text-indent: ;
    margin-left: 0em;
	counter-increment: level2;
}
#bibliography > ol > li > ol > li.printing, .bibliography > ol > li > ol > li.printing { 	
}

/* =========== Third-level items are specific printings */

/*
#bibliography ol ol ol, .bibliography ol ol ol { 
	counter-reset: level3;
}

#bibliography ol ol ol li, .bibliography ol ol ol li { 
	display: block;
	list-style-type: decimal; 
}

#bibliography ol ol ol li:before, .bibliography ol ol ol li:before { 
	content: counter(level2, lower-alpha) "." counter(level3) " "; counter-increment: level3;
	list-style-type: decimal; 
}
*/

/* if a book title is in the first-level list items, italicize AND bold! */
/* elsewhere, merely italicize. */
span.book-title, cite {
	font-style: italic;
}
#bibliography ol.books li span.book-title, .bibliography ol.books li span.book-title {
	font-style: italic;
	font-weight: bold;
}


/* if a book title is in the first-level list items, italicize AND bold! */
/* elsewhere, merely italicize. */
span.book-title, cite {
	font-style: italic;
}
.quoted-bibliography ol.books li span.book-title {
	font-style: italic;
	font-weight: bold;
}



/* =============================================== EXTRACT ==================================================== */

#extract p.quote-by {
	margin-right: 60pt;
	text-align:right;
}

#extract p.closing {
	padding-left: 40ex;
}

div.logo a:link {
	text-decoration:none;
}

div.logo a img {
	border: none;
}

div.navbar {
	/* height: 100%; */
	height: auto;
	position: absolute;	/* formerly "fixed" to float */
	width: 150px;
	background-color:#576e11;
	border: none;
	left:0;
	top:0;
/*	bottom:0;	*/
	padding: 0;
/*	padding-top: 40px;
	padding-bottom: 0;
	padding-left: 10px;
	padding-right: 10px; */
}

div.navbar ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

div.navbar a {
	display: block;
	width: auto;
	padding: 10pt;
	border: 1pt;
}
/* ================= Navigation bar first-level items ===================== */

/* navbar based on http://www.w3schools.com/Css/css_navbar.asp */
/* note background color was previously #98bf21 but that failed WCAG Level AA below 18pt.*/

div.navbar a:link, div.navbar a:visited
{
	display:block;
	font-weight:bold;
	color:#FFFFFF;
	background-color:#576e11;
	width:130px;
	text-align:center;
	padding:10px;
	text-decoration:none;
	/* text-transform:uppercase; */
	border-bottom: 1px solid #fff;
}
div.navbar a:hover, div.navbar a:active, div.navbar a:focus
{
	background-color:#34420a;
}

div.navbar a.current, div.navbar li.current {
	font-weight: bold;
	background-color: #ffe;
	color: #006400; /* DarkGreen */
}

div.navbar a.current::before {
	content: "* ";
}

div.navbar li.current {
	font-weight: bold;
	background-color: #ffe; /* off-white */
	color: #006400; /* DarkGreen */
}

div.navbar li:last-child {
	border-bottom: #006400 solid thick;
}

/* ================= Navigation bar 2nd Level Items =================================================== */


div.navbar ul ul > li  a:link, div.navbar ul ul > li  a:visited {
	text-align:right;
	padding-right: 1em;
}


/* ================= Navigation bar Logo =================================================== */
div.navbar a.logo {
	margin: 0;
	width: 130px;
	padding-top: 40px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 40px;
	background-color: black;
	margin-bottom: 20px;
	color: white;
	font-size: larger;
	text-align: center;
}

div.navbar a.logo:focus 
{
	background-color: #A9A9A9; /* DarkGray */
}

/* ================= Writing Samples =================================================== */

#writings ul {
	list-style-type: none;
	padding-bottom: 0pt;
	margin-bottom: 0pt;
}

#writings h2 {
	padding-bottom: 0pt;
	margin-bottom: 0pt;
}

#writings li {
	margin-top: .5ex;
	padding-top: .5ex;
}

/* ================= News (blog) =================================================== */

#blog {
}

#blog p.older , #blog p.newer{
	font-weight: bold;
	font-size: larger;
	margin-left: 1em;
	margin-right: 5em;
	padding-left: 1em;
}

/* --- story-author-2 --- */

table.story-author-2 {
	margin-left: 4em;
	vertical-align: bottom;
}

table.story-author-2 td.story {
	vertical-align: top;
	text-indent: -2em;
	width: 325px; /* without this some story lengths are problematic, long enough to overlap with the author but not long enough to trigger wrapping! E.g. 2024-05-01 */
}

table.story-author-2 td.author {
	font-style: italic;
	padding-left: 1em;
	vertical-align: bottom;
    text-indent: -2em;
    margin-left: 2em;
}

table.story-author-2 tr.blank {
	height: .5ex;
}

table.story-author-2 tr.space-after td {
	padding-bottom: 1.5ex;
}

table.story-author-2 tr.space-before td {
	padding-top: 1.5ex;
}

dl.story-author-2 dt
{
	clear: left;
	float: left;
	width: 220px;
	margin: 0;
	padding: 5px;
}

dl.story-author-2 dd
{
	margin-left: 230px;
	padding: 5px;
	font-style: italic;
}

/* --- story-author --- */

table.story-author {
	margin-left: 4em;
	vertical-align: bottom;
}

table.story-author td.story {
	vertical-align: top;
    text-indent: -2em;
    margin-left: 2em;
}

table.story-author td.author {
	font-style: italic;
	padding-left: 1em;
	vertical-align: bottom;
    text-indent: -2em;
    margin-left: 2em;
}

table.story-author tr.blank {
	height: .5ex;
}

table.story-author tr.space-after td {
	padding-bottom: 1.5ex;
}

table.story-author tr.space-before td {
	padding-top: 1.5ex;
}

dl.story-author dt
{
	clear: left;
	float: left;
	width: 220px;
	margin: 0;
	padding: 5px;
}

dl.story-author dd
{
	margin-left: 230px;
	padding: 5px;
	font-style: italic;
}

/* --- --- */

#blog ul li {
	padding-bottom:.75ex;
}

#blog ul.paragraphs li {
	padding-bottom: 1em;
}

#blog ul.paragraphs li:last-child {
	padding-bottom: 0ex;
	margin-bottom: 0ex;
}

#blog ul li:last-child {
	padding-bottom: 0ex;
}
/* ---- */
ul.nobullet-noleading li {
	list-style-type: none;
	padding-left: 0ex;
	padding-bottom: 0ex;
}
ul.noleading li {
	padding-bottom: 0ex;
}
ul.nobullet {
	list-style-type: none;
	padding-left: 0px;
}
ul.nobullet li {
	padding-bottom: 1ex;
}
ul.nobullet li:last-child {
	padding-bottom: 0ex;
}
/* ---- */
#blog ol.nobullet {
	list-style-type: none;
	padding-left: 0px;
}
#blog ol.nobullet li {
	padding-bottom: 1ex;
}
#blog ol.nobullet li:last-child {
	padding-bottom: 0ex;
}
/* ---- */
#blog ul.noleading li {
	padding-bottom: 0ex;
}
/* ---- */

#blog p.sectionbreak {
	text-align: center;
}

#blog p.image-block {
	text-align: center;
	padding-left: 50px;
	padding-right: 50px;
	font-size: smaller;
}

#blog div.image-block {
	text-align: center;
	padding-left: 50px;
	padding-right: 50px;
	font-size: smaller;
}

#blog .center-block { /* this could be put on anything but isn't used yet */
	display: table;
	margin: 0 auto;
}

/* ------------------------ */
/* quoted table of contents 5 (2023-06-13) */
/* ------------------------ */

.quoted-toc-5 span.numbering {
  display: inline-block;
  min-width: 2em;
  text-indent: 0;
}

.quoted-toc-5 {
	list-style-type: none;
}

.quoted-toc-5 ol li { 
	font-weight: normal;
	border-top-style: none;
	margin-top: .5ex;
	margin-bottom: 0;
    text-indent: -2em;
    margin-left: 2em;
	padding-bottom: 0;
	list-style-type: none;
}


/* ------------------------ */
/* quoted table of contents 4 (2021-03-04) */
/* ------------------------ */

#blog ul.quoted-toc-4.nobullets {
	list-style-type: none;
	xtext-indent: -2em;
	xpadding-left: 2em;
}

#blog ul.quoted-toc-4.nobullets ul {
	list-style-type: none;
}
#blog ul.quoted-toc-4 {
	# list-style-type: none;
	padding: 0 0 0 2em;			/* top right bottom left */
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

#blog ul.quoted-toc-4 > li {
	font-weight:bold;
	padding: 0;
	margin-top: 1em;
	margin-right: 0;
	margin-bottom: 1em;
	margin-left: 0;
}

#blog ul.quoted-toc-4 > li.standalone {
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

#blog ul.quoted-toc-4.nobold  li {
	font-weight: normal;
}
#blog ul.quoted-toc-4.nospace  li {
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;	
}
#blog ul.quoted-toc-4 > li.section {
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	}

#blog ul.quoted-toc-4 > li > ul {
	font-weight:normal;
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 2em;
}
#blog ul.quoted-toc-4 > li > ul > li {
	padding: 0;
	margin: 0 0 0 0;
}

#blog ul.quoted-toc-4 > li > ul > li > ul {
	# list-style-type: none;
	padding: 0;
	# margin: 0 0 0 2em;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 2em;
	/* padding-bottom: 1em; */
}
#blog ul.quoted-toc-4 > li > ul > li > ul > li {
	padding: 0;
	margin: 0 0 0 0;
}

#blog ul.quoted-toc-4 > li > ul > li > ul > li > ul {
	# list-style-type: none;
	padding: 0;
	#margin: 0 0 0 2em;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 2em;
	/* padding-bottom: 1em; */
}
#blog ul.quoted-toc-4 > li > ul > li > ul > li > ul > li {
	padding: 0;
	margin: 0 0 0 0;
}

/* ------------------------ */
/* quoted table of contents 3 */
/* ------------------------ */
#blog ul.quoted-toc-3 {
	list-style-type: none;
	padding: 0 0 0 2em;			/* top right bottom left */
	margin: 0 0 0 0;
}

#blog ul.quoted-toc-3 > li.standalone {
	list-style-type: none;
	padding: 0;
	margin: 1ex 0 1ex 0;
}

#blog ul.quoted-toc-3 > li.section {
	list-style-type: none;
	padding: 0;
	margin: 1em 0 0 0;
	}

#blog ul.quoted-toc-3 > li > ul {
	list-style-type: disc;
	padding: 0;
	margin: 0 0 0 2em;
}
#blog ul.quoted-toc-3 > li > ul > li {
	list-style-type: disc;
	padding: 0;
	margin: 0 0 0 0;
}

#blog ul.quoted-toc-3 > li > ul > li > ul {
	list-style-type: circle;
	padding: 0;
	margin: 0 0 0 2em;
	/* padding-bottom: 1em; */
}
#blog ul.quoted-toc-3 > li > ul > li > ul > li {
	list-style-type: circle;
	padding: 0;
	margin: 0 0 0 0;
}

/* ------------------------ */
/* quoted table of contents 2 */
/* ------------------------ */
#blog ul.quoted-toc-2 {
	list-style-type: none;
	padding: 0 0 0 2em;
	margin: 0 0 0 0;
}

#blog ul.quoted-toc-2 > li.standalone {
	padding: 0;
	margin: 1em 0 1em 0;
}

#blog ul.quoted-toc-2 > li.section {
	padding: 0;
	margin: 1em 0 1em 0;
	}

#blog ul.quoted-toc-2 > ul > li {
	padding: 0;
	margin: 0 0 0 1em;
}

#blog ul.quoted-toc-2 > ul {
	/* list-style-type: none; */
	padding: 0;
	margin: 0;
	/* padding-bottom: 1em; */
}

/* quoted table of contents 1 */

#blog ul.quoted-toc {
	list-style-type: none;
	padding-left: 0; /* 2em */
	margin-left: 0;
	padding-bottom: 0; 
} 
#blog ul.quoted-toc > li { /* Sections: 1st level list items (e.g. I The Golden Age) */
	margin-top: 1em;	/* 2ex */
	margin-bottom: 1em;	 /* 0 */
}
#blog ul.quoted-toc > li.compact { /* Sections: 1st level list items (e.g. I The Golden Age) */
	margin-top: 0;	
	margin-bottom: 0;	
}
#blog ul.quoted-toc > li.no-space-before { /* Sections: 1st level list items (e.g. I The Golden Age) */
	margin-top: 0;	
	margin-bottom: 0;	
}
#blog ul.quoted-toc > li > ul { /* Essays: the list inside each Section */
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
	margin-top: 2ex;
	margin-bottom: 0;
}
#blog ul.quoted-toc > li > ul > li {	/* Essays: list items inside each Section (e.g. Some Notes On Ambrose Bierce) */
	padding-left: 0;
	margin-left: 0;
}
#blog ul.quoted-toc > li > ul > li > ul {	/* Portions: list inside one essay */
	list-style-type: none;
	padding-left: 0;
	margin-left: 1em;
}
#blog ul.quoted-toc > li > ul > li > ul > li {	/* Portion: list item inside one essay (e.g. I Bierce as Political Satirist) */
	padding-left: 0;
	margin-left: 0;
}

#blog ul.quoted-toc.shorts li {
	font-style: italic;
}
#blog ul.quoted-toc.shorts cite {
	font-style: normal;
}

#blog ul.quoted-toc.shorts cite {
	font-style: normal;
}

/* ------------------------ */
/* poetry */
/* ------------------------ */

#blog .poem {
	margin-left: 2em;
	margin-right: 2em;
}

#blog div.poem .front-matter {
	display: table;
	margin: 0 auto;
}

	#blog div.poem .front-matter .title {
		text-align: center;
		font-weight: bold;
		font-size: larger;
	}

	#blog div.poem .front-matter .subtitle {
		text-align: center;
		margin-bottom: 1em;
	}

#blog div.poem .text {
	display: table;
	margin: 0 auto;
}

	#blog div.poem div.text div.stanza {
		text-align: left;
	}

		#blog div.poem div.text div.stanza div.line {
			text-align: left;
		}

	#blog div.poem div.text div.stanza + div.stanza {
		margin-top: 1em;
	}


#blog div.poem .end-matter {
	display: table;
	margin: 0 auto;
}

/* ----------------------------------------------------------------------------------- */



/*
#blog p.older:before{
	content: "\021d2;"
}

#blog p.newer:before{
	content: "\021d0;"
}
*/

#blog p.updated {
	font-size: smaller;
	font-style: italic; 
}

#blog ul.short-stories li {
	font-style: italic;
}
#blog ul.short-stories li cite {
	font-style: normal;
}

/* ================= Photo Gallery =============================================== */

#photos h2 { margin-bottom: 3px; padding-bottom: 3px; border-top: 1px solid black;}

/* ================= Forthcoming =============================================== */

#forthcoming li {
	list-style-type: none;
	margin-bottom: 10pt;
}

/* ================= Sarnath Press =============================================== */
#press h2 {
	font-weight: bold; 
	border-top-style: solid;
	margin-top: 10pt;
	margin-bottom: 0pt;
	counter-reset: booknum;
}

#press h3 {
	margin-top: 20pt;
	margin-bottom: 6pt;
	font-size: inherit;
}

#press h3:before {
	content: counter(h2counter) ".\0000a0\0000a0";
	counter-increment: h2counter;
}

#press p {
	margin: 6pt 0 0 0;
}

#press cite cite {
	font-style: normal;
}

/* ================= Grammar Points =============================================== */

#grammar h2.small {
	font-size: inherit;
	font-weight: inherit;
	font-style: inherit;
}

#grammar blockquote {
	font-family: monospace, monospace;
}