body {
	margin: 50px 0;
	background-image: url('background-2.jpg');
	background-repeat: repeat;
	color: #008B8B;
}

.page {
	max-width: 800px;
	margin: 0 auto;
	padding: 35px;
	background-color: #FFF8DC;
	border: 1px solid #000000;
	box-sizing: border-box;
}

.site-header {
	text-align: center;
}

.site-header img {
	max-width: 100%;
	height: auto;
}

hr {
	height: 2px;
	border-width: 0;
	background-color: #000000;
	margin: 20px 0;
}

p, td, tr {
	font-family: verdana, sans-serif;
	font-size: 14px;
	color: #333333;
}

p.footnote, .site-footer p {
	font-family: verdana, sans-serif;
	font-size: 12px;
	color: #808080;
}

h1 {
	font-family: verdana, sans-serif;
	font-size: 18px;
	color: #808080;
	margin: 20px 0 10px;
}

h2 {
	font-family: verdana, sans-serif;
	font-size: 16px;
	color: #000000;
	margin-top: 30px;
}

.subtitle, .byline, .contact {
	font-family: verdana, sans-serif;
	font-size: 14px;
	color: #333333;
	margin: 6px 0;
}

.reviewer {
	font-style: italic;
}

.site-footer {
	text-align: left;
	margin-top: 20px;
}

a:link    { color: #0033FF; }
a:visited { color: #FF0000; }
a:hover   { color: #0000FF; }
a:active  { color: #993333; }

/* Responsive: fluid on narrow viewports instead of a fixed 800px box */
@media (max-width: 840px) {
	body {
		margin: 20px 0;
	}
	.page {
		padding: 20px;
		border-width: 1px;
	}
}

@media (max-width: 480px) {
	.page {
		padding: 15px;
	}
	h1 {
		font-size: 16px;
	}
}