/* koonts.css */
body
{
	background-color: #FFF;
	margin: 0;
	padding: 0;
}

body, td
{
	color: #000;
	font: small/120% sans-serif;
}

td { vertical-align: top; }
img { border-width: 0px; }

a
{
	font-weight: bold;
	background: transparent;
}

a:link, a:visited
{
	text-decoration: none;
	color: #1E5380;
}

a:active, a:hover
{
	text-decoration: underline;
	color: #69c;
}

h1 { text-align: left; }
h1, h2, h3, h4, h5, h6 { margin-top: 1em; }
h1 { margin-bottom: 1em; }
h2 { margin-bottom: 0; }
h3, h4 { margin-bottom: .5em; }
h5, h6 { margin-bottom: 0; }
h1 { font: 180% sans-serif; }
h2 { font: bold 140% sans-serif; }
h3 { font: 120% sans-serif; }
h4 { font: bold 100% sans-serif; }
h5 { font: italic 100% sans-serif; }
h6 { font: 100% sans-serif; }

pre
{
	margin-left: 2em;
	color: #930;
	font: 90% monospace;
}

tt { color: #c60; }

/* lists for contents, references, index */
ul, dl { list-style: none; }

/* *************************** */
/* home */
#home, #home td { color: navy; }
#home a:link, #home  a:visited { color: navy; }
#home a:active, #home a:hover { color: black; }
#home h2 { color: #003; }
/* was color: #1E5380; */
#home #address { color: #000; }

/* *************************** */
/* KonW (black on white) */
#KonW { background-color: #FFF; }
#KonW, #KonW td { color: #000; }

/* *************************** */
/* BonW (blue on white) */
#BonW { background-color: #FFF; }
#BonW, #BonW td { color: #003; }
#BonW a:link, #BonW  a:visited { font-weight: bold; }
#BonW a:active, #BonW a:hover { font-weight: bold; }

/* *************************** */
/* WonK (white on black) */
#WonK { background-color: #000; }
#WonK, #WonK td { color: #FFF; }

/* *************************** */
/* Wong (white on gray) */
#Wong { background-color: gray; }
#Wong, #Wong td { color: #FFF; font-family: monospace; }

/* *************************** */
#banner
{
	background-color: black;
	top: 0;
	right: 100%;
	bottom: auto;
	left: 0;
	width: auto;
	height: auto;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
	vertical-align: top;
	overflow: visible;
}

#banner h1
{
	font-family: "Courier New", Courier, monospace;
	font-size: small;
	color: #FFF;
	margin: 0;
}

#banner h2
{
	font-family: Helvetica, Arial, Verdana, ComicSans, sans-serif;
	font-size: medium;
	color: #FFF;
	margin: 0;
}

#banner a
{
	font-family: "Courier New", Courier, monospace;
	font-size: small;
}

#banner a:link, #banner  a:visited { color: #FFF; }
#banner a:active, #banner a:hover { color: orange; }

/* *************************** */
div#content
{
	width: auto;
	height: auto;
	top: 100px;
	right: 0;
	bottom: 0;
	left: 0;
	margin: 40px;
	padding: 0;
}

#footer
{
	margin: 30px;
	text-align: right;
}

.note
{
	font-size: 75%;
	font-weight: normal;
}

.screenshot
{
	padding: 12px;
	border-width: 2px;
	border-style: solid;
	border-color: #69c;
}

.pix
{
	padding-top: 6px;
	border-width: 0px;
}

/* *************************** */
/* definition list used to list work/portfolio */
#work dt { margin-top: 2em; }

#work dd
{
	color: black;
	margin-top: .5em;
}

/* *************************** */
/*
div#portfolio { margin-left: 20px; }
#portfolio, #portfolio td { font-family: monospace; }

#portfolio h1
{
	font-weight: bold;
	font-family: sans-serif;
	color: white;
}
*/

/* *************************** */
#menu
{
	float: left;
	padding-right: 100px;
}

#menu ul
{
	/*font-weight: bold;*/
	margin-left: 0px;
	padding-left: 0px;
}

#menu ul ul { margin-left: 20px; }

/*#crossword h1 { color: black; }*/
/* *************************** */
#crossword .pix
{
	padding-top: 6px;
	border-width: 0px;
}

/* *************************** */
#documentation h1, #documentation h2, #documentation h3, #documentation h4, #documentation h5, #documentation h6 { color: navy; }