body {
	font-family: Liberation Sans Serif, Arial,sans-serif;
	background: #E8E8E8;
	margin: 1em 4em 1em 4em;
	max-width: 55em;
	text-align: center;
    color: #000000;
}

.wrapper {
	background: rgba(180,180,180,0.5);
	padding: 4px;
}

h1 {
	border: solid #D0D0D0 .05em;
	background: #F0F0F0;
	text-align: center;
	font-variant:small-caps;
	letter-spacing: .2em;
}

audio {
	border: solid white .05em;
	width: 20em;
	height: 1em;
}

div {
	text-align: left;
	margin-bottom: 12px;
}

pre {
	background: #ECECEC;
	border: solid 1px #DCDCDC;
}

div.footer {
	clear: both;
	background: #D0A0A0;
}

p {
	line-height: 2em;
	margin: 1em 0 1em 0;
}

A:link {
	font-weight: bold;
        color: #404040;
	text-decoration: none;
}
A:visited {
	font-weight: bold;
        color: #202020;
	text-decoration: none;
}
A:active {
	font-weight: bold;
        color: #202020;
	text-decoration: none;
}
A:hover {
	font-weight: bold;
        color: #808080;
	text-decoration: none;
}