html {
	color:			inherit;
	background:		black;
}

body {
	color:			#333300;
	background:		#cccc99;
	font-family:		Verdana, Arial, sans-serif;
	margin:			0;
	margin-left:		3px;
	margin-top:		4px;
	margin-bottom:		4px;
}

/* To get nice, black, borders around the tables, use a black background */
body.black {
	color:			#333300;
	background:		black;
}

/* We want simplified documents to have reasonable padding */
body.simple {
	padding-left:		2em;
	padding-right:		2em;
}

/* We want simplified documents to have reasonable padding */
body.portal {
	color:			green;
	background:		white;
	padding-left:		2em;
	padding-top:		1em;
	padding-right:		2em;
	padding-bottom:		1em;
}

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

th {
	color:			white;
	background:		black;
}
td {
	color:			black;
	background:		white;
}

hr {
	border:			none;
	border-top:		2px solid;
}

.side hr {
	color:			#99ccff;
	background:		transparent;
}
.main hr {
	color:			#666600;
	background:		transparent;
}
.header hr, .logoheader hr {
	color:			blue;
	background:		transparent;
}
.tail hr, .tail_right hr {
	color:			white;
	background:		transparent;
}

h1, h2, h3, h4, h5, h6, p {
	text-align:		left;
}
h1, h2, h3, div {
	font-family:		Verdana, Arial, sans-serif;
}
h1 {
	color:			#333300;
	background:		transparent;
	font-size:		170%;
}
h2, h4, h5, h6 {
	font-size:		100%;
}
h2 {
	color:			white;
	background:		black;
	font-weight:		bold;
	border:			none;
	padding-left:		4px;
	padding-right:		4px;
}
h3 {
	font-size: 		120%;
}
h4 {
	font-weight:		bold;
}
h5 {
	font-style:		italic;
}
h6 {
	font-variant:		small-caps;
}
h2, h3, h4, h5, h6 {
	margin-top:		2em;
}
h2.first, h3.first, h4.first, h5.first, h6.first {
	margin-top:		0;
}

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

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

table.borders {
	border-collapse:	separate;
	width:			100%;
}

table.portal {
	border-collapse:	separate;
	width:			100%;
}

/* style sheets for the header */
th.header, td.header {
	color:			blue;
	background:		white;
	font-size:		90%;
	text-align:		center;
	padding-top:		1em;
	padding-bottom:		1em;
}

/* style sheets for headers with a logo */
th.logoheader, td.logoheader {
	color:			blue;
	background:		black;
	text-align:		center;
	width:			100%;
}

/* style sheets for footer */
th.tail, td.tail, th.tail_right, td.tail_right {
	color:			white;
	background:		#333333;
}
th.tail_right, td.tail_right {
	text-align:		right;
}

/* style sheets for the side-bar */
th.side, td.side {
	color:			#99ccff;
	background:		#3333ff;
	font-size:		90%;
	width:			16%;
	padding-top:		4px;
	padding-bottom:		4px;
}
th.rightside, td.rightside {
	color:			inherit;
	background:		black;
	width:			1px;
	margin:			0;
	padding:		0;
}

.side h1 {
	color:			#99ccff;
	background:		transparent;
	font-size:		120%;
	text-align:		center;
}

/* style sheets for the main text area */
th.main, td.main {
	color:			#333300;
	background:		#cccc99;
}

/* Main body */
a:link, a:visited {
	text-decoration:	underline;
}
.main a:link {
	color:			#0066cc;	/* medium blue */
	background:		transparent;	/* transparent */
}
.main a:visited {
	color:			#003399;	/* blue */
	background:		transparent;	/* transparent */
}
.main a:link:hover {
	color:			#0066cc;	/* medium blue */
	background:		#ffffcc;	/* pale yellow */
}
.main a:visited:hover {
	color:			#003399;	/* blue */
	background:		#ffffcc;	/* pale yellow */
}
.main a:link:active, .main a:link:hover:active {
	color:			green;		/* green */
	background:		#ffffcc;	/* pale yellow */
}

/* Page headers; two variants */
.header a:link, .logoheader a:link {
	color:			#0066cc;	/* medium blue */
	background:		transparent;	/* transparent */
}
.header a:visited {
	color:			#003366;	/* deep blue */
	background:		transparent;	/* transparent */
}
.logoheader a:visited {
	color:			#003399;	/* blue */
	background:		transparent;	/* transparent */
}
.header a:link:hover {
	color:			#0066cc;	/* medium blue */
	background:		#ffff33;	/* bright yellow */
}
.header a:visited:hover {
	color:			#003366;	/* deep blue */
	background:		#ffff33;	/* bright yellow */
}
.header a:link:active, .header a:link:hover:active {
	color:			green;		/* green */
	background:		#ffff33;	/* bright yellow */
}
.logoheader a:link:hover, .logoheader a:visited:hover {
	color:			white;		/* white */
	background:		transparent;	/* transparent */
}
.logoheader a:link:active, .logoheader a:link:hover:active {
	color:			white;		/* white */
	background:		transparent;	/* transparent */
}

/* Side menu */
.side a:link {
	color:			#cccccc;	/* grey */
	background:		transparent;	/* transparent */
}
.side a:visited {
	color:			#999999;	/* medium grey */
	background:		transparent;	/* transparent */
}
.side a:link:hover {
	color:			#cccccc;	/* grey */
	background:		#3366ff;	/* bright blue */
}
.side a:visited:hover {
	color:			#cccccc;	/* grey */
	background:		#3366ff;	/* bright blue */
}
.side a:link:active, .side a:link:hover:active {
	color:			white;		/* white */
	background:		#3366ff;	/* bright blue */
}

/* Page foot */
.tail a:link, .tail_right a:link {
	color:			#cccccc;	/* grey */
	background:		transparent;	/* transparent */
}
.tail a:visited, .tail_right a:visited {
	color:			#666666;	/* dark grey */
	background:		transparent;	/* transparent */
}
.tail a:link:hover, .tail_right a:link:hover {
	color:			#cccccc;	/* grey */
	background:		#336666;	/* blue-green */
}
.tail a:visited:hover, .tail_right a:visited:hover {
	color:			#999999;	/* pale grey */
	background:		#336666;	/* blue-green */
}
.tail a:link:active, .tail a:link:hover:active,
.tail_right a:link:active, .tail_right a:link:hover:active {
	color: 			white;		/* white */
	background: 		#336666;	/* blue-green */
}

table.portal th {
	color: 			white;		/* white */
	background: 		green;		/* green */
	font-weight:		bold;
	text-align: 		center;
}

table.portal ul {
	list-style: 		square;
	margin: 		0;
	padding: 		0;
	padding-left: 		1em;
}

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