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

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

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

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

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

div.character
{
  background: #eef;
}

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

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

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

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: #060;
}
div#menulocal a:visited
{
  color: #fff;
  background: #060;
}
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;
}