/*
  -------------------------------
  Stylesheet for The Louis Stories
  Copyright (c) 2006, Falconesque
  -------------------------------
*/

body {
  padding: 1em 10em 5em 10em;
  margin: 0em;
  font-family: monospace;
  font-size: medium;
  line-height: 1.5em;
  color: navy;
  background: white;
  background-image: url(http://www.esque.com/slr/images/ai_vert.jpg);
  background-position: 25px 15px;
  background-attachment: fixed;
  background-repeat: no-repeat;
}

h1 {
  color: inherit;
  font-family: monospace;
  font-size: xx-large;
  line-height: 1.5em;
  font-weight: bold;
  text-align: center;
}

h2 {
  font-family: monospace;
  font-size: x-large;
  text-align: center;
}

h3 {
  font-family: monospace;
  font-size: large;
  text-align: center;
}

ul.navtop {
  list-style-type: none;
  margin: 0;
  padding: 2.5em 0;
  border-bottom: 1px solid #666666;
}

ul.navmiddle {
  list-style-type: none;
  margin: 0;
  padding: 0;
  border-style: none;
}

ul.navbottom {
  list-style-type: none;
  margin: 0;
  padding: .5em 0;
  border-top: 1px solid #666666;
}

ul.navtop li a {
  display: block;
  width: 12em;
  color: #ffffff;
  background-color: #000080;
  padding: .2em 0;
  text-align: center;
  text-decoration: none;
}

ul.navmiddle li a {
  display: block;
  width: 6em;
  color: #ffffff;
  background-color: #000080;
  padding: .2em 0;
  text-align: center;
  text-decoration: none;
}

ul.navbottom li a {
  display: block;
  width: 12em;
  color: #ffffff;
  background-color: #000080;
  padding: .2em 0;
  text-align: center;
  text-decoration: none;
}

ul.navtop li a:hover {
  color: #ffffff;
  background-color: #6699cc;
}

ul.navmiddle li a:hover {
  color: #ffffff;
  background-color: #6699cc;
}

ul.navbottom li a:hover {
  color: #ffffff;
  background-color: #6699cc;
}

ul.navtop .left { float: left; }
ul.navtop .right { float: right; }

ul.navmiddle .left { float: left; }
ul.navmiddle .right { float: right; }

ul.navbottom .left { float: left; }
ul.navbottom .right { float: right; }

ul.contents {
  list-style: url("http://www.esque.com/images/ruby.gif") disc;
  margin: 0 0 0 35%;
}

ul.contents li a:hover {
  color: #990000;
  background-color: #ffffff;
}

a:link { color: #008000 }
a:hover { color: #00A200 }
a:active { color: #00A200 }
a:visited { color: #586588 }