@font-face{
    font-family: 'Oryx';
    src: url('ttf/oryx-simplex.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

body {
	background-color: #1D2B53;
	color: #FFF1E8;
	font: 12pt Oryx, monospace;
/*
	font-smooth: never;
	-webkit-font-smoothing: none;
 */
}

footer {
	margin-top: 2in;
	border-top: 2px solid #29ADFF;
}

header {
	float: right;
	width: 240px;
	padding: 1em;
	border-left: 2px solid #5F574F;
}

a {
	color: #29ADFF;
}
a.plain {
	text-decoration: none;
}

b, strong, th {
	color: #FF77A8;
}

button {
	border-top: 2px solid #C2C3C7;
	border-left: 2px solid #C2C3C7;
	border-right: 2px solid #5F574F;
	border-bottom: 2px solid #5F574F;
	font: 8pt Oryx, monospace;
}

dl, ol, ul {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
}
dt {
	font-weight: bold;
}
dd {
	page-break-inside: avoid;
}

h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	margin-bottom: 0;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: Oryx, monospace;
	margin-top: 0.25em;
	margin-bottom: 0;
	page-break-before: auto;
	page-break-after: avoid;
	orphans: 1;
}
h1, .h1 {
	text-align: center;
	font-size: 2em;
}
h2, .h2 {
	font-size: 1.5em;
}
h3, .h3 {
	font-size: 1.17em;
}
h4, .h4 {
	font-size: 1.12em;
}
h5, .h5 {
	font-size: 0.83em;
}
h6, .h6 {
	font-size: 0.75em;
}

li {
	margin: 0;
}

p {
	margin-top: 0.25em;
	margin-bottom: 0;
	page-break-inside: avoid;
}
pre {
	font: 10pt Oryx, monospace;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	page-break-inside: avoid;
}
tbody tr:last-child {
	border-bottom: thin solid black;
}
tbody:last-child tr:last-child {
	border-bottom: none;
}
tr {
	vertical-align: top;
}
th {
	text-align: left;
	/* text-decoration: underline; */
	white-space: nowrap;
}
td {
	white-space: nowrap;
	/* border: 1px solid red; */ /* debug */
}
tr > td:last-child {
	white-space: normal;
}

.button {
	background-color: black;
	color: #29ADFF;
	width: 64px;
	height: 64px;
}
.sysbutton {
	background-color: black;
	color: #FF77A8;
	width: 64px;
	height: 64px;
	border-color: #7E2553;
}
.tinybutton {
	background-color: black;
	color: #00E436;
	width: 32px;
	height: 20px;
}

/* PICO-8 colors */
.black { color: #000000; }
.blue { color: #29ADFF; }
.blueDark { color: #1D2B53; }
.brown { color: #AB5236; }
.grayDark { color: #5F574F; }
.grayLight { color: #C2C3C7; }
.green { color: #00E436; }
.greenDark { color: #008751; }
.indigo { color: #83769C; }
.orange { color: #FFA300; }
.peach { color: #FFCCAA; }
.pink { color: #FF77A8; }
.purpleDark { color: #7E2553; }
.red { color: #FF004D; }
.white { color: #FFF1E8; }
.yellow { color: #FFEC27; }