html, body {
    margin: 0; padding: 0;
    font-family: Georgia, Gentium Book Plus, serif;
}
div#nav {
	position: fixed;
	z-index: 1; /* Stay on top */
	top: 0;
	left: 0;
	max-width: 20em;
	p.navhead { font-weight: bold; font-style: italic; }
	p.navbody { margin-left: 1.5em; }
}
div#content {
	margin: 0 auto;
	max-width: 40em;
	font-size: 120%;
	
	h1, h2, h3, h4, h5, h6, p.dates {
		font-family: Roboto Condensed, Trebuchet MS, sans-serif;
	}
	h1 { padding: 0.5em; font-size: 2.25em; }
	h1.page_name { margin-top: 0; }
	h2 { padding: 0.2em; padding-left: 0.6em; font-size: 1.6em; }
	h3 { padding: 0.15em; padding-left: 0.8em; font-size: 1.2em; }
	h4 {
		font-size: 1.1em;
		border-top-style: solid;
		border-top-width: 0.5em;
		padding-top: 0.25em;
		margin-top: 1.2em;
	}
	hr {
		width: 50%;
		margin-top: 2em;
		margin-bottom: 2em;
		border-width: 0.25em;
	}
	hr.fullwidth {
		width: 100%;
		margin-bottom: 0em;
	}
	p.timestamp {
		margin-top: 0.2em;
		font-style: italic;
	}
	
	span.parahead {
		font-weight: bold;
		font-style: italic;
	}
	span.nobreak {
		white-space: nowrap;
		padding-left: 0.75em;
		padding-right: 0.75em;
	}
	p { line-height: 1.42em; }
	span.checkbox { background-color: #7cb342; }
	p.todo__ { margin-top: 0.1em; margin-bottom: 0.1em; }
	video.stretch, img.stretch { width: 100%; }
	
	p.dates {
		margin-top: 2.5em;
		line-height: 2.0em;
		margin-bottom: 0.5em;
	}
	p.dates span.date {
		white-space: nowrap;
		padding: 0.20em;
		padding-left: 0.40em;
		padding-right: 0.40em;
		border-width: 0.15em;
		border-style: solid;
	}
	p.dates span.datehead {
		font-weight: bold;
	}
}