/* http://meyerweb.com/eric/tools/css/reset/ v2.0b1 | 201101 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define visible focus styles!  :focus { outline: ?????; } */ /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; }

/*
  C64 font is 16x16 px, screen width 640 px
  light blue: #7c70da
  dark blue:  #3e31a2
  yellow: #bfcd7a
  green: #64974f
  white: #fff
*/

:focus {
	outline: 1px dotted #7c70da;
}

body {
	background-color: #7c70da;
	color: #7c70da;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 16px;
}

#header {
	padding-top: 16px;
}

#mainscreen {
	margin: 30px auto; /* top margin */
	width: 640px;
	background-color: #3e31a2;
	text-align: left;
}

ul {
	list-style-image: url('c64/pipfull16.png');
	/*
	list-style-position: inside;
	margin-left: 16px;
	*/
	margin-left: 40px;
}

ul li:hover {
	list-style-image: url('c64/pipempty16.png');
}

.displaynone {
	display: none;
}

.ttlinktext {
	font-family: Courier,sans-serif;
}

a {
	font-weight: bold;
	text-decoration: none;
}

a:link {
	color: #bfcd7a;
}

a:visited {
	color: #64974f;
	/*color: #bfcd7a;*/
}

a:hover {
	color: #3e31a2;
	background-color: #bfcd7a;
}

a:visited:hover {
	color: #3e31a2;
	background-color: #64974f;
}

a:active {
	color: #3e31a2;
	background-color: #ffffff;
}

.block {
	display: block;
}

img.subheader {
	margin-top: 16px;
}