@import url("/include/fos.css");
@import url("/include/menu.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;
}
h3
{
  color: #000;
  background: #eee;
}

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

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: #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
*/