/***( General Configuration )***/

body {
  padding: 0;
  margin: 0;
  background: #bb8 url(/images/bg.jpg) repeat fixed;
  color: #000;
  font-family: georgia, times, "time new roman", serif;
  font-size: 14px;
  _text-align: center;
}

p {
  text-align: justify;
  line-height: 1.3em;
}

a, a:link, a:visited, a:hover, a:active {
  color: #240;
  background-color: inherit;
  text-decoration: none;
  border-bottom: 1px dashed #240;
}

p:hover a:link, p:hover a:visited {
  border-style: none;
  background-color: #462;
  color: #000;
}

a:hover, a:active {
  border-style: none !important;
  background-color: #000 !important;
  color: #462 !important;
}

div.center {
  margin: 0 auto;
  text-align: center;
}

p.center {
  text-align: center;
}

.b {
  font-weight: bold;
}

.u {
  text-decoration: underline;
}

.i {
  font-style: italic;
}

div.spacer {
  clear: both;
  height: 1px;
}

pre {
  background-color: #bb8;
  color: #000;
  font-size: 80%;
  padding: 5px;
  border: dashed #240 3px;
  overflow: auto;
}

h1 {
  color: #bb8;
  background-color: inherit;
  font-size: 80%;
  font-weight: bold;
  text-align: center;
  padding: 0;
  margin: 0 0 1em 0;
}

/***( Page Layout )***/

#grass {
  position: fixed;
  top: 100%;
  margin-top: -100px;
  background: transparent url(/images/grass.png) no-repeat scroll center bottom;
  height: 100px;
  width: 100%;
  z-index: 99;
  _display: none;
}

#wrapper {
  background: #bb8 url(/images/content_bg.jpg) repeat-y fixed center top;
  color: inherit;
  width: 700px;
  margin: 0 auto;
  border-width: 0 10px 10px 10px;
  border-style: solid;
  border-color: #432;
  padding: 0 0 110px 0;
  _text-align: left;
  _padding-bottom: 0;
}

#navbar {
  width: 130px;
  float: left;
  border-width: 0 9px 9px 0;
  padding: 10px 0 0 10px;
  font-weight: bold;
}

#swamp {
  text-align: center;
  padding-bottom: 10px;
}

#swamp a {
  background-color: transparent !important;
}

#navbar img {
  border-width: 0;
}

#navbar a {
  text-decoration: none;
  border-width: 0;
}

#navbar ul {
  width: 130px;
  list-style: none;
  margin: 0;
  padding: 0 0 0 1em;
  text-indent: -1em;
  font-size: 90%;
}

#navbar ul ul {
  font-size: 100%;
}

#nav-content {
  margin: 0 0 1em 0;
}

#nav-content>li {
  margin-top: 1em;
}

#nav-content a {
  color: #000;
  background-color: inherit;
}

#nav-info {
  color: #bb8;
  background-color: inherit;
}

#nav-info a {
  color: #bb8;
  background-color: inherit;
}

#navbar #copyright {
  margin-top: 1em;
  font-size: 70%;
}

#content {
  padding: 10px 10px 0 0;
  margin: 0 0 0 170px;
}

/***( News )***/

.news, ul.news-archive {
  padding: 9px;
  margin: 0 0 1em 0;
  border-top: 3px solid #432;
  border-left: 3px solid #432;
  border-bottom: 9px double #432;
  border-right: 9px double #432;
  background: transparent url(/images/content_bg_light.jpg) repeat-y fixed center top;
  color: inherit;
}

ul.news-archive, ul.news-archive ul {
  list-style: none;
}

ul.news-archive li {
  margin-bottom: 0.2em;
  font-size: 100%;
}

ul.news-archive a {
  color: #000;
  border-width: 0;
}

ul.news-archive .day {
  float: left;
  width: 2em;
}

.news h2.title {
  color: #240;
  background-color: transparent;
  font-weight: bold;
  font-size: 120%;
  border-bottom: 3px solid #240;
  margin: 0;
  padding: 0;
}

.news h2.title a {
  text-decoration: none;
  border-width: 0;
  color: #240;
  background-color: inherit;
}

.news .time {
  text-align: right;
  font-size: 70%;
}

.news img.main {
  float: right;
  padding: 0;
  margin: 0 0 1em 1em;
  border: 3px solid #240;
}

.news blockquote {
  margin: 0 2em 0 1em;
  border-left: 3px solid #240;
  padding: 0 3px 0 1em;
}

.news h3 {
  color: #240;
  background-color: inherit;
  border-top: 2px dashed #240;
  margin: 0;
  padding: 0.25em 0 0.5em 0;
}

p.convo {
  padding: 0 0 0 2.5em;
  text-indent: -2.5em;
  margin: 0;
}

p.convo span.person {
  font-weight: bold;
}

p.convo span.action {
  font-style: italic;
}