html, body, p, table
{ 
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 12px;
  text-align: left;
  color: #555;
  }

div.content p
{
  max-width: 500px;
  }

div.content p.meta
{ 
  color: #CCC;
  font-size: 10px;
  width: 90%;
  max-width: 90%;
  }

p.meta a
{ 
  color: inherit;
  text-decoration: inherit;
  }

p.meta a:hover
{ 
  text-decoration: underline;
  }

p.metatop
{
  border-bottom: 1px #EEE solid;
  }

p.metabottom
{ 
  margin-bottom: 30px;
  }

.bold
{ 
  font-weight: bold;
  }

.mono
{ 
  font-family: monospace;
  font-size: 10px;
  }

body
{ 
  padding: 0px;
  margin:  0px;
  background-color: transparent;
  }

img#bg
{ 
  width: 100%;
  height: 100%;
  z-index: -1;
  position: fixed;
  top: 0px;
  left: 0px;
  color: white;
  }

div
{ 
  background: #FFF;
  }

h1, h2, h3, h4, h5, h6
{ 
  color: #7B3;
  font-weight: normal;
  margin-bottom: -10px;
  }

h1
{ 
  font-family: Charter, Serif
  }

h1 a
{ 
  color: inherit;
  text-decoration: inherit;
  }

h1 a:hover
{
  text-decoration: underline;
  }

a
{ 
  color: #B97;
  text-decoration: none;
  }

a:hover
{ 
  text-decoration: underline;
  }

table
{ 
  border: 1px solid #666;
  border-collapse: collapse;
  padding: 10px 0px 0px 20px;
  }

th, td 
{
  padding: 5px 15px 5px 15px;
  }

caption
{
  text-align: left;
  font-style: italic;
  color: #259;
  margin-bottom: 2px;
  }

th
{ 
  background-color: #CCC;
  border-bottom: 1px solid #AAA;
  }

td
{  
  border: 1px dotted #AAA;
  }

dd
{ 
  margin-left: 18px;
  }

blockquote
{ 
  background-image: url("/images/quotebg.gif");
  background-repeat: no-repeat;
  background-position: 0px 0px;
  padding: 10px 0px 0px 20px;
  margin: -10px 10px 20px 15px;
  overflow: visible;
  }

pre
{ 
  padding: 10px 0px 0px 20px;
  border-left: 2px solid #A87;
  }

pre b
{ 
  color: #345;
  }

img.left
{ 
  border: 1px solid #333;
  float: left;
  }

img.right
{ 
  border: 1px solid #333;
  float: right;
  }

img.soclink
{
  border: 0;
  }
div.alt
{ 
  background: #F8F8F8;
  }

div.comment table, div.comment tr, div.comment td
{ 
  border: 0;
  padding: 0;
  margin: 0;
  padding-right: 20px;
  }

input, textarea
{ 
  border: 1px #BBB solid;
  margin: 3px;
  margin-left: 0;
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 12px;
  }

div.box
{ 
  position: fixed;
  right: 30px;
  top: 46px;
  width: 160px;
  padding: 10px;
  border: 1px solid #AAA;
  background: #FFF;
  }

div.box h1
{ 
  font-size: 12px;
  font-weight: bold;
  }

div.content
{ 
  width: 60%;
  margin-right: 240px;
  margin-left: auto;
  margin-top: 46px;
  margin-bottom: 45px;
  padding: 10px;
  border: 1px solid #AAA;
  background: #FFF;
  }

div.menu
{ 
  position: fixed;
  top: 0px;
  width: 100%;
  background: #EEE;
  height: auto;
  border-bottom: 1px solid #259;
  z-index: 10;
  filter: alpha(opacity=80);
  moz-opacity: .80;
  opacity: .80;
  }

div.menu table
{ 
  margin: auto;
  border: 0;
  }

div.menu td
{ 
  font-weight: bold;
  padding: 1px 50px 1px 50px;
  border: 0;
  }

div.menu td:hover
{ 
  background: #DDD;
  }

div.menu td.selected
{ 
  background: #CCC;
  }

div.menu td a
{ 
  text-decoration: none;
  color: #333;
  }

div.menu td a:hover
{ 
  color: #000;
  }

div.box ul li
{
  margin-bottom: 5px;
  }

address
{ 
  font-size: 10px;
  width: 100%;
  height: 15px;
  padding-top: 2px;
  background-color: #EEE;
  z-index: 10;
  filter: alpha(opacity=80);
  moz-opacity: .80;
  opacity: .80;
  border-top: 1px solid #259;
  text-decoration: none;
  text-align: center;
  position: fixed;
  bottom: 0px;
  }

address a
{ 
  color: #555;
  text-decoration: none;
  }

address a:hover
{ 
  text-decoration: underline;
  }