body {
	height: 100vh;
	margin-top: 0ch;
	margin-bottom: 0ch;
	margin-left: 0ch;
	margin-right: 0ch;
	padding:0px;
	display: grid;
	grid-template-areas:
		"banner banner banner"  
		"linkfarm content past"
		". nav ."
		"footer footer footer" 
	;
	grid-template-columns: minmax(13em, 15%) 1fr minmax(11em, 15%);
	grid-template-rows: max-content 1fr 2ex max-content;

	background: rgb(255,248,220);
	/* background: url(bw-metal-pecker.jpg); */
	/* background-position: left top; */
        /* background-repeat: repeat; */
}
#banner {
	padding: .25ch;
	margin-bottom: 0px;
	background-color: rgb(210,180,140);
	Color: rgb(0, 255, 0);
	text-align: center;
	grid-area: banner;
	border-bottom-style: solid;
	border-color: green;
	font-family: sans-serif;
}

#banner h1, #footer h2 {
	Color: green;
	font-family: sans-serif;
}

#content {
	grid-area: content;
	padding-right: 1.5ch;
	padding-left: 1.5ch;
	padding-bottom: .5ch;
	width: 100%
	flex-direction: column;
	overflow-y: auto;
}

#post, .year {
	width: 96%;
	margin-bottom: .5ch;
	background-color: rgb(255,228,196);
	padding-top: 2ch;
	padding-bottom: 2ch;
	padding-right: 1em; padding-left: 1em;
}

#content h2, h3.date, h3.byline {
	Color: darkgreen;
}

#post h2 {
	font-size: 200%;
}

h3.date {
	font-size: 65%;
}

#linkfarm {
	grid-area: linkfarm;
	color: green;
	margin-left: 1.5ch;
	margin-right: 1.5ch;
	padding-right: .25ch;
	flex-direction: column;
	display: flex;
	overflow-y: auto;
}

#past {
	margin-left: 1.5ch;
	margin-right: 1.5ch;
	padding-right: 1.5ch;
	grid-area: past;
	padding-left: .25ch;
	color: green;
	display: flex;
	flex-direction: column;
	overflow-y: auto;
}

.sidebar {
	padding-top: .5ch;
	padding-bottom: 7ex;
	margin-bottom: 3ex;
	border-bottom-style: solid;
	border-color: rgb(139,69,19);
}

.sideheader {
	font-style: bold;
	font-size: 120%;
	font-family: sans-serif;
	font-weight: bold;
	margin-bottom: 1ex;
	margin-top: 2em;
	color: green;
}

.sideitem {
	font-size: 95%;
	margin-bottom: .75ch;
	margin-left: .5ch;
}

#footer {
	border-top-style: solid;
	border-color: green;
	padding: .25ch;
	margin-top: .25ch;
	margin-bottom: 0ch;
	padding-bottom: 3ch;
	
	background-color: rgb(213, 219, 225);
	text-align: center;
	grid-area: footer;
}

#tagbib {
	display: grid;
	grid-template-areas: "tagarea bibarea";
	grid-template-rows: max-content;
	grid-template-columns: 9fr 1fr;
}

#tags {
	grid-area: tagarea;
	font-style: italic;
	color: darkgreen;
	background-color: white;
	padding-bottom: 5ex;
	text-align: left;
}

#bib  {
	grid-area: bibarea;
	color: green;
	background-color: white;
	padding-bottom: 5ex;
	text-align: right;
}

.tag {
	background-color: rgb(255,228,196);
	margin-right: 1ch;
}

#nav {
	font-size: 80%;
	color: lawngreen;
	grid-area: nav;
	display: grid;
	grid:
		"prev this next" max-content
		/
		1fr 1fr 1fr
	;
}

#prev {
	text-align: left;
	grid-area: prev;
}

#next {
	text-align: right;
	grid-area: next;
}

#this {
	text-align: center;
	grid-area: this;
}

#linkfarm a, a:link {
	color: green;
}

#post #prev a, #post #this a, #post #next a, #post h2 a:link {
	color: green;
	text-decoration:none;
}

#post #prev a, #post #this a, #post #next a, #post h2 a:visited {
	color: darkgreen;
	text-decoration:none;
}

#post #prev a, #post #this a, #post #next a, #post h2 a:active {
	text-decoration:none;
}

#post #prev a, #post #this a, #post #next a, #post h2 a:hover {
	color:red;
	text-decoration:none;
}

.yearnum {
	font-size: 180%;
	font-style: bold;
	color: darkgreen;
}
.month {
	margin-left: 5ch;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.indexitem{
	margin-left: 10ch;
}

.tag_index {
	background-color: rgb(255,228,196);
	font-size: larger;
	padding-bottom: 2ex;
	color: darkgreen;
	padding-right: 2ex;
	padding-left: 2ex;
}

.tag_index_item {
	font-size: smaller;
	padding-left: 3em;
	color: lawngreen;
}