body {
	max-width: 45em;
	text-align: left;
	font-family: sans-serif;
	margin: 1em 5% 3em 5%;
	background-color: GhostWhite;
}

code { font-family: monospace; }
hr { max-width: 45em; }


#hosted-by {
	float: right;
	padding: 0;
}

#hosted-by img {
	border-width: thin;
	border-style: solid;
	border-color: black;
	vertical-align: middle;
}


#page-nav ul {
	list-style-type: none;
	padding: 0;
}

#page-nav li {
	display: inline-block;
	padding: 0;
	padding-right: 1em;
}


#panel {
	float: right;
	width: 20%;
	margin-top: 2em;
	margin-bottom: 6em;
	margin-right: 8%;
	margin-left: 12%;
}

#logo {
	width: 100%;
	height: auto;
	margin-bottom: 2em;
}

#motto {
	font-family: serif;
	font-style: italic;
}


article h1 { font-size: 2em; }
article h2 { font-size: 1.5em; max-width: 35em; }
article p { padding-bottom: 0.1em; }

article li {
	max-width: 42em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}


#about address {
	float: left;
	margin-right: 0.25em;
}