* { margin: 0; padding: 0; font-family: Lato; color: #405316; }
html {
	background-image: url(header_fade.png);
	background-repeat: repeat-x;
	background-size: auto 100%;
	min-height: 100%;
	width: 100%;
	padding: 2rem 0 0 0; margin: 0;
}
a { color: #6666ff; }
h1, h2, h3, h4, h5, h6 { font-family: Raleway; }
h2 { margin: 2rem 0 1rem 0; }
ul { margin: 10px 0 0 50px; }
ul li { text-align: left; margin-bottom: 0.5rem; }
p { height: 1em; line-height: 1em; display: inline-table; margin: 0.65rem 0; }

#header { text-align: center; padding-bottom: 2rem; border-bottom: 1px solid #e1efc2; }
#header #logo { width: 160px; padding: 0.5rem 1rem; }
#header h1 { margin: 0.5rem 0 1.5rem 0; color: #5b7720; }
#header #tagline { font-family: Raleway; font-size: 1.2rem; font-weight: 400; width: 70%; margin: auto; color: #5b7720; }


div#bodyContent {
	text-align: center; font-size: 1.1rem;
	margin: 3rem auto; width: 60%;
}
.screenshot { width: 50%; margin: 1rem auto; }

div.content {
	width: 900px;
	margin: 25px auto 0 auto;
}