/* Body */

/* Generated content */

li#home-button::before { content: "☜ " }
li#updated-button::before { content: "🕔  " }
li#corrected-button::before { content: "☣ " }
/* 
li#best-button::before { content: "☘ " }
 */
li#best-button::before { content: "🍀 " }
li#search-button::before { content: "🔍 " }
li#subscribe-button::before { content: "➕ " }
li#guide-button::before { content: "📄 " }


/* Regular CSS */

html, body { margin: 0; padding: 0; 

	font: 1.1rem/1.6 "Sitka Text", Cambria, "Charis SIL", "Hoefler Text", Utopia, "Lucida Fax", "Palatino Linotype", "Georgia Pro", "Georgia Pro", Georgia, "Bitstream Vera Serif", "Lucida Sans", "Bitstream Charter", Charter, serif;
	color: rgb(13%,13%,13%);
	background: white;
	width: 100%;
		text-rendering: optimizeLegibility;
		-moz-font-feature-settings: "liga=1, pnum=1";
		-ms-font-feature-settings: "liga", "pnum";
		-webkit-font-feature-settings: "liga", "pnum";
		-o-font-feature-settings: "liga", "pnum";
		font-feature-settings: "liga", "pnum";
		font-variant-ligatures: common-ligatures;
		font-variant-numeric: proportional-nums;
	hanging-punctuation: first;
	font-variant-alternates: character-variant(cv01);  
	font-variant-alternates: styleset(alt-1);
}


#header-block, #header-block:hover {
	padding: 0 15% 0 20%;
 margin-bottom: 0;background: none; text-decoration: none;border:none;
	max-width: 37em;
	font-size: 1.1rem; line-height: 1.6;
 }

#content, .sitefooter {
	font: 1.4rem/1.7 "Sitka Text", Cambria, "Charis SIL", "Hoefler Text", Utopia, "Lucida Fax", "Palatino Linotype", "Georgia Pro", "Georgia Pro", "Georgia Pro", "Georgia Pro", Georgia, "Bitstream Vera Serif", "Lucida Sans", "Bitstream Charter", Charter, serif;

	color: rgb(13%,13%,13%);
	background: white;
	margin: 3em 15% 5% 15%; /*previously * * * 20%; narrowed due to wider photos*/ 
	max-width: 38em;
}

		@media only screen 
		 and (min-device-width: 320px) 
		 and (-webkit-min-device-pixel-ratio: 2)
		{
			#content, .sitefooter { margin: 0 5%; font-size: 1.24rem;}
		}

/* max-width and measure control */

#content p, #content ul, #content ol, #content dl, #content h2, #content h3, #content h4, #content h5, #content h6, #content h7, #content blockquote 
	{ max-width: 33em; } 


/* Footer has a rule above it */
#pagefooter { border-top: 2px solid #333; }

/* Typography and paragraphs */

p { margin-top: 0; margin-bottom: 0;}

/* Nested elements */
/* Dialogue markup */

#content .dialogue p { margin-bottom: 1ex; margin-bottom: 1lh; margin-left: 2em; text-indent: -2em;}
blockquote.dialogue p { text-indent: -2em;}

p { text-indent: 0; }
p+p { text-indent: 2.6em; }

		@media only screen 
		 and (min-device-width: 320px) 
		 and (-webkit-min-device-pixel-ratio: 2)
		{
			p+p { text-indent: 1.6em; }
		}

.noindent, .noindent p, .noindent li p, .noindent dd p, .catdesc, ins p, #content .dialogue p, #content .dialogue p+p, .byline + p
{
	text-indent: 0 !important;
}

blockquote p.noindent { margin-top: 0.5em }

ins.block
{
	text-decoration: none;
	margin-left: 2em;
}
.centre { text-align: center; }
.left { text-align: left;}
.right { text-align: right;}
.cursive {font-family: cursive; }
.fantasy {font-family: fantasy; }
.sansserif { font-family: "Avenir Next", Aptos, Avenir, "Fira Sans", Fira, "PT Sans", "Gill Sans Nova", Gill, "Gill Sans", Corbel, "Lucida Sans", system-ui, -apple-system-body, sans-serif; }
.small, .smaller { font-size: smaller; }
.block {display: block;}
cite, em { font-style: italic; }
.helvetica, .Helvetica { font-family: "Helvetica Neue", "Helvetica Condensed", "Helvetica Rounded", Helvetica; }

/* Byline (external only, not mine) */

.byline {font-family: cursive; margin-bottom: 2ex}

strong
{
	font-weight: bolder;
	letter-spacing: 0.1em;
}

abbr[title], acronym[title], span.jakob
{
	border-bottom: 1px dotted gray;
	text-transform: none;
}

/* blockquote */

blockquote
{
	font-family: "Avenir Next", Aptos, Avenir, "Fira Sans", Fira, "PT Sans", "Gill Sans Nova", Gill, "Gill Sans", Corbel, Corbel, "Lucida Sans", system-ui, -apple-system-body, sans-serif;
	margin-left: .8em; 
	font-size: 100%;
	line-height: inherit;
	text-align: left;
	border-left: .16em solid #999; /* formerly 3px */
	padding-left: .8em;
	color: rgb(9%,9%,9%);
}


