body {
	background: #000;
	color: #CCC;
}
a:link    { color:#DDB; }
a:visited { color:#CCCCC0; }
a:active  { color:#FF0; }
a:hover   { color:#FF0; text-decoration: none}

h1 {
	border: 1px solid #A00;
	background: #800;
	width: 50%;
	margin: 0 auto;
	margin-bottom: 0.5ex;
	text-shadow: #000 0 0 0.1em;
}
h2, caption {
	text-shadow: #F00 0 0 1em, #F00 0 0 1ex;
}
p.footer {
	border: 1px dashed #600;
	border-width: 1px 0 0;
	margin-top: 1.5em;
}

dl.legend dt,
.keys td {
	border-radius: 0;
	-moz-border-radius: 0;
	border-color: #800;
}
.keys td {
	text-align: left;
}
.keys td b {
	margin-right: 3px;
	font-size: 100%;
	background: #800;
	float: left;
	min-width: 1.5em;
	line-height: 5ex;
	font-style: normal;
}

.no, dl.legend-options dt,
.g1, .g2, .g3, .g4 {background: none}
#mutt .g4,
.g6, .g5           {background: #300}
.g7, .g8, .g9      {background: #600}
#mutt .g2 b, #mutt dt.g2,
#mutt .g8 b, #mutt dt.g8,
dt.g4,
  .g4 b            {color: inherit}
#vimperator .g6 b, #vimperator dt.g6,
dt.g3,
  .g3 b            {color: #6CD}
#mutt .g1 b, #mutt dt.g1,
#mutt .g6 b, #mutt dt.g6,
#mutt .g9 b, #mutt dt.g9,
dt.g2, dt.g8,
  .g2 b, .g8 b     {color: #DD6}
.no b              {color: #000}
.g1, .g8, .g9      {font-style: italic}
#mutt .g1, #mutt .g9,
.no                {font-style: normal}

.g1 a:hover, .g1[onclick]:hover,
.g2 a:hover, .g2[onclick]:hover,
.g3 a:hover, .g3[onclick]:hover,
.g4 a:hover, .g4[onclick]:hover,
.g5 a:hover, .g5[onclick]:hover,
.g6 a:hover, .g6[onclick]:hover,
.g7 a:hover, .g7[onclick]:hover,
.g8 a:hover, .g8[onclick]:hover,
.g9 a:hover, .g9[onclick]:hover {
	background: #800;
	color: #FF0;
} /* mode link */

.l1,
.X { /* unidentified */
	background: #000;
	border-color: #800;
	border-width: 1px;
}
th, td, .Co {
	background: #000;
	border-color: #300;
	border-width: 1px 0 0 1px; /* no precedence */
}
.Co {background: #200 } /* private */
.mapped tbody, .mapped colgroup,
.dimap tbody, .dimap colgroup,
tbody, colgroup, th {
	background: #800;
	border: 1px solid #800;
}
.keys tbody {
	background: #000;
	border: 0;
}

.glyphs small.digraph {
	background: #600;
	color: #AAA;
	opacity: 1;
}
.glyphs small.value {
	background: #600;
	color: #AAA;
	opacity: 1;
}

/* implementation-based alternatives */
.l1 {background: #000; color: #DD6}
.l3 {background: #000; color: #CCC}
.l2 {background: #000; color: #CA8}
.l5,
.l4 {background: #000; color: #8BC}
.ex {background: #333}
.Xi,
.u-invalid {background: #200} /* impossible */

/* continents */
.c-af     {background: #100; color: #FFF}
.c-eu     {background: #300; color: #FFF}
.c-as     {background: #500; color: #FFF}
.c-an     {background: #400; color: #8BC}
.c-oc     {background: #100; color: #8BC}
.c-sa     {background: #100; color: #DD6}
.c-na     {background: #300; color: #DD6}
.l:hover,
.X:hover  {background: #800; color: #FF0}

/* code syntax */
.sy-comment    { color: #888 }
.sy-constant   { color: #C88 }
.sy-type,
.sy-identifier { color: #C44 }
.sy-statement  { text-shadow: #F00 0 0 0.5em }
.sy-special    { color: #CA8 }
.sy-error      { font-weight: bold; background-color: #A00; color: #EEE }
.sy-todo       { background-color: #400 }

.glyphs b      { color: #C44 }

#browser td > a:not(:hover):not(:active) {
	color: inherit;
}