/* Hand-minimized styles. Absolutely no auto-generatedness here. -jk */
body {
	font-family: Linux Biolinum, DejaVu Sans, FreeSans, Droid Sans, Trebuchet MS, sans-serif;
	font-size: 0.85rem;
	line-height: 1.4;
	margin: 0;
}
#hd {
	background-color: #007888;
	color: white;
}
#hl { vertical-align: middle; padding: 2ex; line-height: 1.2; }
#hl h1 { margin: 0; font-weight: normal; display: inline-block; margin-right: 1ex; font-size: 2rem; }
#tl { margin: 1ex 0 0; display: inline-block; }

#n1 {
	background-color: #aaf8ff;
	padding: 0 2ex;
}

#main {
	margin: 2rem auto;
	padding: 0 2ex;
	max-width: 60rem;
}
a { color: #007888; text-decoration: none; }
a:visited { color: #666; text-decoration: underline; }
a:active, a:focus, a:hover { color: #007888; text-decoration: underline; }
#hd a, #ft a { color: white; }
#hd #n1 a { color: #003640; }

a.label, .navigation a, .pagination a, #hd a { padding: 0 0.5ex; }
a.label:hover,
.navigation a:hover,
.pagination a:hover,
.readlink a:hover {
	background-color: #00d8ee;
	color: black;
	text-decoration: none;
}
#n1 a { display: inline-block; padding: 1ex 1ex; margin-bottom: -3px; border-bottom: solid 3px white; }
#n1 a:hover { background-color: white; border-bottom: solid 3px #aaf8ff; }
#hd a:hover, #ft a:hover { text-decoration: none; background: white; color: #007888; }

.summary + .summary {
	margin-top: 4rem; border-top: solid 1px #007888;
}
.summary h2 { margin-bottom: 0; }
.summary time { margin-top: 0; margin-bottom: 1.5em; font-size: 85%; color: #003640; }

#hd nav a + a { margin-left: 1ex; }

h2, h3 { margin-top: 2em; }

h1 { font-size: 200%; }
.single h1 { margin-bottom: 0; }
.single .metas {
	margin-top: 0; padding-bottom: 0.5ex; margin-bottom: 1.5em;
	border-bottom: solid 1px #007888; 
	font-size: 85%;
	color: #003640;
}
hr { border: dotted #007888; border-width: 0 0 2px 0; margin: 2.5em 2ex; }
blockquote {
	margin: 1.5em 1em; padding: 1px 2ex;
	box-shadow: 1px 1px 3px #007888;
	position: relative;
}
blockquote::before {
	content: '“';
	font-size: 500%;
	color: #007888;
	font-family: Garamond, Times New Roman, serif;
	position: absolute; z-index: -1;
	left: -1.5ex; top: -0.5ex;
	opacity: 0.4;
}
blockquote::after {
	content: '”';
	font-size: 500%;
	color: #007888;
	font-family: Garamond, Times New Roman, serif;
	position: absolute; z-index: -1;
	right: -1.5ex; bottom: -1.5ex;
	opacity: 0.4;
}

.pagination { margin-top: 4em; font-size: 1.2rem; display: flex; flex-direction: row; }
.pagination a { padding: 1ex 2ex 0; text-align: center; border-bottom: solid 1px #007888; flex: 1 0 0; }
.pagination a:first-child { border-left: solid 1px #007888; border-bottom-left-radius: 9px; }
.pagination a:last-child { border-right: solid 1px #007888; border-bottom-right-radius: 9px; }
.pagination a.disabled { color: #ccc; cursor: not-allowed; pointer-events: none; }
.pagination a.active { border-bottom-width: 1ex; cursor: default; }
.comments { margin-top: 4em; padding-top: 0.5ex; border-top: solid 1px #007888; }
.comments h2 { margin-top: 1ex; }
.navigation {
	margin-top: 4em;
	padding: 0;
}
.navigation h2 {
	font-weight: normal; font-size: 125%; margin-bottom: 0;
	padding: 1ex; border: solid #00e0ee; border-width: 0 1px;
	background: #aaf8ff;
}
.nav-in { display: flex; flex-direction: row; }
.nav-in a { flex: 1 0 0; padding: 1ex 2ex; font-weight: bold; }
.nav-in a.prev { border: solid 1px #007888; border-bottom-left-radius: 9px; border-width: 0 0 1px 1px; }
.nav-in a.prev::before { content: '«'; }
.nav-in a.next { text-align: right; border: solid 1px #007888; border-bottom-right-radius: 9px; border-width: 0 1px 1px 0; }
.nav-in a.next::after { content: '»'; }
#ft { padding: 2ex; background-color: #007888; color: white; }
#fl { font-size: 75%; }
#copy { margin-top: 0.5ex; }
@media only print { .no-print { display: none; } }