blockquote blockquote
{
	margin-left: 2em;
	border-left: .08em solid gray; /* formerly 1px */
	font-size: 94%;
}

		@media only screen 
		 and (min-device-width: 320px) 
		 and (-webkit-min-device-pixel-ratio: 2)
			{
			blockquote { margin-left: 1em; padding-left: 0.75em; -webkit-hyphens: auto;
 -webkit-hyphenate-limit-before: 3;
 -webkit-hyphenate-limit-after: 3;
 -webkit-hyphenate-limit-chars: 6 3 3;
 -webkit-hyphenate-limit-lines: 2;
 -webkit-hyphenate-limit-last: always; 
 -webkit-hyphenate-limit-zone: 8%;

 -moz-hyphens: auto;
 -moz-hyphenate-limit-chars: 6 3 3;
 -moz-hyphenate-limit-lines: 2; 
 -moz-hyphenate-limit-last: always;
 -moz-hyphenate-limit-zone: 8%;

 -ms-hyphens: auto;
 -ms-hyphenate-limit-chars: 6 3 3;
 -ms-hyphenate-limit-lines: 2;
 -ms-hyphenate-limit-last: always; 
 -ms-hyphenate-limit-zone: 8%;

 hyphens: auto;
 hyphenate-limit-chars: 6 3 3;
 hyphenate-limit-lines: 2;
 hyphenate-limit-last: always; 
 hyphenate-limit-zone: 8%;
}
			blockquote blockquote { margin-left: 0.5em; padding-left: 0.75em; -webkit-hyphens: auto;
 -webkit-hyphenate-limit-before: 3;
 -webkit-hyphenate-limit-after: 3;
 -webkit-hyphenate-limit-chars: 6 3 3;
 -webkit-hyphenate-limit-lines: 2;
 -webkit-hyphenate-limit-last: always; 
 -webkit-hyphenate-limit-zone: 8%;

 -moz-hyphens: auto;
 -moz-hyphenate-limit-chars: 6 3 3;
 -moz-hyphenate-limit-lines: 2; 
 -moz-hyphenate-limit-last: always;
 -moz-hyphenate-limit-zone: 8%;

 -ms-hyphens: auto;
 -ms-hyphenate-limit-chars: 6 3 3;
 -ms-hyphenate-limit-lines: 2;
 -ms-hyphenate-limit-last: always; 
 -ms-hyphenate-limit-zone: 8%;

 hyphens: auto;
 hyphenate-limit-chars: 6 3 3;
 hyphenate-limit-lines: 2;
 hyphenate-limit-last: always; 
 hyphenate-limit-zone: 8%;
}
			}

blockquote strong, blockquote b 
{ font-weight: bolder; }

.mequote {
	border-left: 6px ridge black;
	font-weight: bold;
}

/* Blockquote inside list */
li blockquote { margin-left: 1em; }

blockquote h2 { font-family: Corbel, "Lucida Sans", sans-serif; }

blockquote ul li { margin-left: 2em; list-style-type: circle; }

blockquote ol li { margin-left: 2em;}

li blockquote h2, li blockquote h3 { margin-top: 0 }

		@media only screen 
		 and (min-device-width: 320px) 
		 and (-webkit-min-device-pixel-ratio: 2)
		 {
		 blockquote ul li, blockquote ol li { margin-left: 0.5em; -webkit-hyphens: auto;
 -webkit-hyphenate-limit-before: 3;
 -webkit-hyphenate-limit-after: 3;
 -webkit-hyphenate-limit-chars: 6 3 3;
 -webkit-hyphenate-limit-lines: 2;
 -webkit-hyphenate-limit-last: always; 
 -webkit-hyphenate-limit-zone: 8%;

 -moz-hyphens: auto;
 -moz-hyphenate-limit-chars: 6 3 3;
 -moz-hyphenate-limit-lines: 2; 
 -moz-hyphenate-limit-last: always;
 -moz-hyphenate-limit-zone: 8%;

 -ms-hyphens: auto;
 -ms-hyphenate-limit-chars: 6 3 3;
 -ms-hyphenate-limit-lines: 2;
 -ms-hyphenate-limit-last: always; 
 -ms-hyphenate-limit-zone: 8%;

 hyphens: auto;
 hyphenate-limit-chars: 6 3 3;
 hyphenate-limit-lines: 2;
 hyphenate-limit-last: always; 
 hyphenate-limit-zone: 8%;
}
		 }

/* Small caps */

.caps, .contentcaps
{
/* 	font-size: 90%; */
	letter-spacing: .1em;
	text-transform: uppercase;
	color: black;
	-moz-font-feature-settings: "c2sc", "smcp";
	-webkit-font-feature-settings: "c2sc", "smcp";
	font-feature-settings: "c2sc", "smcp";
	font-variant-caps: all-small-caps;
}

.lowercase, .lc { text-transform: lowercase; }

.ordinal, .ordinals {
 font-variant-numeric: ordinal;
 -moz-font-feature-settings: "ordn";
 -webkit-font-feature-settings: "ordn";
 font-feature-settings: "ordn";
}

code, .cc, .CC, samp, kbd, var, .monospaced
{
	font-family: Consolas, "TheSans Mono", "Thesis Mono", "TheSansMono-5 Normal", "Ubuntu Monospace", "Lucida Console", "Lucida Grande Console", "Lucida Sans Typewriter", "Andale Mono", monospace;
	font-size: 93%;
}

/* Emphasis uses italic no bold; deitalicization inside italicization */

em, cite, i 
	{ font-style: italic; font-weight: inherit }

cite em, cite i, em cite, em i, i cite, i em, cite cite, em em, i i 
	{ font-style: normal; font-weight: inherit }
	
 
/* Centred images in headings */


