html {
	color:			inherit;
	background:		white;
}

body {
	color:			black;
	background:		white;
	font-family:		Verdana, Arial, sans-serif;
	margin:			2em;
}

th, td { /* ns 4 */
	font-family:		Verdana, Arial, sans-serif;
	text-align:		left;
	vertical-align:		top;
	padding-left:		4px;
	padding-right:		4px;
}

/* style sheets for the header with a logo */
th.logoheader, td.logoheader {
	color:			green;		/* green */
	background:		black;		/* black */
	text-align:		center;
}


/* style sheets for the header */
th.header, td.header {
	color:			white;
	background:		blue;
	font-family:		Garamond, Sabon, Times New Roman, serif;
	font-weight:		bold;
	font-size:		90%;
	text-align:		center;
	vertical-align:		middle;
}

blockquote {
	font-style:		italic;
}

h1, h2, h3, h4, h5, h6 {
	text-align:		left;
}
h1, h2, h3 {
	color:			#006699;
	background:		white;
	font-family:		Verdana, Arial, sans-serif;
}
h1 {
	font-size:		170%;
}
h2 {
	font-size:		140%;
}
h3 {
	font-size:		120%;
}
h4 {
	font-size:		100%;
	font-weight:		bold;
}
h5 {
	font-size:		100%;
	font-style:		italic;
}
h6 {
	font-size:		100%;
	font-variant:		small-caps;
}
h2, h3, h4, h5, h6 {
	margin-top:		1em;
}
h2.first, h3.first, h4.first, h5.first, h6.first {
	margin-top:		0;
}

pre {
	margin-left:		2em
}

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

dd, dt {
	margin-top:		4px;
}
dt {
	font-weight:		bold;
	margin-left:		0;
	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:		1em;
}

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

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

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

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

@media aural {  
	h1, h2, h3 {
		stress:		20;
		richness:	90;
	}

	.hide {
		speak:		none;
	}

	p.copyright {
		volume:		x-soft;
		speech-rate:	x-fast;
	}

	dt {
		pause-before:	20%;
	}

	pre {
		speak-punctuation:	code;
	} 
}

p.copyright, address, em.changes {
	font-size:		small;
}
p.blogfoot {
	font-size:		small;
	font-style:		italic;
}

table {
	border-collapse:	collapse;
	width:			100%;
}

/* style sheets for the side-bar */
th.side, td.side {
	color:			black;
	background:		#ffff99;
	font-family:		Garamond, Sabon, Times New Roman, serif;
	width:			16%;
	padding-top:		4px;
	padding-bottom:		4px;
}

th.rightside {
	width:			1px;
}

.side h1, .side h2 {
	color:			black;
	background:		#ffff99;
	font-family:		Garamond, Sabon, Times New Roman, serif;
	font-weight:		bold;
}
.side h1 {
	font-size:		120%;
	text-align:		center;
}

.side h2 {
	font-size:		100%;
	padding-left:		1em;
}

th.main, td.main {
}

th.tail_right, td.tail_right {
	text-align:		right;
}

/* Main body */
.main a:link {
	color:			#0000cc;
	background:		transparent;
}
.main a:visited {
	color:			#660099;
	background:		transparent;
}
.main a:link:hover {
	color:			#660099;
	background:		#ffff99;
}
.main a:visited:hover {
	color:			#0000cc;
	background:		#ffff99;
}
.main a:active {
	color:			#cc0000;
	background:		#ffff99;
}
.main a:hover:active {
	color:			#0000cc;
	background:		#ffff99;
}

/* Side menu */
.side a:link {
	color:			#003366;
	background:		#ffff99;
}
.side a:visited {
	color:			#663399;
	background:		transparent;
}
.side a:link:hover, .side a:visited:hover {
	color:			#003366;
	background:		#ffffcc;
}
.side a:active, .side a:hover:active {
	color:			#990000;
	background:		#ffffcc;
}

/* Page headers; two variants */
.header a:link, .header a:visited {
	color:			white;		/* white */
	background:		blue;		/* blue */
}
.header a:link:hover, .header a:visited:hover {
	color:			blue;		/* blue */
	background:		white;		/* white */
}
.header a:active, .header a:hover:active {
	color:			blue;		/* blue */
	background:		white;		/* white */
}
.logoheader a:link, .logoheader a:visited {
	color:			green;		/* green */
	background:		black;		/* black */
}
.logoheader a:link:hover, .logoheader a:visited:hover {
	color:			black;		/* black */
	background:		green;		/* green */
}
.logoheader a:active, .logoheader a:hover:active {
	color:			black;		/* black */
	background:		green;		/* green */
}

/* Page foot */
.tail a:link, a:visited {
	color:			#666666;	/* dark gray */
	background:		inherit;
}
.tail a:link:hover, a:visited:hover {
	color:			#cccccc;	/* light gray */
	background:		#336666;	/* blue-green */
}
.tail a:active, .tail a:hover:active {
	color:			white;		/* white */
}

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