html {
	color:			inherit;
	background:		white;
}

body {
	color:			black;
	background:		white;
	font-family:		Garamond, Sabon, Times New Roman, serif;
	margin-left:		2em;
	margin-top:		1em;
	margin-right:		2em;
	margin-bottom:		1em;
}

table {
	border-collapse:	collapse;
}

td {
	padding-left:		0.5em;
	padding-top:		0;
	padding-right:		0.5em;
	padding-bottom:		0;
}

td.header {
	font-size:		90%;
	text-align:		center;
	border-top:		1px solid black;
	padding-top:		0.5em;
	padding-bottom:		0.5em;
}

td.side {
	padding:		0;
}

th.side, td.side {
	font-size:		90%;
	width:			16%;
	border-left:		1px solid black;
	border-top:		1px solid black;
	border-bottom:		1px solid black;
}
th.rightside, td.rightside {
	width:			1px;
	border-right:		1px solid black;
	border-top:		1px solid black;
	border-bottom:		1px solid black;
}

th.main, td.main {
	border-left:		1px solid black;
	border-top:		1px solid black;
	border-bottom:		1px solid black;
}

th.tail, td.tail {
	font-size:		80%;
	border-bottom:		1px solid black;
}
th.tail_right, td.tail_right {
	font-size:		80%;
	text-align:		right;
	border-bottom:		1px solid black;
}

.side h1 {
	color:			black;
	background:		#33aa66;
	font-size:		100%;
	text-align:		center;
	border-bottom:		1px solid black;
	margin-top:		0;
	padding-top:		2px;
	padding-bottom:		2px;
}

.main h1 {
	font-size:		160%;
	text-align:		center;
	margin:			0;
}

div.hackergotchi {
	padding-top:		1.5em;
	text-align:		center;
}

dd, dt {
	margin-top:		4px;
}
dt {
	font-weight:		bold;
	margin-bottom:		4px;
}
dd {
	margin-left:		1em;
	margin-bottom:		8px;
}
dl {
	margin-bottom:		1em;
}

ol {
	list-style-position:	outside;
	margin-bottom:		1em;
	padding-left:		2em;
}

ul {
	list-style-type:	disc;
	list-style-position:	outside;
	margin-bottom:		1em;
	padding-left:		2em;
}

.side ul {
	padding-left:		1.5em;
}

pre, code {
	font-family:		Courier, monospace;	/* workaround for NS4 */
}

pre {
	white-space:		pre;			/* workaround for NS4 */
}

pre.code {
	border:			none;			/* workaround for NS4 */
	padding-left:		16px;
	padding-right:		16px;
	padding-top:		4px;
	padding-bottom:		4px;
}

a:link, a:visited {
	color:			#33aa66;
	background:		transparent;
}

a:link:hover, a:visited:hover, a:active, a:hover:active {
	color:			#33aa66;
	background:		yellow;
}

img {
	vertical-align:		bottom;
	margin-top:		2px;
	margin-bottom:		2px;
}
