body{
	background-color: #CCC;
	margin: 0;
	padding: 12px 0;
	font-family: system-ui, sans-serif;
	font-size: 18px;
	color: #222;
	line-height: 1.5;
}
#main{
	border-left: double 4px #524E4D;
	border-right: solid 1px #524E4D;
	max-width: 750px;
	width: calc(100% - 40px);
	padding: 28px 22px;
	background-color: #F2F2F2;
	margin-left: auto;
	margin-right: auto;
	color: #333;
}
#main ul{
	margin: 0 0 1em 1.2em;
	padding:0;
}
#main li{
	margin: 0.25em 0;
}
.subtitle{
	margin-top: 0.25em;
	font-size: 1.0em;
	color: #444;
}
h1, h2, h3{
	font-family: Georgia, serif;
}
h1{
	margin-top: 0; 
	line-height: 1.15;
}
h2, h3{
	margin-top: 1.6em;
	line-height: 1.25;
}
hr{
	border: 0;
	border-top: 1px solid #524E4D;
}
#navigation{
	width:100%;
	margin: 24px 0 0 0;
	border: 1px solid #524E4D;
	background-color: #CCC;	
	text-align:center;
	font-size:14px;
	padding:3px 0px;
}
#navigation a{
	padding: 0 6px;
	color:#222;	
	text-decoration:none;
}
#navigation .active{
	color:#444;
	font-weight:600;
}
#navigation a:hover{
	text-decoration:underline;
}
#navigation .sep{
	padding: 0 6px;
	color: #555;
}
.article{
	font-size:20px;
	font-weight:bold;
	text-decoration:none;
	color:#222;
}
.article:hover{
	text-decoration:underline;
}
.article_description{
	display: inline-block;
  	margin-left: 0.75em;
	color:#444;
}
.article_date{
	display: inline-block;
  	margin-left: 1.75em;
	font-size:12px;
	font-style:italic;
	color:#444;
}
.article.quiet{
	font-size:16px;
}
.epigraph{
	margin-top: -0.5em;
	margin-bottom: 1.25em;	
}
.section{
	color:#222;
	text-decoration:none;
}
.section:hover{
	text-decoration:underline;
}