/* base-shape.css */

body { position: relative; margin: 0; padding: 0 } /* reference */

div#header { padding-top: 8px }
div#header h1 { margin: 0 }
div#header h1 span { display: none }
div#header h2 { margin-top: 3px }

div#content {
  padding: 8px 10px;
  position: absolute;
  top: 20px;
  left: 165px;
  right: 25px;
  height: 3000px;
}

div.container { overflow: hidden; width: 100% }

div.item { padding: 0; margin: 0 0 8px; border-style: solid; border-width: 2px }
div.item { border-bottom-width: 5px }
div.item p, div.item h4 { margin: 8px 5px 5px }
div.item h3 { margin: 0; padding: 2px 0 2px 3px }
div.item img { margin: 8px; border-width: 4px; border-style: solid }
div.item img.left { float: left }
div.item img.right { float: right }

div#links {
  position: absolute;
  top: 150px;
  left: 0;
  width: 165px;
}
div#links a {
  display: block;
  margin: 0 0 3px;
  padding: 5px 20px;
}
div#links a.here { padding-right: 16px }

div.listing { border: 0 }
div.listing div { padding: 8px 8px 0 10px }
div.listing div.left { float: left }
div.listing div.right { float: left; border-style: solid; border-width: 5px }
div.listing h3 { padding: 4px }
div.listing h4 { margin: 0; padding: 6px 8px }

div.setpiece { float: left }
div.set { margin: 0.5em 0 }

/* base-font.css */

body { font-family: "Arial", sans-serif }

div#header { letter-spacing: 0.2em }
div#header h2 {
  font-family: "Arial", sans-serif;
  font-size: 0.8em;
  font-weight: normal;
  letter-spacing: 0.1em;
}

div.item { line-height: 135% }
div.item h3 { font-weight: bold }
div.item a { font-weight: normal; text-decoration: none }
div.item span { font-weight: bold; font-size: 1.2em }

div.caption { letter-spacing: 0.1em; font-size: x-small }

div#links { font: 1em "Verdana", "Arial", sans-serif }
div#links a {
  font: bold 1em sans-serif;
  text-align: right;
  text-decoration: none;
}

div.listing div.left { font-weight: bold }

/* base-color.css */

body { background: #140a04 url(images/bg2.jpg) 0 0 no-repeat fixed }

div#header { color: #CCC }
div#header a { color: #EA0 }
div#header img { border-color: #630 }

div#content { background: #666; color: black }

div.item { border-color: #333 }
div.item h3 { background: #000; color: #963 }
div.item h4 { background: #446; color: #fff }
div.item div { background: #111; color: #fff }
div.item a { color: #630 }
div.item a:hover { background: #888 }
div.item img { border-color: #333 }

div#links a {
  background: transparent url(images/bg2.dark.jpg) 0 0 no-repeat fixed;
  color: #FFF;
}
div#links a.here { border-right: 4px solid #666 } /* clean it */
div#links a:hover { color: #999 }
div#links a:active { border-right: 1px solid #CCC }

div.listing { background: #111; color: #fff }
div.listing h3 { background: #000; color: #963 }
div.listing h4 { background: #446; color: #fff }