body {
	color:			#111;
	font:			90%/150% verdana, sans-serif;
	margin:			2.5% auto;
	max-width:		45em;
	width:			95%;
}

a:link {
	color:			#039;
}

a:visited {
	color:			#939;
}

a img {
	border:			0;
}

h1 {
	font-size:		190%;
	font-weight:		normal;
	line-height:		normal;
	margin:			0 0 2ex;
}

h2 {
	font-size:		150%;
	font-weight:		normal;
	line-height:		normal;
	margin-top:		2.5ex;
}

h3 {
	font-size:		120%;
	font-weight:		bold;
	line-height:		normal;
	margin-top:		2.5ex;
}

nav {
	line-height:		normal;
	margin-bottom:		2ex;
	text-align:		right;
}

nav a {
	text-decoration:	none;
}

ul {
	list-style:		disc;
}

ol.long > li,
ul.long > li {
	margin-top:		1ex;
}

ol.long > li p,
ol.long > li pre,
ul.long > li p,
ul.long > li pre {
	margin:			1ex 0;
}

ul.screenshots {
	line-height:		normal;
	list-style:		none;
	margin:			0;
	padding:		0;
}

ul.screenshots li {
	display:		inline-block;
	margin:			0 1ex 1ex 0;
}

ul.screenshots img {
	vertical-align:		bottom;
}

dt {
	font-weight:		bold;
	margin-top:		1ex;
}

code,
kbd,
pre,
samp {
	/*
	 * http://meyerweb.com/eric/thoughts/2010/02/12/fixed-monospace-sizing/
	 */
	font-family:		monospace, sans-serif;
}

pre {
	background:		#ddd;
	line-height:		140%;
	overflow:		auto;
	padding:		1ex;
}

pre var {
	font-weight:		bold;
}

table.contact {
	border-spacing:		0;
	line-height:		normal;
}

table.contact td {
	padding:		0;
	vertical-align:		top;
}

table.contact td + td {
	padding-left:		1em;
}

table.contact tr + tr td {
	padding-top:		0.4em;
}

aside.homepage-quote {
	display:		flex;
	justify-content:	flex-end;
}

aside.homepage-quote blockquote {
	font-size:		90%;
	margin:			4ex 0 0;
	padding:		0;
}

aside.homepage-quote cite {
	font-style:		normal;
}

aside.homepage-quote p {
	font-style:		italic;
	margin:			0;
}