body { background: white; color: black }

A:link { color: blue; }
A:visited { color: red; }
A:active { color: lime; }

h1,h2,h3,h4,h5,h6 { font-family:sans-serif; }

th { font-family:sans-serif; white-space: nowrap; background: #f0f0f0; }

td { background: #f0f0f0; }

.vnum {
	font-size: 90%;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-stretch: normal;
}

.chdate {
	float: right;
}

.topnav {
	float: left;
}

.navcolumn {
	float: left;
	margin-top: 0;
	padding-bottom: 4ex;
}

.navimg {
	padding: 0px 5px 0px 0px;
}

.win {
	padding: 0px 0px 2ex 0px;
	margin: 0px 0px 3ex 0px;
	border: none;
	background: #f0f0f0;
}

.title {
	padding: 0px;
	margin: 0px;
	border-width: 0px 0px 3px 0px;
	border-style: solid;
}

.desc {
	padding: 2ex 2em 0px 2em;
	border: none;
	background: #f0f0f0;
}

/* based on the css menu from http://www.meyerweb.com/eric/css/ */
ul.popnav {
	display: inline;
	list-style-type: none;
	border: none;
	margin: 0;
	padding: 0;
	float: left;
}

ul.popnav > li {
	display: inline;
	list-style-type: none;
	border: none;
	position: relative;
	margin: 0;
	padding: 0;
}

ul.popnav ul {
	display: none;
	left: 0;
}

ul#popmenuhome {
	width: 15em;
}

ul#popmenug7k {
	width: 40em;
}

ul#popmenug7kbios {
	width: 30em;
}

ul#popmenuvm {
	width: 15em;
}

ul#popmenuavr {
	width: 25em;
}

ul.popnav li:hover > ul {
	display: block;
	position: absolute;
	border: 2px solid white;
	margin: 0;
	padding: 0;
	list-style: inside;
	background: #f0f0f0;
}

ul.popnav > li > ul > li {
	border: 1px solid white;
	margin: 0;
	padding: 0.3em 1ex;
	background: #f0f0f0;
	font-family: sans-serif;
	font-weight: bold;
	color: black;
}

ul.popnav > li > ul > li > a:link {
	text-decoration: none;
	color: black;
}

ul.popnav > li > ul > li > a:visited {
	text-decoration: none;
	color: #808080;
}

ul.popnav > li > ul > li:hover {
	background: #e0e0e0;
}

li.h2 {
	margin-left: 2em;
}

.meta {
	background:#f0f0f0;
	color:#a5a5a5; 
	border-color: white;
}
ul.meta, li.meta {
	list-style-image:url(/images/sphere_gray.png);
	background: white; color: black;
}
ul.metaw, li.metaw {
	list-style-image:url(/images/sphere_gray.png);
	background: #f0f0f0; color: black;
}
ul.metaup, li.metaup { list-style-image:url(/images/up_gray.png) }

.atari {
	background:#f0f0f0;
	color:#00ff00;
	border-color: white;
}
ul.atari, li.atari {
	list-style-image:url(/images/sphere_green.png);
	background: white; color: black;
}
ul.atariw, li.atariw {
	list-style-image:url(/images/sphere_green.png);
	background: #f0f0f0; color: black;
}
ul.atariext, li.atariext { list-style-image:url(/images/down_green.png) }

.g7k {
	background:#000000;
	color:#ff0000;
	border-color: white;
}
ul.g7k, li.g7k {
	list-style-image:url(/images/sphere_red.png);
	background: white; color: black;
}
ul.g7kw, li.g7kw {
	list-style-image:url(/images/sphere_red.png);
	background: #f0f0f0; color: black;
}
ul.g7kup, li.g7kup { list-style-image:url(/images/up_red.png) }
ul.g7kleft, li.g7kleft { list-style-image:url(/images/left_red.png) }
ul.g7kright, li.g7kright { list-style-image:url(/images/right_red.png) }
ul.g7kext, li.g7kext { list-style-image:url(/images/down_red.png) }

.cpc {
	background:#0000a0;
	color:#ffff00;
	border-color: white;
}
ul.cpc, li.cpc {
	list-style-image:url(/images/sphere_yellow.png);
	background: white; color: black;
}
ul.cpcw, li.cpcw {
	list-style-image:url(/images/sphere_yellow.png);
	background: #f0f0f0; color: black;
}

.vm {
	background:#f0f0f0;
	color:#ff8000;
	border-color: white;
}
ul.vm, li.vm {
	list-style-image:url(/images/sphere_orange.png);
	background: white; color: black;
}
ul.vmw, li.vmw {
	list-style-image:url(/images/sphere_orange.png);
	background: #f0f0f0; color: black;
}
ul.vmup, li.vmup { list-style-image:url(/images/up_orange.png) }
ul.vmext, li.vmext { list-style-image:url(/images/down_orange.png) }

.avr {
	background:#f0f0f0;
	color:#0080ff; 
	border-color: white;
}
ul.avr, li.avr {
	list-style-image:url(/images/sphere_lblue.png);
	background: white; color: black;
}
ul.avrw, li.avrw {
	list-style-image:url(/images/sphere_lblue.png);
	background: #f0f0f0; color: black;
}
ul.avrup, li.avrup { list-style-image:url(/images/up_lblue.png) }
ul.avrext, li.avrext { list-style-image:url(/images/down_lblue.png) }

@media print {
	.topnav, .popnav, .navigation { display:none; }
	a[href].print:before { content: attr(href) " "; }
}