body { background-image: url("images/tiles.png"); background-color: #4C5844; }

body > * { font-size: 1.3em; }

#container {
	margin: 1em auto;
	width: 960px;
	display: grid;
	grid-template-rows: 100px 30px 1fr 75px;
	grid-template-columns: 30% 70%; }

header {
	text-align: left;
	background-color: #282E22;
	border-radius: 20px 20px 0px 0px;
	grid-row: 1 / 2;
	grid-column: 1 / span 2; }

/* Grid stuff to get the desktop layout loaded */
nav { grow-row: 2 / 3; grid-column: 1 / span 2; }
aside { grid-row: 3 / 4; grid-column: 1 / 2; background-color: #3E4637; padding: 1em 1.5em; }
main { grid-row: 3 / 4; grid-column: 2 / 3; background-color: #3E4637; padding: 0 1em; }
footer { grow-row: 4 / 5; grid-column: 1 / span 2; background-color: #000; border-radius: 0px 0px 20px 20px; }
h1, h2, h3, h4, h5, h6 { text-align: left; }

.leftimg {
	margin: 1em;
	float: left;
	max-width: 128px; }

.rightimg {
	argin: 1em;
	float: right;
	max-width: 128px; }

.toc {
	display: block;
	position: sticky;
	top: 0.5em; }

.navlink { display: inline; border: none; }
.related { max-width: 65%; }
.toc h4 { text-align: center; }

#mobile_title { display: none; }