html * {
	margin: 0;
	padding: 0;
}

@font-face 
{
	font-family:"topaz";
	src: url(../fonts/topaz1200dmg.eot);
}

@font-face
{
	font-family:"topaz";
	src: url(../fonts/topaz1200dmg.woff) format("woff"),
	url(../fonts/topaz1200dmg.ttf) format("truetype");
}

body {
	font-family:"topaz";
	font-size: 12pt;
	background: black;
	color: #00cccc;
	cursor: url(../images/amiga.gif), default;
}

a {
	color: white;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}


h1 {
        font-size: 28px;
        color: green;
}

h2 {
        font-size: 22px;
        color: red;
}

h3 {
        font-size: 16px;
        color: #aa5500;
}

#content {
	display: flex;
	flex-flow: column nowrap;
	align-content: stretch;
	position: absolute;
	min-width: 100%;
	min-height: 100%;
	background-color: #008;
	background-image: url(../images/scanlines.png);
}

#header {
	flex: 0 0 auto;
	padding: 5px 15px 5px 15px;
	min-height: 25px;
	color: #ff0;
	background-color: #00f;
	border-bottom: 2px solid #ff0;
}

#main {
	flex: 1 1 auto;
	padding: 15px;
}

#footer {
	flex: 0 0 auto;
	padding: 5px 15px 5px 15px;
	min-height: 25px;
	color: #ff0;
	background-color: #00f;
	border-top: 2px solid #ff0;
}

#content > * {
	background-color: #008;
	background-image: url(../images/scanlines.png);
}

blockquote {
	margin: 15px 0px 15px 0px;
	padding: 15px;
	color: green;
	background-color: cyan;
	background-image: url(../images/scanlines.png);
}

b {
	color: #eeee44;
}

i {
	color: #00aa00;
}

pre {
	color: #aa5500;
}

ul {
	margin: 15px 5px 5px 15px;
}

li {
	margin: 5px 0px 5px 0px;
}

p {
	margin: 5px 0px 5px 0px;
}