/* 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
*/


/* Generated by Font Squirrel (http://www.fontsquirrel.com) on July 18, 2012 */
/* Unicode range: 0021-007e,00a1-00ff,2500-25f7 */

/* Thanks for this awesome font * http://www.kreativekorp.com/software/fonts/c64.shtml */

@font-face {
    font-family: 'PetMe64Medium';
    src: url('fonts/petme64-webfont.eot');
    src: url('fonts/petme64-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/petme64-webfont.woff') format('woff'),
         url('fonts/petme64-webfont.ttf') format('truetype'),
         url('fonts/petme64-webfont.svg#PetMe64Medium') format('svg');
    font-weight: normal;
    font-style: normal;
	font-variant: normal;
}

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

body {
	background-color: #7c70da;
	color: #7c70da;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 16px;
	line-height: 16px;
	/*
	cursor: url(images/c64balloon_cur_2x.png) 2 2, auto;
	*/
	padding: 30px 0;
}

#header {
	font-family: 'PetMe64Medium', monospace;
    font-weight: normal;
    font-style: normal;
	font-variant: normal;
}

#mainscreen {
	margin: 0 auto;
	width: 640px;
	border: 0;
	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 {
	text-decoration: none;
}

ul a {
	font-weight: bold;
}

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;
}

.subheader {
	margin-top: 16px;
	font-family: 'PetMe64Medium', monospace;
    font-weight: normal;
    font-style: normal;
	font-variant: normal;
}

@media (max-device-width: 480px) {
	#header, .subheader {
		-webkit-text-size-adjust: none;
	}
}