html {
	font-size: 100%;
}
body {
	font-family: sans-serif;
	color: #dfe9f0;
	background: #124 url('texture_bluelines.gif');
	margin: 0 auto;
	padding: 0.5em;
	text-align: center;
	max-width: 46em;
	line-height: 1.5;
}
article {
	font-family: serif;
}
a {
	text-decoration: underline;
	color: #9fa9ff;
}
a:hover {
	text-decoration: none;
	color: #bfcbff;
}
a:active {
	color: #d26;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-size: inherit;
	text-decoration: none;
}
body > * {
	margin: 1rem 0;
}
#siteid {
	font-family: "Arial Black", sans-serif;
	color: #f00;
	letter-spacing: 0.05em;
	font-size: 2rem;
	font-weight: bold;
}
#siteid > a {
	color: inherit;
	text-decoration: none;
}
#siteid > a:hover {
	color: #0ff;
	text-decoration: underline;
}

#fluff {
	font-family: monospace;
}

body > nav {
	margin-left: 3em;
	margin-right: 3em;
	padding: 0.2em;
	background: url('cb_black_50.gif');
	border: 2px ridge #eee;
}
body > nav > div {
	padding: 0.1em 0.5em;
	font-size: 0.8em;
	font-style: italic;
	text-align: right;
	font-weight: bold;
	border-bottom: 2px ridge #eee;
	color: #888;
}
body > nav ul {
	margin: 0;
	padding: 1em;
}
body > nav li {
	display: inline;
}
body > nav li:after {
	content: " • ";
}
body > nav li:last-child:after {
	content: "";
}

.warningbanner {
	background: url('stripes2_orbk.gif');
	padding: 0.1em 0;
}
.warningbanner > * {
	background: #000;
	color: #fff;
	font-family: Impact, monospace;
	padding: 0.25em;
	margin: 1em 0;
}

article {
	border: 4px ridge #eee;
	text-align: left;
	padding: 0.5em;
	position: relative;
	background: #00000044;
}
article > * {
	margin: 0.33lh 0;
}
article header {
	font-family: sans-serif;
	display: table;
	border-bottom: 2px ridge #eee;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0.69lh;
	padding-bottom: 0.33lh;
}
article header h1 {
	display: inline-block;
}
article header > * {
	display: table-cell;
	vertical-align: bottom;
}
article header a {
	text-decoration: none;
}
article header a:hover {
	text-decoration: underline;
}
.article_meta {
	text-align: right;
	font-size: 0.75em;
}
.article_id {
	font-weight: bold;
	font-size: 1.2em;
}
.article_id h1 {
	font-size: 1.3em;
}
article > p {
	text-indent: 1.125ex;
	text-align: justify;
}
article > blockquote {
	margin-left: 1.5ch;
	margin-right: 1.5ch;
	padding: 0.43em 1.5ch;
	border-left: 0.25ch solid #dfe9f0;
	font-size: 0.825em;
	background: #0003;
}
@keyframes article-highlight {
	from { background: #f808; }
}
article:target {
	animation: article-highlight linear 0.69s;
	background: #f002;
}
article:not(:target) a[href='#.'] {
	display: none;
}
article a[href='#.']::before {
	content: '☑';
	margin: 0 0.75ch;
}
article figure {
	text-align: center;
	background: #0005;
	border: 2px ridge #eee;
	margin: 0.69lh 1ch;
	font-size: 0.77rem;
	font-family: sans-serif;
}
article figure img {
	max-height: 2.666lh;
	max-width: 69%;
	margin: 0.25lh 0;
}
article figure figcaption:last-child {
	margin: 0 1.69ch;
	padding: 0.1lh 2ch;
	border-top: 2px ridge #eee;
}
.postarticle {
	display: flex;
}
.postarticle > * {
	flex: 1;
}

.ednote {
	font-size: 0.8em;
	font-style: italic;
}
/* ad nag */
#ad_modal {
	display: flex;
	position: fixed;
	z-index: 1337;
	inset: 0;
	width: 100vw;
	height: 100vh;
	padding: 0;
	margin: 0;
	background: #00000088;
	justify-content: center;
	align-items: center;
	text-align: center;
	line-height: 1.33;
	font-size: 0.88rem;
}
#ad_modal > * {
	max-width: 90ch;
	background: #246;
	border: 4px solid #ad5;
	padding: 4ch;
	margin: 5ch;
}