.centreborder, .centreborder img
	{
		text-align: center;
		border: 0;
		margin: 0 auto 0 auto;
	}
	
/* Comfortable margin for non-blog reuse */

body#body-id
	{ margin: 0 8% 0 8%; }
		
/* Top-of-page banner, 2006.09.16 */

/* Full banner width and colours */
#banner {
width: 100%;
color: white !important;
background: #9cf !important;
border-bottom: 3px solid #369;
text-align: center;
margin: 0 0 .1em 0;
padding: .1em 0 .1em 0;
}

/* Fonts and inline display */
#banner h1, #banner ul, #banner li
{
	display: inline;
	font-family:"Fira Sans", Fira, "PT Sans", "Avenir Next", Aptos, Avenir, "Gill Sans Nova", Gill, "Gill Sans", Corbel, Corbel, "Lucida Sans", system-ui, -apple-system-body, sans-serif;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

#banner ul, #banner li { font-size: 1em}

/* Margins */
#banner li.margin
{
	margin-right: 1em;
	margin-left: 1em;
	color: black;
}
li#li.last { margin-left: 1em; margin-right: 0;}


/* Links */
#banner a:link, #banner a:link:visited, #banner a:visited
{
	text-decoration: none;
	font-weight: normal;
	color: black;
	background: #9CF;
	border: 0;
	padding: .1em 0;
}

#banner a:link:hover, #banner a:link:focus, #banner a:link:active,
#banner a:visited:hover, #banner a:visited:focus, #banner a:visited:active
{
	text-decoration: none;
	border-bottom: 1px solid #60c;
	color: white !important;
	background: #60c !important;
	padding: .1em 0;
}

/* Hover effects */
div#banner:hover, #banner a:hover
{
	background: #9cf !important; /* formerly #309 */
	color: #60c !important;
	border-bottom: 3px solid #60c;
}

#li-last { color: gray !important; padding-left: 1em; cursor: help; font-size: 90%;}



/* Full-width top banner, 2006.11.09 */

/* Full banner width and colours */
#MP-banner {
width: 100%;
color: white !important;
/* 
background: #000062 !important;
 */
/* 
background: #850408 !important;
 */
background: #000062 !important;
text-align: center;
margin: /*1em 0 0*/ 0;
padding: 0;
}

		@media only screen 
		 and (min-device-width: 320px) 
		 and (-webkit-min-device-pixel-ratio: 2)
		{
			#MP-banner { font-size: 90%; }
		}

/* Fonts and inline display */
#MP-banner p
{
	display: inline;
	font-family: "Fira Sans", Fira, "PT Sans", "Avenir Next", Aptos, Avenir, "Gill Sans Nova", Gill, "Gill Sans", Corbel, Corbel, "Lucida Sans", system-ui, -apple-system-body, sans-serif;
	font-weight: bold;
	margin: 0.1em 0;
	padding: 0;
	letter-spacing: 0.1em;
}

/* Links */
#MP-banner a:link, #MP-banner a:link:visited, #MP-banner a:visited
{
	text-decoration: none;
	font-weight: normal;
	color: white;
	background: #000062;
	border-bottom: 1px solid #333;
	display: block;
	width: 100%;
	text-decoration-skip-ink: auto;
}

#MP-banner a:link:hover, #MP-banner a:link:focus, #MP-banner a:link:active,
#MP-banner a:visited:hover, #MP-banner a:visited:focus, #MP-banner a:visited:active
{
	text-decoration: none;
	border-bottom: 1px solid #60c;
	color: white !important;
	background: #369 !important;
}

#MP-banner .caps { font-size: 80%; letter-spacing: 0.1em }

.cursorhelp, .cursorhelp:hover { cursor: help; }



/* Headings */
h1, h1 a.permalink:link, h1 a.permalink:visited
{
	font-family: 
			Zapfino, "Zapfino One", "Zapfino Two", "Zapfino Three", 
			"Segoe Script",
			 "Zapf Chancery", "Zapf Chancery Medium Italic", "ITC Zapf Chancery", "ITC Zapf Chancery Medium Italic", "Zurich Calligraphic", 
			"Apple Chancery", 
			"Lucida Handwriting", 
			"Lucida Calligraphy",
			 "URW Chancery L", "URW Chancery L Medium Italic",
			"Caflisch Script", Gabriola, Poetica, "Ex Ponto", 	Sanvito,
/*
			"Snell Roundhand", 
			"Nuptial Script", 
			"Palace Script", 
			"Park Avenue", 
*/
			Poetica, 
			Shelley, 
			Kaufmann,
			"Monotype Corsiva", Corsiva, 
/*
			 "Bickley Script", 
			 "BriemScript", 
			 "Brush Script MT Italic", 
			 "Brush Script MT", 
			 "Brush Script", 
			 "Edwardian Script ITC", 
			 "Edwardian Script", 
			 "Freestyle Script", 
			 "French Script MT", 
			 "French Script", 
			 "Kunstler Script", 
			 "Matura MT Script Capitals", 
			 Matura,
			 "Mercurius Script MT Bold", 
			 "Mercurius Script MT",
			 "Mercurius Script",
			 Mercurius,
			 "Palace Script MT", 
			 "Palace Script"
			 "Script MT Bold", 
			 "Vladimir Script", 
*/
			 Chancery, 
			 Sand, 
			 Textile, 
			 Mead,
			 Script, 
		 	cursive;
	font-size: 110%;
	color: black;
	background: white;
	font-weight: normal;
	padding: 0px;
	text-align: left;
	margin: 0; margin-top: 1em;
	text-decoration: none;
	border: none;
	line-height: 275%;
	
}

		@media only screen 
		 and (min-device-width: 320px) 
		 and (-webkit-min-device-pixel-ratio: 2)
		{
			h1, h1 a.permalink:link, h1 a.permalink:visited { font-size: 1.24rem;}
		}

