body {
	font-family: "DejaVu Sans", Verdana, sans-serif;
	font-size: 81.3%; /* 10pt (13 px) */

	line-height: 1.6em;

	color: #333333;

	margin-top: 2em;

	padding-top: 1em;
	padding-bottom: 1em;

	column-count: 2;
}

@media screen and (orientation: portrait) {
	body {
		column-count: 1;
	}
}

@media screen and (max-width: 479px) and
	(orientation: portrait) {
	body {
		font-size: 62.5%; /*  8pt (10 px) */
	}
}

@media screen and (min-width: 480px) and (max-width: 800px) and 
	(orientation: landscape) {
	body {
		font-size: 50.0%; /*  6pt ( 8 px) */
	}
}

@media print and (orientation: portrait) {
	body {
		font-size: 62.5%; /*  8pt (10 px) */

		column-count: 2;

		/* column-count: 1; Bug in 32-bit windows chrome */
	}
}

@media print and (orientation: landscape) {
	body {
		font-size: 50.0%; /*  6pt ( 8 px) */

		column-count: 2;
	}
}

#headshot {
	float: left;
}

#headshot > img {
	width: 1em;
	height: 7.4em;

	padding-top: 1.1em;
	padding-left: 1em;
	padding-right: 0.8em;
}

@media screen and (max-width: 479px) and
	(orientation: portrait) {
	header {
		font-size: 62.5%; /* Shrink down the header for small screens */
	}
}

@media screen and (min-width: 480px) and (max-width: 800px) and 
	(orientation: landscape) {
	header {
		font-size: 62.5%; /* Shrink down the header for small screens */
	}
}

header {
	line-height: 1.6em;

	margin-top: 0.2em;
	margin-left: 2em;
	margin-right: 2em;
	margin-bottom: 0em;

	overflow: auto;
}

header > .box {
	width: 87%;

	background-image: url("/images/Desktop%20(1920x1080)%20-%20Transparency.png");
 	background-repeat: no-repeat;
	background-size: 100%;

	margin-left: 0em;
	margin-right: 0em;

	padding-top: 0.4em;
	padding-left: 2.4em;
	padding-right: 0.2em;
	padding-bottom: 1.2em;

	float: left;

	overflow: auto;
}

.box > div {
	margin-right: 2em;

	padding-top: 0.4em;
	padding-right: 1em;
	padding-bottom: 1em;

	float: left;
}

.box > div > ol {
	list-style-type: none;

	margin-top: 0em;
	margin-bottom: 0em;

	padding-top: 0.1em;
	padding-left: 0.2em;
	padding-bottom: 0.2em;
}

.box > div > ol > li {
	margin-top: 0.1em;
	margin-bottom: 0.1em;
}

.box > p {
	font-family: "DejaVu Serif", Georgia, serif;
	font-style: italic;

	margin-bottom: 0em;

	padding-left: 0.3em;

	clear: both;
}

.no-details {
	border-bottom-style: none;
}

nav > ol {
	list-style-type: none;

	padding-top: 0.2em;
	padding-bottom: 0em;
}

nav > ol > li {
	margin-top: 0.3em;
	margin-bottom: 0.3em;
}

a {
	text-decoration: none;

	border-bottom-style: solid;
	border-bottom-width: thin;
}

a:link {
   color: #2277cc;
}

a:visited {
   color: #6644cc;
}

@media print {
	a:visited {
		color: #2277cc;
	}
}

li {
	margin-top: 0.2em;
	margin-bottom: 0.6em;
}

code {
	font-family: "Anonymous Pro", Courier, monospace;
}

img {
	vertical-align: middle;
}

h1 {
	font-size: 2em;
	font-family: "DejaVu Serif", Georgia, serif;

	margin-top: 0.6em;
	margin-bottom: 0.2em;
}

details > summary {
	padding-bottom: 0.2em;
}

section {
	line-height: 1.6em;

	margin-left: 2em;
	margin-right: 2em;

	padding-top: 0.25em;
	padding-bottom: 0em;
}

h2 {
	font-size: 1.2em;
	font-family: "DejaVu Serif", Georgia, serif;

	border-bottom-style: ridge;

	padding-top: 0em;
	padding-left: 1.2em;
	padding-right: 0em;
	padding-bottom: 0em;
}

h2 a:link {
	color: #333333;
}

h2 a:visited {
	color: #333333;
}

h2 sup {
	margin-left: 0.2em;
}

section > div {
	margin-left: 1.8em;
	margin-right: 1.8em;

	padding-top: 1.2em;
}

section > p {
	margin-left: 1.8em;
	margin-right: 1.8em;
}

section > ul {
	list-style-type: none;

	font-weight: bold;

	padding-left: 1.8em;
	padding-bottom: 0.2em;
}

section > ul > li > ol {
	list-style-type: none;

	font-weight: normal;

	padding-left: 0.8em;
}

section > ol {
	list-style-type: none;

	font-weight: bold;

	padding-left: 1.8em;
	padding-bottom: 0.2em;
}

section > ol > li {
	margin-top: 1em;
}

section > ol > li > ol {
	list-style-type: none;

	font-weight: normal;

	padding-left: 0.8em;
}

section > ol > li > ol > li > details {
	font-weight: normal;
}

section > ol > li > ol > li > details > summary > span {
	border-bottom-style: solid;
	border-bottom-width: thin;
}

section > ol > li > ol > li > details > ul {
	list-style-type: circle;
}

section > ol > li > ol > li > details > ul > li > ol {
	list-style-type: none;

	font-weight: bold;

	padding-left: 0.8em;
}

section > ol > li > ol > li > details > ul > li > ol > li > ol {
	list-style-type: none;

	font-weight: normal;

	padding-left: 0.8em;
}

section > ol > li > ol > li > details > ol {
	list-style-type: none;

	font-weight: bold;

	padding-left: 1.8em;
}

section > ol > li > ol > li > details > ol > li > ol {
	list-style-type: none;

	font-weight: normal;

	padding-left: 1em;
}

section > ol > li > ol > li > details > ol > li > ol > li > details > summary > span {
	border-bottom-style: solid;
	border-bottom-width: thin;
}

footer {
	line-height: 1.6em;

	border-top-style: ridge;

	margin-left: 2em;
	margin-right: 2em;

	padding-bottom: 0.2em;
}

footer sup {
	margin-right: 0.2em;
}

footer > p {
	margin-top: 1em;
	margin-bottom: 0.6em;
}

footer > div {
	font-size: 0.8em;
	line-height: 1.6em;
}

footer > img {
	width: 4.4em;
	height: 1.3em;

	margin-top: 0.6em;

	padding-right: 1.1em;

	float: left;
}