/* 
 * Time-stamp: <2008-03-30 00:01:04 MET>
 *
 * A retro-looking stylesheet.
 *
 * If you copy anything from here, I won't be responsible if it
 * doesn't behave the way you thought it would.
 *
 * M.C. Widerkrantz, mc at the domain hack.org
 *
 */

body 
{
  font-family: sans-serif;
  /* Apparently this has some meaning in MSIE. */
  font-size: 100%;

  background: #000;
  color: rgb(144, 238, 144); /* light green */

  max-width: 45em;
  margin-left: 10%;
  margin-right: 10%;
  margin-bottom: 2ex;
  margin-top: 2ex;
}

h1 {
  font-size: 200%;
  font-weight: lighter;
  margin-top: 0ex;
  margin-bottom: 1ex;
  text-align: left;
}

h2 {
  font-size: 130%;
  font-weight: lighter;
  margin-top: 1ex;
  margin-bottom: 0.5ex;
  text-align: left;
}

h3 {
  font-size: 110%;
  font-weight: lighter;
  margin-top: 1ex;
  margin-bottom: 0.5ex;
  text-align: left;
}

p {
  margin-top: 1.5ex;
  margin-bottom: 0ex;
  font-size: 100%;
}

pre {
  font-size: 100%;
  margin-top: 0.5ex;
  margin-bottom: 0ex;
}

ul {
  list-style-position: outside;
  margin-top: 0.5ex;
  margin-bottom: 1ex;
  padding-left: 0.5em;
  margin-left: 1.5em;
  margin-right: 2em;
  font-size: 100%;
  font-weight: normal;
  text-indent: 0em;
}

/* Use a thin border around all images. */
/*img {
  border: solid;
  border-width: thin;
}*/

/*
 * For use with the green on black retro look, we need sparkier link
 * colours than default in most browsers.
 */

/* for unvisited links */
:link { 
  color: rgb(173, 216, 230); /* light blue */
  text-decoration: none;
  page-break-after: always;
}

/* for visited links: purple */
:visited 
{ 
    color: rgb(253, 0, 253);
    text-decoration: none;
}

/* when mouse is over link or the link is active*/
a:hover, a:active 
{ 
/* text-decoration: underline; */
   color: white;
   background: rgb(85, 107, 47); /* dark olive green */
}

/* Very clean ruler with no shadows. */
hr
{ 
  border: none;
  color: rgb(144, 238, 144);
  height: 1px;
  background-color: rgb(144, 238, 144);
}