/* Not so much margin on first headling */
div#content + h1 { margin-top: 0; }

h1.roman
{
	font-family: Aptos, Avenir, "Sitka Heading", Calibri, "Segoe Sans", "Lucida Grande", "Lucida Sans", Lucida, "Bitstream Vera Sans", "PT Sans", sans-serif; 	
	font-size: 130%;
	background: white;
	border: none;
	color: black;
	font-weight: bold;
	margin: 1.5em 0 0 0;
	padding: 0px;
	text-align: left;
	text-decoration: none;
}

h2
{
	font-family: "Sitka Heading", Cambria, "Hoefler Text", "Palatino Linotype", Palatino, serif; 
color: rgb(12%,12%,12%);
	font-size: 125%;
	background: white;
	font-style: normal;
	font-weight: bold;
	margin-bottom: 0em;
	margin-top: 1em;
	text-align: left;
}

h3
{
	font-family: "Sitka Heading", Cambria, "Hoefler Text", "Palatino Linotype", Palatino, serif; 
	font-size: 125%;
	background: white;
	color: rgb(10%,10%,10%);
	font-style: normal;
	font-weight: normal;
	margin-bottom: 0em;
	margin-top: 1em;
	text-align: left;
}

h4
{	font-family: "Sitka Subheading", Candara, "Lucida Sans", Lucida, sans-serif; 
	font-size: 110%;
	background: white;
	color: rgb(10%,10%,10%);
	font-style: italic;
	font-weight: normal;
	margin-bottom: 0em;
	margin-top: 1em;
	text-align: left;
}

h5
{
	font-family: "Sitka Subheading", Calibri, "Georgia Pro", "Georgia Pro", "Georgia Pro", "Georgia Pro", Georgia, "Palatino Linotype", Palatino, serif;
	font-size: 110%;
	background: white;
	color: black;
	font-weight: normal;
	margin-bottom: 0em;
	margin-top: 1em;
	text-align: left;
}

h6
{
	font-family: "Sitka Text", alibri, "Georgia Pro", "Georgia Pro", "Georgia Pro", "Georgia Pro", Georgia, "Palatino Linotype", Palatino, serif;
	font-size: 110%;
	background: white; 
	color: black;
	font-style: italic;
	font-weight: normal;
	margin-bottom: 0em;
	margin-top: 1em;
	text-align: left;
}



/* a: Links general */

a:link
{
	color: black;
	background: white;
	font-weight: normal; 
	text-decoration: none;
	font-family: "Fira Sans", Fira, "PT Sans", "Avenir Next", Aptos, Avenir, "Gill Sans Nova", Gill, "Gill Sans", Corbel, Corbel, "Lucida Sans", sans-serif;
	border-bottom: 1px solid rgb(20%,20%,20%);
}

a:link.image-link-plain, a:hover.image-link-plain, a:focus.image-link-plain, a:active.image-link-plain, a:visited.image-link-plain
{
	text-decoration: none;
	border: none;
	background: none;
	opacity: .5;
}

a:visited, a.graf:visited
{
	color: #333;
	font-weight: normal;
	text-decoration: none;
	border-bottom: 1px solid rgb(30%,30%,30%);
	font-family: "Fira Sans", Fira, "PT Sans", "Avenir Next", Aptos, Avenir, "Gill Sans Nova", Gill, "Gill Sans", Corbel, Corbel, "Lucida Sans", sans-serif;
	background: white;
}

a:hover, a:visited:hover
{
	color: black;
	background: #9CF;
	text-decoration: none;
	border-bottom: 2px solid black;
 -webkit-transition: background-color .5s linear;
 opacity: 1; 
}

a:focus, a.graf:visited, a:active
{
	color: yellow;
	background: black;
	text-decoration: none;
	border: 1px dashed #FFCCCC;
}

/* For asides */

a:link.asides-permalink /*, a:hover.asides-permalink, a:focus.asides-permalink, a:active.asides-permalink, a:visited.asides-permalink*/
{
	text-decoration: none;
	border: none;
	background: none;
	color: blue;
	font-size: 120%;
}


/* Hover effect for h1 */

