@import url("/include/fos.css");
@import url("/include/menu.css");

body
{
  color: #fff;
  background: #000;
}

/* Order is important.  So is the extra ":link". */
a:link    {color: #00f;}
a:visited {color: #00a;}
a:link:hover   {color: #00f; background: #333;}
a:visited:hover   {color: #00f; background: #333;}
/* MSIE botches the active and focus colors. */
/*
a:link:focus   {color: #00f; background: #333;}
a:visited:focus   {color: #00a; background: #333;}
a:link:active  {color: #00f;}
a:visited:active  {color: #00f;}
*/

table
{
  border-collapse: collapse;
}
th
{
  color: #fff;
  background: #006;
  border: 1px solid #111;
}
td
{
  color: #fff;
  background: #000;
  border: 1px solid #111;
}

h1
{
  color: #fff;
  background: #606;
}
h2
{
  color: #fff;
  background: #903;
}
h3
{
  color: #fff;
  background: #333;
}

div.character
{
  background: #003;
}
div.character h1,
div.character h2,
div.character h3,
div.character h4,
div.character h5,
div.character h6
{
  background: transparent;
}

div.flavortext
{
  background: #331;
  border-top:    1px solid #333;
  border-bottom: 1px solid #333;
}

div.commentary
{
  background: #030;
  border-top:    1px solid #333;
  border-bottom: 1px solid #333;
}

div.decor1,
div.decor2
{
  color: #fff;
  background: #000;
}

div#menu a:link
{
  color: #fff;
  background: #009;
  border-top   : 0.25em solid #ccf;
  border-right : 0.25em solid #003;
  border-bottom: 0.25em solid #000;
  border-left  : 0.25em solid #99c;
  line-height: 2em;
}
div#menu a:visited
{
  color: #ccc;
  background: #009;
  border-top   : 0.25em solid #ccf;
  border-right : 0.25em solid #003;
  border-bottom: 0.25em solid #000;
  border-left  : 0.25em solid #99c;
  line-height: 2em;
}
div#menu a:link:hover,
div#menu a:visited:hover
{
  /*
  color: #000;
  background: #ccf;
  */
  color: #fff;
  background: #009;
}
div#menu a:link:active,
div#menu a:visited:active
{
  color: #fff;
  background: #009;
  border-top   : 0.25em solid #000;
  border-right : 0.25em solid #99c;
  border-bottom: 0.25em solid #ccf;
  border-left  : 0.25em solid #003;
}
/* MSIE botches the focus colors. */
/*
div#menu a:link:focus,
div#menu a:visited:focus
*/

div#menulocal a:link
{
  color: #fff;
  background: #060;
  border-top   : 0.25em solid #9c9;
  border-right : 0.25em solid #363;
  border-bottom: 0.25em solid #000;
  border-left  : 0.25em solid #696;
  line-height: 2em;
}
div#menulocal a:visited
{
  color: #ccc;
  background: #060;
  border-top   : 0.25em solid #9c9;
  border-right : 0.25em solid #363;
  border-bottom: 0.25em solid #000;
  border-left  : 0.25em solid #696;
  line-height: 2em;
}
div#menulocal a:link:hover,
div#menulocal a:visited:hover
{
  color: #fff;
  background: #060;
}
div#menulocal a:link:active,
div#menulocal a:visited:active
{
  color: #fff;
  background: #060;
  border-top   : 0.25em solid #000;
  border-right : 0.25em solid #696;
  border-bottom: 0.25em solid #9c9;
  border-left  : 0.25em solid #363;
}
/* MSIE botches the focus colors. */
/*
div#menulocal a:link:focus,
div#menulocal a:visited:focus
*/