body {
	font-family: sans-serif ;
	color: #a89984 ;
	background: #282828 ;
	border-color: #1d2021 ;
	outline-color: #1d2021 ;
}

main {
	max-width: 800px ;
	margin: auto ;
}

img {
	max-width: 100% ;
}

header h1 {
	text-align: center ;
}

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

h1, h2, h3, h4, h5, h6 {
	text-align: center;
	background: #1d2021 ;
}

h1, h2 {
	color: #98971a ;
}

h3, h4 {
	color: #d79921 ;
}

h5, h6 {
	color: #d65d0e ;
}

a {
	text-decoration: none ;
	color: #689d6a ;
	background: #282828 ;
}

a:link {
	color: #458588 ;
}

a:visited {
	color: #b16286 ;
}

a:hover {
	color: #d79921 ;
	background: #1d2021 ;
}

a:active {
	color: #d65d0e ;
}

.image {
	margin: auto ;
}

.qr {
	max-width: 150px ;
	padding: 10px ;
}

p img, li img, h1 img, h2 img, h3 img, h4 img {
	max-height: 1em ;
	max-width: 1em ;
}

pre {
	white-space: pre-wrap ;
}

code {
	overflow-wrap: break-word ;
	color: #add8e6 ;
}

.normal {
	align: center ;
}

.normal img {
	margin: auto ;
	max-width: 90% ;
	max-height: 400px ;
	display: block ;
}

figcaption {
	text-align: center ;
	display: block ;
	font-style: italic ;
}

hr {
	border-top: 0.5px solid #131516 ;
	border-bottom: 0.5px solid #1D2021 ;
}

table, nav ul {
	margin: 0 auto ;
}

td, th {
	padding-right: .5em ;
	padding-left: .5em ;
	max-width: 500px ;
	border-collapse: collapse ;
}

nav ul {
	padding: 0 ;
	display: table ;
}

/* 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% ;
}