h1 a.permalink:hover 
{ color: #606; }

h2 a:link {	font-family: "Fira Sans", Fira, "PT Sans", "Avenir Next", Aptos, Avenir, "Gill Sans Nova", Gill, "Gill Sans", Corbel, Corbel, "Lucida Sans", sans-serif; 
color: rgb(5%,5%,5%);
	background: white;
	font-style: normal;
	font-weight: bold;
 text-decoration: none; border-bottom: 1px solid #c18d8d; letter-spacing: 0;}

h2 a:visited {	font-family: "Fira Sans", Fira, "PT Sans", "Avenir Next", Aptos, Avenir, "Gill Sans Nova", Gill, "Gill Sans", Corbel, Corbel, "Lucida Sans", sans-serif; 
color: rgb(5%,5%,5%);
	background: white;
	font-style: normal;
	font-weight: bold;
text-decoration: none; border-bottom: 1px solid #cad7d7; letter-spacing: 0;}

h2 a:hover {	font-family: "Fira Sans", Fira, "PT Sans", "Avenir Next", Aptos, Avenir, "Gill Sans Nova", Gill, "Gill Sans", Corbel, Corbel, "Lucida Sans", sans-serif; 
color: rgb(5%,5%,5%);
	background: white;
	font-style: normal;
	font-weight: bold;
text-decoration: none; border-bottom: 1px solid #09F; letter-spacing: 0;}

a:link img, a:hover img, a:visited img, a:focus img
{
	border: none;
	padding: 0;
	margin: 0;
	text-decoration: none;
	font-weight: normal;
}
/* Changed from a img 2005.12.28 18:40 */


/* ins del */

ins, del { color: rgb(35%,25%,35%); }
ins { text-decoration: none; border-bottom: 1px solid rgb(35%,25%,35%) }

ins.block-border
{
	display: block;
	text-decoration: none;
	background: #FFCC66;
	color: rgb(85%,85%,85%);
	border-top: 4px double #063;
}

.ed, .ed-noprint, .print-plain
{
	display: inline;
	color: rgb(9%,9%,9%);
	background: #EBEBEB;
	border: none;
	text-decoration: none;
	letter-spacing: .1em;
}

ins a:link, ins a:visited, ins a:hover, ins a:active, ins a:focus { background: #ccc;}

/* Links inside unstyled INS don’t look any different from normal links */
.plain, ins.plain a:link, ins.plain a:visited, ins.plain a:hover, ins.plain a:active, ins.plain a:focus
{
	text-decoration: none;
	border: none;
	background: none;
}


p ins, p del { display: inline }


/* hilite-border */

.hilite-border
{
	border: 2px dotted gray;
	padding: 0.25em;
}

.hilite-limegreen
{
	font-weight: bolder;
	color: rgb(85%,85%,85%);
	background: #33CC00;
	padding: 1px;
}

.hilite-yellow
{
	color: rgb(85%,85%,85%);
	background: #FFFFCC;
	margin-left: 2px;
	margin-top: 2px;
}

.hilite
{
	font-weight: bolder;
	color: black;
	background: #CCC;
	padding: 0 .33em;
letter-spacing: .1em
}

.hilite-pink
{
	font-weight: bolder;
	color: rgb(85%,85%,85%);
	background: #F39;
	padding: 1px;
}


.hilite-lavender
{
	font-weight: bolder;
	color: rgb(85%,85%,85%);
	background: #C3C;
	padding: 1px;
}

.hilite-mauve
{
	font-weight: bolder;
	color: rgb(85%,85%,85%);
	background: #909;
	padding: 1px;
}

.hilite-fuchsia
{
	font-weight: bolder;
	color: rgb(85%,85%,85%);
	background: #F09;
	padding: 1px;
}

.tableborder
{
	border: dashed 1px #333333;
	padding: 6px;
}

.hilite-DL
{ font-size: larger; 
border: 2px dotted #CCC;
padding: 0 0.25em 0.25em 0.25em;
margin: 0 5em 0 0;
}



/* Tables */

caption
{
	font-family: /*Verdana,*/ sans-serif;
	font-size: 90%;
	margin-top: 4px;
}

table.bugged { width: 90%; margin: 1em 0;
font-variant-numeric: tabular-nums; }


table.bugged tr td {
	border: 1px solid #CCC;
	padding: .3em;
}

table.bugged td p {
	text-indent: 0;
}

table.bugged thead th {
	border-top: 2px solid rgb(49,21,163);
	border-bottom: 2px solid rgb(49,21,163);
	border-right: 1px solid rgb(49,21,163);
	border-left: 1px solid rgb(49,21,163);
	text-align: center; 
	padding: 0.3em;
}
table.bugged thead th h2 {
	margin: 10px;
}
table.bugged tbody th {
	border: 1px solid #ccc;
	text-align: left;
	padding: .3em;
}

caption
{
	font-family: "PT Sans", "Avenir Next", Aptos, Avenir, Calibri, "Lucida Sans", "Lucida Grande", "Lucida Console", "Lucida Bright", Univers, "Univers 55", "Bitstream Vera Sans", sans-serif;
	font-weight: normal;
}

.noborder { border: none; }


/* For headers */

table { border-collapse: collapse; }

tbody tr th, th[scope=row]
{
	font-family: "PT Sans", "Avenir Next", Aptos, Avenir, Calibri, "Lucida Sans", "Lucida Grande", "Lucida Console", "Lucida Bright", Univers, "Univers 55", "Bitstream Vera Sans", sans-serif;
	font-weight: normal;
	font-size: 95%;
	text-align: left;
	vertical-align: top;
	padding: 3px;
}

thead tr th
{
	text-align: center;
	vertical-align: bottom;
}

.data
{
	border-bottom: 1px dotted #FC3;
	border-left: 1px dotted #FC3;
	border-right: 1px dotted #FC3;
	vertical-align: top;
	text-align: left;
	padding: 0 0.5em 0 0.5em;
}


/* Less whitespace when first item in a post is an h2 */

h1 + div.storycontent > h2:first-child { margin-top: 0; padding-top: 0 }

/* Images */

img[align="right"] { border: none; padding: 0 0 2% 2%;}
img[align="left"] { border: none; padding: 0 2% 2% 0; }
.alignright { border: 1px solid gray; float: right; margin: 0 0 .75em 1.5em; padding: 0.25em; clear: both;}
.alignright-plain { text-align: right;}
.outdent10 { margin-right: -10em; }
.outdent5 { margin-right: -5em; }
.outdent3 { margin-right: -3em; }
.outdent2 { margin-right: -2em; }
.outdent2 { margin-right: -2em; }

		@media only screen 
		 and (min-device-width: 320px) 
		 and (-webkit-min-device-pixel-ratio: 2)
		{
		.outdent10 { margin-right: 0; }
		.outdent5 { margin-right: 0; }
		.outdent3 { margin-right: 0; }
		.outdent2 { margin-right: 0; }
		.outdent2 { margin-right: 0; }
		}

/* Optional whitespace */

.whitespace 
{
	margin-top: 1.6em;
	margin-bottom: 1.6em; 
}


/* No borders around linked images */

 .noborder, .noborder img, a.noborder img, a:link img, a img, a:visited img, a:focus img, a:hover img, .image-link-plain
{
	border: 0 !important;
	text-decoration: none !important;
}





/* Datestamps and permalinks */
li a.datestamp:link, li a.datestamp:visited
{
/* 
	font-size: 100%;
 */
	font-family: "PT Sans", "Avenir Next", Aptos, Avenir, Corbel, "Trebuchet MS","Lucida Sans", "Lucida Grande", sans-serif;
	text-decoration: none;
	border: none;
	color: rgb(7%,7%,7%);
	background:white;
}

li a.datestamp:hover
{
	text-decoration: none;
	color: #46B6DE;
	background: white;
	border-bottom: 1px dashed #33F;
	border-top: none;
	border-left: none;
	border-right: none;
}



/* Search fields */

/* Bottom of page */

.search-input
{
	background: #333;
	color: rgb(85%,85%,85%);
	font-weight: bold;
}

.search-submit
{
	color: #CCC;
	background: #606;
}

input.s 
{ 
background: #CCC;
	color: black;
	font-family: Aptos, Avenir, Candara, Charcoal, "Lucida Sans", "Lucida Grande", sans-serif;
font-size: 90%;
	letter-spacing: 0.1em;
}
	
input.submit
	{ background: rgb(49,21,163);
	color: white;	
	font-family: system-ui, -apple-system-body, "Fira Sans", Fira, "PT Sans", "Avenir Next", Aptos, Avenir, "Gill Sans Nova", Gill, "Gill Sans", Corbel, Corbel, "Lucida Sans", sans-serif;
font-size: 80%;}

/* Page header */

input.s-top
{ 
background: white;
	color: black;
	font-family: Aptos, Avenir, Candara, Charcoal, "Lucida Sans", "Lucida Grande", /*Verdana,*/ sans-serif;
font-size: 90%;
border: 1px dotted gray;
height: 1em;
	letter-spacing: 0.1em;
}
	
input.submit-top
	{ background: white;
	color: black;	
font-size: 80%;}


/* Splorpist images with borders */

div.splorpist { margin: 0.5em 0 }

		@media only screen 
		 and (min-device-width: 320px) 
		 and (-webkit-min-device-pixel-ratio: 2)
		{
			div.splorpist img { max-width: 100%; }
			.alignright { max-width: inherit; }
		}

li div.splorpist { margin: 0 }

div.splorpist a:link img, div.splorpist img
{
	border: 3px solid #999 !important;
	text-decoration: none !important;
	margin: 0.5em 0;
}

/* Black border */
div.splorpist a:link img.blackborder, div.splorpist img.blackborder
{
	border: 3px solid black !important;
	text-decoration: none !important;
}

/* No border */
div.splorpist a:link img.borderless, div.splorpist img.borderless
{
	border: none !important;
	text-decoration: none !important;
}


/* One last futile attempt to get rid of borders on linked images */
a:link img, a:visited img, a:hover img, a:active img
	{ text-decoration: none !important; border: none !important; }


div.splorpist p
	{
	margin: 0;
	text-indent: 0;
	text-align: left;
	font-size: 90%;
	font-weight: normal;
	letter-spacing: 0.1em;
	font-family: Candara, /*Verdana,*/ "Georgia Pro", "Georgia Pro", "Georgia Pro", "Georgia Pro", "Georgia Pro", Georgia, sans-serif;
	}
	
/* Page footers */

.youarehere { font-size: smaller; font-family: serif; text-align: center; }
.updated { font-size: smaller; font-family: sans-serif; text-align: center; }


/* Forms */

fieldset { border: none; }


/* Do not display */

/* display: none */
.displaynone {display: none}
.noprint {@media print { display: none} }
.noscreen {@media screen {display: none} }

/* Footers for each post for printouts only (and Lynx) */
.noscreen { display: none; }

/* Make links in these footers look like normal text */	
div.noscreen a:link, div.noscreen a:visited, div.noscreen a:hover, div.noscreen a:focus { font-weight: normal !important; text-decoration: none !important; border: none !important; }

/* Photo cutlines right under an image */

.splorpist p.cutline
	{
	margin-left: 0;
	padding-left: 0;
	text-indent: 0;
	text-align: left;
	font-size: 90%;
	font-weight: normal;
	letter-spacing: 0.1em;
	font-family: Candara, Trebuchet, /*Verdana,*/ "Georgia Pro", "Georgia Pro", "Georgia Pro", "Georgia Pro", "Georgia Pro", Georgia, sans-serif;
	}

/* No border for certain images where the border clashes 

.noborder { border: none }

*/

/* Former WP-specific.css */
/* Page headers &c */

div.storycontent p:first-child {text-indent: 0; margin-top:0;}
/*First entry*/

div.content {margin-top: -4em;}
/*Container under header block*/

div#header-block {text-align: left; margin-top: -1em !important; margin-bottom: 0em !important; width: 100%;}
/* Turn back to text-align: right for non-macabre */


/* Graphical page header */

img#blog-header-img {margin-left: -140px;}
/* Back-kerns graphical page header */
/* Pre-Xmas value: -140px */
/* Xmas value: -117px */


/* No change on hovering of header graphic */

.image-link-plain a:link, .image-link-plain a:visited, .image-link-plain a:hover, .image-link-plain a:active { text-decoration: none; border: none; cursor: crosshair;}


/* futile and puny link to site tools */

p#header-block-p { 
	text-align: right;
	text-indent: 0;
	text-transform: uppercase;
	margin-top: -2em;
font-family: Candara, "Lucida Sans", "Lucida Grande", sansserif;
font-size: 70%;
}

#header-block-p a,#header-block-p a:link, #header-block-p a:link:visited, #header-block-p a:link:active, #header-block-p a:link:hover, #header-block-p a:link:focus
{
	text-decoration: none;
	font-weight: bold;
	border: none;
	font-weight: normal;
}

/* Don't print redundant site header for printable stylesheet */

div#text-only-h1 { display: none; }

/* More space if the first item is a table */

h1 + table { margin-top: 2em; }


/* Tables */

th { vertical-align: bottom; }
td {vertical-align: top;}


/* table.siteinfo begins */


/* Page footer */
table.siteinfo
{		font-family: "Lucida Sans", "Lucida Grande", "News Gothic MT", "Lucida Console", "Lucida Bright", Univers, "Univers 55", "Bitstream Vera Sans";
	font-size: 90%;
}

table.siteinfo th {
	text-align: center;
	vertical-align: top;
}

table.siteinfo tr td {
	border: 1px dotted #c9c;
	padding: 0.5em;
	vertical-align: top;
}

table.siteinfo td p {
	text-indent: 0;
}

table.siteinfo thead th, table.siteinfo tbody th {
	border-top: 2px solid #C9C;
	border-bottom: 2px solid #C9C;
	border-right: 1px solid #C9C;
	border-left: 1px solid #C9C;
	vertical-align: top;
	text-align: left;
}

table.siteinfo thead th h2 {
	margin: 10px;
}



/* For headers */
table.siteinfo tbody tr th, table.siteinfo th[scope=row]
{
	font-weight: bold;
	text-align: left;
	vertical-align: top;
	padding: 3px;
}

table.siteinfo thead tr th
{
	text-align: center;
	vertical-align: bottom;
}

.data
{
	border-bottom: 1px dotted #C9C;
	border-left: 1px dotted #C9C;
	border-right: 1px dotted #C9C;
	vertical-align: top;
	text-align: left;
	padding: 0 0.5em 0 0.5em;
}

table.siteinfo tr td ul
{list-style-type: none; 
margin: 0;
padding: 0;}

table.siteinfo tr td dl {margin: 0;}
table.siteinfo tr td dl dt, table.siteinfo tr td dl dd {margin-top: 0;}


table.siteinfo tr td ul ul
{ margin-left: 1em; padding-left: 0;}

table.siteinfo li { margin-top: 0; padding-top: 0; margin-bottom: 0.3em;}

/*
table.siteinfo a:link { text-decoration: none; border: none; }
*/

/* WordPress footer */

.credit { font-size: x-small; text-indent: 0; text-align: left; font-family: monospace; }


/* Interviews */

@media screen {
dt.moi, dt.moi > dd { color: white; } 
dt.guest1, dt.guest1 > dd { color: #FC0; }
dt.guest2, dt.guest2 > dd { color: #9FC }
}

dl.dialogue-list {
	border-left: 1px solid #ddd;
	margin-left: .25em;
	margin-right: 1em;
	padding-left: 15px;
}

/* hide from Mac IE5 \*/ 
dl.dialogue-list dt {
	clear: left;
	color: #000;
	float: left;
	margin: 0 1em 0 0;
	width: 7em;
}

dl.dialogue-list dd {
	margin: 0 0 .5em 0;
	padding: 0 0 0 8em;
	vertical-align: top;
}

dl.dialogue-list p {
	padding: 0;
	margin: 0;
}
/* END hide from Mac IE 5 */


/* Using definition list for photo captions */

dl.photos-left dt, 
dl.photos-centre { font-size: 100%; font-family: Candara, Optima, "Lucida Sans", "Lucida Grande", sans-serif;}

dl.photos-left dt, 
dl.photos-left dd { margin-left: 0; text-align: left;}

dl.photos-centre dt { margin: 0 auto; text-align: center; }

dl.photos-centre dd { margin: 0 12% 2em 12%; text-align: center; font-size: 95%;}

dl.photos-left dd ul li, dl.photos-centre dd ul li, dl.photos-left dd ol li, dl.photos-centre dd ol li { list-style-type: none; display: inline; }

dl.photos-left dd ul, dl.photos-centre dd ul, dl.photos-left dd ol, dl.photos-centre dd ol { margin: 0; padding: 0; }


/* Colours */

.aqua {color: aqua;}
.black {color: black;}
.blue {color: blue;}
.fuchsia {color: fuchsia;}
.grey, .gray {color: gray;}
.green {color: green;}
.lime {color: lime;}
.maroon {color: maroon;}
.navy {color: navy;}
.olive {color: olive;}
.purple {color: purple;}
.red {color: red;}
.silver {color: silver;}
.teal {color: teal;}
.white {color: white;}
.yellow {color: yellow;}

.inline { display: inline; }
.inline-list { list-style: none; }
.inline-list li { display: inline; }

/* Callouts */

.callout-grey
{
	color: black !important;
	background: #CCC !important;
	font-family: sans-serif !important;
	margin: 5% !important;
	padding: 0.5em !important;
	border: 2px dashed #666 !important;
	text-indent: 0 !important; 
}

/* Indents */

.indent-1em { text-indent: 1em; }
.indent-halfem { text-indent: .5em; }
.indent-2em { text-indent: 2em; }
.indent-5em { text-indent: 3em; }


/* In photo galleries using dl-dt-dd */

.img-dek
{
	text-align: left;
	margin: 0 10% 1em 10%;
	font: 90% italic serif;
}

/* Permanent link & datestamp LI to be flush left, no bullets */

div.meta { font-size: 90%; margin-bottom: 2em; margin-top: 1em; max-width: 40em; }
div.meta ul.meta-ul { text-indent: 0; margin-left: 0em; list-style-type: none;}
div.meta ul.meta-ul li, #pagebottom ul li { margin-top: 0; margin-bottom: 0 }
div.feedback {font-size: 90%; margin-bottom: 0.5em; margin-top: 0;}

/* For search area */

h2 + h3 { margin-top: 0;}


/* Lists */

/* In general */

ul, ol { margin-left: 0; padding-left: 0; /* margin-left: -1em; */ }
ul { list-style-type: "¶ " }

		@media only screen 
		 and (min-device-width: 320px) 
		 and (-webkit-min-device-pixel-ratio: 2)
		{
			ul, ol { margin-left: 0.5em;}
		}

/*blockquote ul, blockquote ol { margin-left: 2em }*/
dt, dd { margin-top: 1em; }
li { margin-top: 1em; margin-bottom: 1em; margin-left: 0.5em;}
/* 
h1 + li, h2 + li, h3 + li, h4 + li, h5 + li, h6 + li
	{ margin-top: 0; }
 */

/* Top-margin control */
#content p + ol, #content p + ul { margin-top: 0em; margin-bottom: 1em; }

/* Lists with no numbering and/or margin */
.typenone, .none, 
.none-nomargin li {list-style-type: none; margin-left: 0; padding-left: 0;}

.none-nomargin, .none-noindent, .none-nomargin li, .none-noindent li
	{ list-style-type: none; margin-left: 0; padding-left: 0 }

/* Bullet variants */ 
.nobullet {
			list-style-type: none; margin-left: 0; padding-left: 0;
			}
.nobullet .nobullet { margin-left: 2em; }
ul ul { list-style-type: circle }

/* Lists inside cells */

td ol, td ul, td dl { margin-left: 0.5em; padding-left: 0.5em;}
td ol li, td ul li { margin-left: 0.5em; padding-left: 0.5em;}


/* Lists inside lists */

li ol, li ul, li dl { margin-left: .5em; padding-left: 0 }

li ol li, li ul li { margin-left: .5em; padding-left: 0}

/* List types */

.typedisc { list-style-type: disc }
.typecircle { list-style-type: circle }
.typesquare { list-style-type: square }
.typei { list-style-type: lower-roman }
.typeI { list-style-type: upper-roman }
.typea { list-style-type: lower-alpha }
.typeA { list-style-type: upper-alpha }

/* Lists that enclose asides */

ul.asides-list { list-style-type: none;
text-indent: 0;
margin-left: 0;
padding-left: 0;
}


/* Whitespace reduction */

/* No extra space after heds */
h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p, h1 + blockquote, h2 + blockquote, h3 + blockquote, h4 + blockquote, h5 + blockquote, h6 + blockquote, h1 + ul, h2 + ul, h3 + ul, h4 + ul, h5 + ul, h6 + ul, h1 + ol, h2 + ol, h3 + ol, h4 + ol, h5 + ol, h6 + ol, div.storycontent + ul, div.storycontent + ol
{
	margin-top: 0; /* margin-bottom: 0; */
}

h1 + h2, h2 + h3, h3 + h4, h4 + h5, h5 + h6
{
	text-indent: 0;
	margin: 0;
}


/* Horizontal rules */

hr
{
	margin-top: 1.2ex;
	margin-bottom: 1.2ex;
	margin-top: 1.2lh;
	margin-bottom: 1.2lh;
}

.w25 { width: 25%; }
.w33 { width: 33%; }
.w50 { width: 50%; }
.w66 { width: 66%; }
.w75 { width: 75%; }
.w80 { width: 80%; }




/* Additional typography */

.u { font-style: normal; text-decoration: underline; }
.italic { font-style: italic; }
.romantype, .roman { font-style: normal; }
.verdana, .Verdana { font-family: "Verdana Pro", Verdana }
/* IPA */
.IPA { font-family: "Lucida Grande", "Gentium SIL", Gentium, IPARoman, "Times New Roman", serif; 	white-space: nowrap;
}

/* Copyright statement */

.copyright {
text-indent: 0;
font: 70% Calibri, "Lucida Sans", "Lucida Grande", /*Verdana,*/ "PT Sans", sans-serif;
font-style: italic;
letter-spacing: .1em;
color: #333
}

/* Scrollable DIV for archives by month */

.wp-category-div { margin: 0.25em; padding-left: .5em; padding-right: .5em;
width: 95%;
height: 15em; 
border: 1px solid gray; 
overflow: auto; }

.wp-category-list, .wp-category-list ul { list-style-type: none; }

.wp-category-list li a:link { border-bottom: none; text-decoration: none; }