body { display: flex; flex-wrap: wrap; font-size: 100%; font-family: sans; }
header.md { flex-basis: 100%; flex-shrink: 1; }
article.md, article.man { flex-basis: 60%; flex-grow: 3; padding-left: 1em; padding-right: 2em }
footer.md { flex-basis: 100%; flex-shrink: 1; }
header.md nav { display: flex; justify-content: space-between; }
nav a, header.md a { text-decoration: none ; color: inherit; }
header.md h1 span { margin-left: 1em; font-size: 50%; font-style: italic; }
body > nav { flex-basis: content; flex-shrink: 1; flex-grow: 1; padding-right: 3em; min-width: 15em; }
nav ul { display: flex; flex-direction: column; list-style-type: none; list-style-position: outside; padding-left: 0.6em;  }
nav li ul { padding-left: 0.6em }
footer.md { display: flex; justify-content: space-between; }



body { margin:0; padding: 0; font-size: 100%; font-family: "Fira Sans", "Droid Sans", Helvetica, Verdana, Arial, 'Liberation Sans', FreeSans, sans-serif; }
a { text-decoration: none; color: rgb(204,80,40); }
a:hover { text-decoration: underline; }
.thisPage { color: black; }


header.md nav { background-color: #a02030; color: white; padding: 0.3em; border-bottom: 0.2mm solid black; font-size: 91%; }
header.md h1 { background-color: #a02050; color: #ffe0ee; margin: 0; border-bottom: 0.2mm solid black; font-weight: normal; padding: 0.25ex; font-size: 250%; }



body > nav { border-right: 0.05em solid #ddd; padding: 0;  } 
body > nav > div { border-bottom: 0.05em solid #ddd; } 
body > nav > div a { color: rgb(0, 102, 204); display: block; font-weight: bold; border-style: none none none solid; border-left: 2mm solid transparent; padding: 1mm 2mm 1mm 0mm; font-size: 100%} 
body > nav > div a:hover { color: white; background-color: #a02030; border-style: none none none solid; border-left: 2mm solid black;padding: 1mm 2mm 1mm 0mm; text-decoration: none; }
body > nav > div p { font-weight: bold; margin: 0 0 0.5em 2mm; padding: 1em 0 0 0; }

@media screen and (max-width: 50em) {
	body > nav {
		width: 100%;
	}
	body > nav { flex-basis: 100%; flex-shrink: 1; flex-grow: 1; padding-right: 0; min-width: 10em; }
}


article.md { padding: 0.5ex 1vw 3ex 1vw;  }
article.md h1 { color: rgb(204,80,40); font-weight: 700; margin: 0.5em 0 0 0; border-bottom: 2px solid rgb(204,80,40); font-size: 215%; }
article.md h2 { color: rgb(204,80,40); font-weight: 700; margin: 0.5em 0 0 0; border-bottom: 2px solid rgb(204,80,40); font-size: 185%; }
article.md h3 { color: rgb(204,80,40); font-weight: 700; margin: 0.35em 0 0 0; font-size: 170%; }
article.md h4 { color: rgb(204,80,40); font-weight: 625; margin: 0.35em 0 0 0; font-size: 160%; }
article.md h5 { color: rgb(204,80,40); font-weight: 550; margin: 0.35em 0 0 0; font-size: 150%; }
article.md h6 { color: rgb(204,80,40); font-weight: 700; margin: 0.15em 0 0 0; font-size: 140%; }
article.md h7 { color: rgb(204,80,40); font-weight: 625; margin: 0.15em 0 0 0; font-size: 130%; }
article.md h8 { color: rgb(204,80,40); font-weight: 550; margin: 0.15em 0 0 0; font-size: 120%; }
article.md a { color: rgb(204,80,40); }
article.md a:hover { color:  rgb(224,10,90); }
article.md pre { font-size: 1.2em; font-family: "Fira Mono", "Roboto Mono", "Terminus", "xos4 Terminus", "SGI Screen", mono; }


footer.md { color: white; background-color: #a02030; }
footer.md a { color: inherit; }
footer.md div { padding: 1em; }


article.md > table { width: 95%; border: 0.05em solid rgba(128,128,128,0.5); padding: 0; }
article.md > table > thead > tr > th { color: white; background-color: #a02030; }
article.md > table > tbody > tr:nth-child(odd) { background-color: rgba(128,128,128,0.1); }


article.man { padding: 0.5ex 1vw 5vh 1vw;  }
article.man h1 { color: rgb(204,80,40); font-weight: 700; margin: 0.5em 0 0 0; border-bottom: 2px solid rgb(204,80,40); font-size: 215%; }
article.man h2 { color: rgb(204,80,40); font-weight: 700; margin: 0.5em 0 0 0; border-bottom: 2px solid rgb(204,80,40); font-size: 185%; }
article.man h3 { color: rgb(204,80,40); font-weight: 700; margin: 0.35em 0 0 0; font-size: 170%; }
article.man h4 { color: rgb(204,80,40); font-weight: 625; margin: 0.35em 0 0 0; font-size: 160%; }
article.man h5 { color: rgb(204,80,40); font-weight: 550; margin: 0.35em 0 0 0; font-size: 150%; }
article.man h6 { color: rgb(204,80,40); font-weight: 700; margin: 0.15em 0 0 0; font-size: 140%; }
article.man h7 { color: rgb(204,80,40); font-weight: 625; margin: 0.15em 0 0 0; font-size: 130%; }
article.man h8 { color: rgb(204,80,40); font-weight: 550; margin: 0.15em 0 0 0; font-size: 120%; }
article.man a { color: rgb(204,80,40); }
article.man a:hover { color:  rgb(224,10,90); }
article.man pre { font-size: 1.2em; font-family: "Fira Mono", "Roboto Mono", "Terminus", "xos4 Terminus", "SGI Screen", mono; }



article.man > table.tbl {
	border: 0.05em solid rgba(128,128,128,0.5); padding: 0;
}
article.man > table.tbl > tbody > tr:nth-child(1) {
	color: white; background-color: #a02030;
}
article.man > table.tbl > tbody > tr:nth-child(even) {
	background-color: rgba(128,128,128,0.1);
}
article.man > table.head {
	border: 0.05em transparent;
	background-color: transparent;
	width: 100%;
}
article.man > table.foot {
	border: 0.05em transparent;
	background-color: transparent;
	width: 100%;
}
article.man > table > tbody > tr > td.head-ltitle {
	color: rgb(204,80,40);
	font-weight: bold;
	margin: 0.5em 0 0 0;
	font-size: 85%;
}
article.man > table > tbody > tr > td.head-vol {
	text-align: center;
	color: rgb(204,80,40);
	font-weight: bold;
	margin: 0.5em 0 0 0;
	font-size: 85%;
}
article.man > table > tbody > tr > td.head-rtitle {
	text-align: right;
	color: rgb(204,80,40);
	font-weight: bold;
	margin: 0.5em 0 0 0;
	font-size: 85%;
}
article.man > table > tbody > tr > td.foot-date {
	text-align: left;
	color: rgb(204,80,40);
	font-weight: bold;
	margin: 0.5em 0 0 0;
	font-size: 85%;
}
article.man > table > tbody > tr > td.foot-os {
	text-align: right;
	color: rgb(204,80,40);
	font-weight: bold;
	margin: 0.5em 0 0 0;
	font-size: 85%;
}