@import url(base.css);
@import url(terse.css) all and (max-width: 80em);

body {
	background: #000;
	color: #CCC;
}
a, a:visited {
	color: #BBB;
}
a:active, a:hover {
	color: #44E;
	text-decoration: none;
}

dl.legend dt,
ul.keys li {
	border-color: #888;
}
dl.legend-options dt {background: #333}

/* code syntax */
.sy-comment    { color: #888 }
.sy-constant   { color: #8AC }
.sy-type,
.sy-identifier { color: #C9B }
.sy-special    { color: #A9C }
.sy-error      { font-weight: bold; background-color: #800; color: #EEE }
.sy-todo       { background-color: #880 }

/* character properties */

th, td {
	border-color: #555;
	background: #222;
}
.glyphs.dimap tbody, .glyphs.dimap colgroup {
	border-color: #665;
}

.glyphs small.digraph {
	background: #444;
	color: #AAA;
	opacity: 0.5;
}
.glyphs small.value {
	background: #633;
	color: #AAA;
	opacity: 0.4;
}

td.X  {background: #000} /* unidentified */
td.Xr {background: #111} /* reverse */
td.Co {background: #322} /* private */

/* implementation-based alternatives */
td.di-b       {background: #411} /* bmp */
td.di-d       {background: #330} /* rfc-1345 digraph */
td.di-prop    {background: #321} /* proposed digraph */
td.di-a       {background: #031} /* ascii */
td.di-rare    {background: #222} /* disfavoured */
td.di-invalid {background: #333} /* impossible */

/* general colorization */

td.c-na,
.pm {background: #040} /* motion */
.po {background: #340} /* window */
td.c-sa,
.ci {background: #044} /* info */
td.c-af,
.co {background: #440} /* command */
td.c-eu,
.cp {background: #530} /* command */
.mi {background: #520} /* ins */
td.c-as,
.mo {background: #500} /* state */
td.c-aa,
.mv {background: #503} /* visual */
td.c-oc,
.me {background: #205} /* mode */
.no {background: #222} /* unassigned */

td.X:hover,
.pm a:hover, .pm[onclick]:hover,
.po a:hover, .po[onclick]:hover,
.ci a:hover, .ci[onclick]:hover,
.co a:hover, .co[onclick]:hover,
.mi a:hover, .mi[onclick]:hover,
.mo a:hover, .mo[onclick]:hover,
.mv a:hover, .mv[onclick]:hover,
.me a:hover, .me[onclick]:hover {
	color: #000; /* on default (light) background hover */
}
td.X:hover small {color: #FFF}