/* Body */

body
{
	font: 1.1rem/1.6 "Sitka Text", Cambria,  "Charis SIL", "Hoefler Text", Utopia, "Lucida Fax", "Palatino Linotype", 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-numeric: proportional-nums;
	hanging-punctuation: first;

/* 
	font: 1em/1.55  Calibri, "Lucida Sans", "Trebuchet MS", "Bitstream Vera Sans", Gill, "Gill Sans", sans-serif;
	color: rgb(12%,12%,12%);
	background: white;
	margin: 0 auto;
    text-align: center;
 */
 
}

		
/* Top navbar */
.header ul { 
display : block;
background : #CCC;
border-bottom: 0.1em solid #CCC;
color : white;
font-family : Candara, "Lucida Grande", "Lucida Sans", "Trebuchet MS", sans-serif;
font-size : 90%;
margin : 0;
letter-spacing : 0.1em;
width : 100%;
/* JSM added */
float: left;
} 
.header li, .header li form { 
display : inline;
padding-right : 2em;
} 
.header li.last { 
padding-right : 0;
} 
.header li a:link, .header li a:visited { 
text-decoration : none;
border-bottom: none;
padding-left : 0.1em;
color : black;
background : #CCC;
/* JSM added */
display:block;
float: left;
padding: .5em;
} 
.header li a:hover { 
color : white;
background : blue;
} 
.header li a:hover strong { 
color : white;
} 
/*
.header ul:hover { background: rgb(15%,15%,15%); 
border-bottom: 0.1em solid rgb(15%,15%,15%);}
*/


/* Nameplate */

#nameplate { margin-top: 0.5em; width: 100% }
@media only screen 
		  and (min-device-width: 320px) 
		  and (-webkit-min-device-pixel-ratio: 2)
		{
			#nameplate { margin-top: 0.5em; width: 90%}
		}


/* Layout */

#bodycopy {
		width: 650px;  margin-left: auto; margin-right: auto;
			}

#maintext { /* width: 650px; */ max-width: 30em; }


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

/* Typography */

ul { list-style-type: square; }

.noindent { text-indent: 0; }

.grey
{
	color: gray;
	background: white;
}


.updated, .youarehere
{
	font-family: Calibri, "Gill Sans", "Trebuchet MS", "Lucida Grande",  Sans-serif;
	font-size: 11px;
	letter-spacing: 2px;
	text-align: left;
	margin-left: 0;
	margin-top: 1.5em;
	line-height: 1.1em;
}

abbr, acronym, span.jakob
{
	border-bottom: 1px dotted #000000;
	text-transform: none;
}

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

hr
{
	margin-top: 1.5ex;
	margin-bottom: 1.5ex;
}

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%;
}

fieldset { border: none; }

.cursive { font-family: cursive; font-weight: normal; }

.right { text-align: right; text-indent: 0}


/* Paragraphs */

p { text-indent: 0; margin: 0 5% 0.5ex 1.5em;  text-align: left; }
p+p { text-indent: 1.5em }


/* Headings */

div + h1 { margin-bottom: 0; }

h1 {
	padding: 0; margin: 0;
	text-align: center;
	margin: 0 0 0 0;
	border: none;
}

h2
{
	font-family:  Cambria, "Hoefler Text", "Palatino Linotype", Palatino, "News Gothic MT", "Trebuchet MS", "Chaparral Pro", "Warnock Pro",serif; 
color: #333;
	background: white;
	font-size: 120%;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	margin-top: 1.2em;
	margin-bottom: 0em;
}
/*h2:after { content: "↓" }*/


h3
{
	font-family:  Cambria, "Hoefler Text", "Palatino Linotype", Palatino, "News Gothic MT", "Trebuchet MS", "Chaparral Pro", "Warnock Pro",serif; 
	font-size: 115%;
	font-weight: normal;
	font-style: italic;
	color: rgb(10%,10%,10%);
	background: white;
	text-align: left;
	margin-top: 1.2em;
	margin-bottom: 0;
}
#current:after { content: " ☞" }

h4
{	font-family: Calibri, TheSans, TheMix, Caecilia, "News Gothic MT", "Bitstream Vera Sans", Verdana, Trebuchet, "Trebuchet MS",  sans-serif; 
	font-size: 115%;
	text-align: left;
	font-weight: normal;
	font-style: italic;
	color: rgb(10%,10%,10%);
	background: white;
	margin-top: .5ex;
	margin-bottom: 0em;
}

h5
{
	font-family: Corbel, Georgia, "Palatino Linotype", Palatino, "Adobe Garamond", AGaramond, Trebuchet, "Trebuchet MS", serif;
	font-size: 110%;
	font-weight: normal;
	color: black;
	background: white;
	text-align: left;
	margin-top: .5ex;
	margin-bottom: 0em;
}

h6
{
	font-family: Corbel, Georgia, Palatino, "Adobe Garamond", AGaramond, Trebuchet, "Trebuchet MS", serif;
	font-size: 110%;
	text-align: left;
	font-style: italic;
	font-weight: normal;
	margin-top: .5ex;
	margin-bottom: 0em;
	color: black;
	background: white; 
}


/* a: Links */

a:link
{
	color: #039;
	background: white;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px dotted gray; 
}

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

a:visited
{
	color: #363;
	background: white;
	font-weight: normal;
	text-decoration: none;
	border-bottom: 1px dotted #360;
}

a:link:hover
{
	background: #69C;
	color: white;
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px dotted #999; 
}

a:visited:hover
{
	background: #6C3;
	color: white;
	font-weight: normal;
	text-decoration: none;
	border-bottom: 1px dotted #999; 
}

a:link:focus
{
	color: blue;
	background: white;
	font-weight: bold;
	text-decoration: none;
	border: 1px dashed #FFCCCC;
}



a img, a:hover img, a:visited img, a:focus img
{
	border: none;
	padding: 0;
	margin: 0;
	text-decoration: none;
	font-weight: normal;
}

/* Lists */
li, dt, dd { margin: 0; padding: 0; }
ol, ul, dl {margin: 0 0 0 2em; padding: 0;}


h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p, h1 + ul, h2 + ul, h3 + ul, h4 + ul, h5 + ul, h6 + ul, h1 + ol, h2 + ol, h3 + ol, h4 + ol, h5 + ol, h6 + ol
{
	margin-top: 0;
	padding-top: 0;
}

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

/* Searchbox */

form#searchform { margin-top: 0.25em; cursor: help; margin-left: auto; margin-right: auto; text-align: center; }

#qall
{
	background-color: #CCC;
	color: black;
	font-weight: bold;
	text-shadow: #63F 1px 1px 2px;
}

#search-submit
{ border-width: 1px;
	color: white;
	background-color: #039;cursor: pointer; 
}

#searchform #search-q { background: #f5f5f5; border: 1px #333 solid; padding: 0.2em; letter-spacing: 0.2em; }

#searchform #search-q:focus { background: #336; color: #FFC; }




/* Signature */

.signature { text-align: right; margin-right: 2em; font-family: cursive; padding-top: 1em; padding-bottom: 2em;}

	
/* Alignment for strict mode */

.alignleft { text-align: left; }
#photo img { border: 3px solid gray; }

/* Hide items */

.structurelabel
	{
		position: absolute;
		left: -5000px;
		width: 4000px;
	}


/* Lists */
ul, ol, dl { text-align: left; margin: 0 0 0.5ex 2.5em;  }

.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 }
.typenone { list-style-type: none }