/* ripped and modified from slashdot.org */

* {margin: 0; padding: 0;}
.body ul, .body li { padding-left: 1em;}
body {
  padding-bottom: 15px;
  font: 100%/150% sans-serif;
  width: auto;
  position: relative;
}

table, tr, td, th { font-size: 100%; }

h1 {
  margin: 1em 0 1em 0;
  color: #2b5e82;
  font-size: 200%;
  line-height: 200%;
  text-align: center;
}

h2 {
  margin: 1em 0 .25em 0;
  font-size: 139%; /* 18px */
  padding: .3em .7em .45em .7em;
  color: #2b5e82;
  background: #d0e8ff;
}

/* Contents */
.content {
  width: auto;
  z-index: 1;
  position: relative;
  margin-left: 8em;
  margin-right: 1em;
}

.code {
  font: 100% monospace;
}

.note {
  vertical-align: top;
  font-size: 80% ;
}

.footer {
  text-align: right;
  color: #222;
  font-size: 90% ;
  margin: 0.5em ;
}

a { color: #2b5e82; }
a:visited { color: #555; }
a:hover { text-decoration: none; }

img { border: none; text-decoration: none; }

/* Links (left sidebar) */
div.links {
  float: left;
  width: 7em;
  margin-right: 1.25em;
  background: #eee;
  padding: 0;
  margin: 0;
}
  div.links  ul {
    list-style: none;
    border-bottom: 1px solid #ddd;
    line-height: 100%; 
  }
  div.links ul li a {
      display: block;
      padding: .4em .8em .55em .8em;
      font-size: 93%;
      border-top: 1px solid #ddd;
  }
  div.links ul li a:hover {
    color: #fff;
    text-decoration: none; 
    background: #2b5e82 ;
  }