@import url("/include/fos.css");
@import url("/include/menu_alt.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: #003;
  border: 1px solid #111;
}
td
{
  color: #fff;
  background: #000;
  border: 1px solid #111;
}

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

div.character
{
  background: #113;
}

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

div.commentary
{
  background: #363;
  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: #006;
}
div#menu a:visited
{
  color: #fff;
  background: #006;
}
div#menu a:link:hover,
div#menu a:visited:hover
/* MSIE botches the active and focus colors. */
/*
div#menu a:link:active,
div#menu a:visited:active,
div#menu a:link:focus,
div#menu a:visited:focus
*/
{
  color: #000;
  background: #ccf;
}

div#menulocal a:link
{
  color: #fff;
  background: #030;
}
div#menulocal a:visited
{
  color: #fff;
  background: #030;
}
div#menulocal a:link:hover,
div#menulocal a:visited:hover
/* MSIE botches the active and focus colors. */
/*
div#menulocal a:link:active,
div#menulocal a:visited:active,
div#menulocal a:link:focus,
div#menulocal a:visited:focus
*/
{
  color: #000;
  background: #cfc;
}