/*
 * fade.css - simple CSS2 style sheet for use with the
 * Rainbowifinator CGI script output.
 */

:link {color: #BB0000; background:transparent; }
:visited {color: #666666; background:transparent; }

body
{
  font-family: "Bitstream Vera Serif", "Georgia", serif;
  background:url("/images/gray-bg.png");
  max-width: 50em;
  margin-left: auto;
  margin-right: auto;
  padding-left: 5%;
  padding-right: 5%;
}

h1, h2
{
  font-family: "Bitstream Vera Sans", "Trebuchet", sans-serif;
  color: #4f1376;
  background: transparent;
}

h2
{
  padding-top: .75em;
}

form
{
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

fieldset
{
  width: 80%;
  padding: 0 1em 1em 1em;
  color: black;
  background: #f0f0f0;
  border: 1px solid #999999;
}

legend
{
  font: bold 80% "Bitstream Vera Sans", "Trebuchet", sans-serif;
  margin: 0;
  padding: 0.5em;
  color: #000088;
  background: transparent;
}

textarea
{
  font-family: "Bitstream Vera Sans Mono", "courier", monospace;
  width: 95%;
  margin-top: .5em;
  padding: .5em;
}

.button
{
  font: bold 80% "Bitstream Vera Sans", "Trebuchet", sans-serif;
  float: right;
  color: #000088;
}

label
{
  font: 90% "Bitstream Vera Sans", "Trebuchet", sans-serif;
}

.result
{
  margin: 0 10%;
}

.code
{
  font: 70% "Bitstream Vera Sans Mono", "courier", monospace;
  background: #f0f0f0;
  border: solid 1px #999999;
  margin: 0 10%;
  padding: 1em;
}

.warning
{
  font: bold 80% "Bitstream Vera Sans", "Trebuchet", sans-serif;
  background: #ffffff;
  color: #bb0000;
  padding: .5em;
}

.footer
{
  font: italic smaller "Bitstream Vera Sans", "Trebuchet", sans-serif;
  margin-top: 3em;
}

.footer img { vertical-align: text-bottom; }