nav {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	overflow: hidden;
}

nav img {
	float: left;
}

nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color: #228822;
}
ul.navimg { background-color: transparent; }
ul.navimg li {background-color: darkgrey; }

nav ul li { float: left; }
nav ul li a {
	display: block;
/*  	padding: 8px;*/
	color: #eeeeee;
	font-size: large;
	text-align: center;
/*	padding: 14px 16px*/;
	padding: 4px 8px;
	margin: 0px 1px 0px 0px;
	text-decoration: none;
}
nav ul li a.tag { background-color: #222222; }
nav ul li a:hover { background-color: #224422; }

table {
	border-collapse: collapse;
	margin: auto;
	margin-top: 10px;
	margin-bottom: 20px;
	width: 100%;
}

article{ 
	text-align: left;
	margin: auto;
	width: 100%;
	padding-bottom: 12px;
	padding-top 6px;
}

@media only screen and (min-width: 700px) {
	article{ width: 50%; }
}

body {
	position: relative;
	top: 64px;
}

a { color: green }
@media (prefers-color-scheme: dark) {
	body {
		background: black;
		color: white;
	}
	a { color: lime }
}

h2 {
	display: block;
	margin: auto;
	text-align: center;
}

img {
	max-width: 100% ;
}

header h1 {
	text-align: center ;
}

footer {
	text-align: center ;
	clear: both ;
}

/* For TAGLIST.HTML */
.taglist {
	text-align: center ;
	clear: both ;
}

/* For NEXTPREV.HTML */
#nextprev {
	/* The container for both the previous and next articles. */
}
#prevart {
	float: left ;
	text-align: left ;
}
#nextart {
	float: right ;
	text-align: right ;
}
#nextart,#prevart {
	max-width: 33% ;
}