body {
  background: #5e5e5c;
  font: 11px arial;
  color: #5e5e5c;
  text-align: justify;
  margin: 0px; 
  padding: 0px;
  letter-spacing: 1px;
  text-align: justify;
  line-height: 13px;
}

#layout {
  background: #fbfbfb;
  margin-right: auto;
  margin-left: auto;
  width: 700px;
  padding-bottom: 0px;
  }

.quote {
  margin-left: 20px;
  margin-top: -290px;
  width: 300px;
  height: 85px;
  font: 10px georgia;
  }

#header {
  width: 700px;
  margin-right: auto;
  margin-left: auto;
  z-index: 1;
  position: relative;
  clear: none;
  height: 450px;
  }

#content {
  width: 500px;
  margin-top: 200px;
  float: right;
  position: relative;
  z-index: 2;
  }

#nav {
  width: 185px; 
  color: #5f0707;
  margin-top: 200px;
  float: left;
  position: relative;
  z-index: 2;
  }

html>body #content, html>body #nav {
  margin-top: -200px;
  }

* html #content, * html #nav {
  margin-top: -200px;
  }


#footer {
  background: #dddddd;
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 700px;
  clear: both;
  }

.foot {
  padding: 5px;
  width: 594px;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  font: 10px arial;
  }

.stats {
  width: 78%;
  border: 1px dotted #a587a7;
  background: #e9e9e9 url(http://always-dreaming.net/twilight/skins/grey/stats2.jpg);
  margin-left: 43px;
  padding: 15px;
  margin-top: 20px;
  color: #5f5f5f;
  font: 10px georgia;
  }

.stats a{ 
  color: #6e160f;
  }

table {
  border-spacing: 4px 6px;
  }

a { 
  text-decoration: none; 
  color: #468ba6;
  letter-spacing: 1px;
  }

a:hover {
  color: #2b657b; 
  }

input, textarea{
  background-color: #ececec;
  font: 11px arial;
  color: #65478c;
  letter-spacing: 1px;
  border: 1px solid #dadada;
  padding:3px; 
  }

option, select {
  background-color: #ececec;
  font: 11px arial;
  color: #65478c;
  letter-spacing: 1px;
  border: 1px solid #dadada;
  padding:2px; 
  }

option {
  border: 0px;
  }

#nav div.header, #nav h2{ 
  width: 150px;
  font: 12px georgia;
  color: #c65f5f;
  font-style: italic;
  background: #e3dce1;
  text-align: left;
  letter-spacing: 3px;
  text-transform: lowercase;
  padding-left: 25px;
  padding-bottom: 2px;
  padding-top: 2px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 0px;
  border-bottom: 1px dashed #a7a7a7;
  }

#nav .body {
  background: #f3f3f3;
  color: #5e5e5c;
  width: 165px;
  padding: 5px;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  text-align: justify;
  }

#content div.header, #content h2{ 
  font: 12px georgia;
  color: #c65f5f;
  font-style: italic;
  background: #e3dce1;
  text-align: left;
  letter-spacing: 3px;
  text-transform: lowercase;
  margin-bottom: 0px;
  padding-left: 25px;
  padding-bottom: 2px;
  padding-top: 2px;
  width: 465px;
  margin-left: -6px;
  margin-right: 10px;
  border-bottom: 1px dashed #a7a7a7;
  }

#content .body {
  background: #f3f3f3;
  color: #5e5e5c;
  width: 480px;
  padding: 5px;
  margin-left: -6px;
  margin-right: 10px;
  margin-bottom: 10px;
  text-align: justify;
  }

* html #content .body {
  padding: 10px;
  width: 470px; }

b {
  color: #7777aa; 
  }

.stats b {
  color: #c8a656;
  }

i {
  color: #d17ea5;
  font: 11px georgia;
  font-style: italic;
  }

#content img a, #content img { 
  border: 7px solid #dddddd;
  margin: 4px;
  }

#content a:hover img {
  border: 7px solid #af98ad;
  }

img.float {
float: left;
border: 5px solid #eee;
margin-right: 10px;
}

img.floatr {
float: right;
border: 5px solid #eee;
margin-left: 10px;
}

* html img.float {
margin-top: -5px;
}

* html img.floatr {
margin-top: -5px;
}