body {
   font: 10px tahoma, sans-serif;
   margin-left: auto;
   margin-right: 0;
   margin-bottom: 0;
   margin-top: 0;
   padding-left: 5px;
   padding-right: 0;
   padding-bottom: 0;
   padding-top: 0;
   width: 450px;
   background: #101818;
   color: #606850;
}

a {
   text-decoration: none;
   color: #98a880;
}

a:hover {
   text-decoration: underline;
   color: #e8f0f0;
}

.u {
   text-decoration: underline;
}

#top {
   text-align: right;
}

#top .title {
   background: url(lavos/title.png) no-repeat top right;
   height: 70px;
}

#top .title h1,
#top .message h2 {
   display: none;
}

#menu {
   border: 1px solid #606850;
   border-bottom: 0;
   border-right: 0;
   height: 16px;
}

#menu dl {
   margin: 0;
}

#menu dl dd {
   float: left;
   margin: 0;
   padding: 0;
}

#menu dl dd a {
   display: block;
   border-right: 1px solid #606850;
   padding: 2px 5px;
   background: #101818;
}

#menu dl dd a:hover {
   background: #203028;
   text-decoration: none;
}

#gatesmenu {
   position: absolute;
   top: 71px;
   right: 0;
}

#gatesmenu dt {
   border-left: 1px solid #606850;
   padding: 2px 5px;
   color: #98a880;
   margin-bottom: 3px;
   cursor: default;
}

#gatesmenu dd a {
   border-right: 0px;
}

#gatesmenu:hover dt {
   background: #203028;
   color: #e8f0f0;
}

#gatesmenu:hover dd {
   float: none;
   display: block;
   text-align: right;
   margin-top: -2px;
   margin-left: -55px;
   border-left: 1px solid #606850;
   border-bottom: 1px solid #606850;
}

#gatesmenu:hover a {
   border-right: 0px;
}

#gatesmenu dd,
#ourmenu dt,
#stylesmenu dt,
#validatemenu dt,
#menu dl.img img {
   display: none;
}

#content {
   clear: right;
   border: #606850 1px solid;
   border-right: 0px;
   padding: 5px;
}

#content .intro {
   margin-bottom: 1em;
   text-align: justify;
}

/* kickin it CSS2 style! */
#content .intro:hover {
   color: #98a880;
}

#content .entry {
   border: #606850 1px dashed;
   padding: 5px;
   margin-bottom: 1em;
   background: url(lavos/lavos-dark.png) no-repeat top right;
}

/* DIE IE, I CAN USE :hover ON ANY ELEMENT I WANT!*/
#content .entry:hover {
   border: #98a880 1px solid;
   color: #98a880;
   /*background: url(lavos/lavos-light.png) no-repeat top right;*/
}

#content .entry:hover a {
   color: #e8f0f0;
}

#content .entry h3 {
   text-align: right;
   font-size: 10px;
   margin: 0;
   margin-bottom: 2px;
   background: url(lavos/flame-dark.png) no-repeat left top;
   height: 15px;
}

#content .entry:hover h3 {
   background: url(lavos/flame-light.png) no-repeat left top;
}

#content .entry p {
   text-align: justify;
   padding-right: 1em;
   margin-top: 0px;
   margin-bottom: 1em;
}

#content .entry p.indent {
   padding-left: 1em;
}
