html {
	color:			inherit;
	background:		black;
}

body {
	color:			#669977;
	background:		url('/~tao/images/background_green.png');
	background-color:	inherit;
	font-family:		Verdana, Arial, sans-serif;
	margin:			0;
}

/* To get nice, black, borders around the tables, use a black background */
body.black {
	color:			#336644;
	background:		url('/~tao/images/background_green.png');
	background-color:	inherit;
}

/* We want simplified documents to have reasonable padding */
body.simple {
	color:			#667766;
	background:		#223322;
	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 {
	border-top:		1px solid black;
}

hr {
	color:			#112211;
	background:		inherit;
	border-left:		none;
	border-right:		none;
	border-bottom:		none;
	border-top:		2px solid;
}

hr.bar {
	color:			#66ee66;
	background:		inherit;
	border-left:		none;
	border-right:		none;
	border-bottom:		none;
	border-top:		3px solid;
	margin-left:		0;
}

.w85 {
	width:			85px;
}

.w65 {
	width:			65px;
}

.w60 {
	width:			60px;
}

.w48 {
	width:			48px;
}

.w45 {
	width:			45px;
}

.w35 {
	width:			35px;
}

.w30 {
	width:			30px;
}

.w28 {
	width:			28px;
}

.w25 {
	width:			25px;
}

.w20 {
	width:			20px;
}

h1, h2, h3, h4, h5, h6, p {
	text-align:		left;
}
h1, h2, h3, div {
	font-family:		Verdana, Arial, sans-serif;
}
h1 {
	font-size:		170%;
}
h2, h4, h5, h6 {
	font-size:		100%;
}
h2 {
	color:			white;
	background:		inherit;
	font-weight:		bold;
	border-top:		none;
	border-left:		none;
	border-right:		none;
	border-bottom:		black 4px solid;
	padding-left:		4px;
	padding-right:		4px;
}
h3 {
	font-size: 		120%;
	margin-bottom:		0;
}
h4 {
	font-weight:		bold;
}
h5 {
	font-style:		italic;
}
h6 {
	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;
}
div.menu {
	color:			inherit;
	background:		#113322;
	border-top:		1px solid #557766;
	border-bottom:		1px solid black;
	margin-left:		0;
	padding-bottom:		3px;
}

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 {
	color:			inherit;
	background:		#113322;
	margin-left:		0;
	padding-left:		0;
	padding-right:		0;
	list-style-type:	none;
}

.side li {
	margin-left:		0;
	padding-left:		4px;
	padding-right:		4px;
	border-top:		1px solid #557766;
	border-bottom:		1px solid black;
}
.side li:hover {
	color:			inherit;
	background:		#334433;
}

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

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

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

@media aural {  
	h1, h2, h3 {
		stress:			20;
		richness:		90;
	}
	.hide, .tail {
		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 {
	margin-top:		6px;
}
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%;
}

th.main, td.main {
	color:			#667766;
	background:		#223322;
	border:			none;
}
th.header, td.header, th.side, td.side, th.rightside, td.rightside, th.tail, td.tail, th.tail_right, td.tail_right {
	color:			#667766;
	background:		inherit;
	border:			none;
	padding-left:		0;
	padding-right:		0;
}
/* style sheets for the header */
th.header, td.header {
	font-size:		80%;
	text-align:		center;
	padding-left:		0;
	padding-top:		1em;
	padding-right:		0;
	padding-bottom:		1em;
}

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

th.tail, td.tail {
	font-size:		70%;
}
th.tail_right, td.tail_right {
	text-align:		right;
}

/* style sheets for the side-bar */
th.side, td.side {
	padding-left:		0;
	padding-top:		4px;
	padding-right:		0;
	padding-bottom:		4px;
	width:			16%;
	font-size:		80%;
}
th.rightside, td.rightside {
	padding-left:		0;
	padding-top:		4px;
	padding-right:		0;
	padding-bottom:		4px;
	width:			8%;
	font-size:		80%;
}

th.noborder, td.noborder {
	border:			none;
}

.side h1 {
	font-size:		120%;
	text-align:		center;
}
.main h1 {
	margin-top:		4px;
}

/* style sheets for the main text area */
th.main, td.main {
	border-left:		1px solid black;
	border-top:		1px solid black;
	border-right:		1px solid #667766;
	border-bottom:		1px solid #667766;
}

a:link, a:visited {
	color:			#99aa99;
	background:		inherit;
	text-decoration:	none;
}
a:link:hover, a:visited:hover {
	color:			#ccddcc;
	background:		inherit;
}

/* Page logoheaders */
.logoheader a:link, .logoheader a:visited {
	color:			#009933;	/* blue */
	background:		inherit;
}
.logoheader a:link:hover, .logoheader a:visited:hover {
	color:			white;		/* white */
	background:		inherit;
}
.logoheader a:link:active, .logoheader a:link:hover:active {
	color:			white;		/* white */
	background:		inherit;
}

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

table.portal td {
	border:			none;
}
table.portal a:link, table.portal a:visited {
	color:			green;
	background:		inherit;
}
table.portal a:link:hover, table.portal a:visited:hover {
	text-decoration:	underline;
}

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

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

input, textarea {
	color:			#223322;
	background:		#ddeedd;
	border:			1px solid #eeffee;
}
input:focus, input:hover, textarea:focus, textarea:hover {
	color:			#223322;
	background:		#ddeedd;
	border:			1px solid white;
}

input[type="button"], input[type="submit"], input[type="reset"], button {
	color:			#ccddcc;
	background:		#334433;
	border-left:		none;
	border-top:		1px solid #667766;
	border-right:		none;
	border-bottom:		1px solid black;
}
input[type="button"]:focus, input[type="button"]:hover, button:focus, button:hover, input[type="submit"]:focus, input[type="submit"]:hover, input[type="reset"]:focus, input[type="reset"]:hover {
	color:			#ccddcc;
	background:		#445544;
	border-left:		none;
	border-top:		1px solid #778877;
	border-right:		none;
	border-bottom:		1px solid #112211;
}
input[type="button"]:active, button:active, input[type="submit"]:active, input[type="reset"]:active {
	color:			white;
	background:		#445544;
}

select {
	color:			#223322;
	background:		#ddeedd;
	margin-top:		4px;
}