html, body {
  background: #000 url(../gfx/obg.png) repeat-y top left;
  color: #888;
  height: 100%;
  min-height: 626px;
  font-family: georgia, serif;
  font-size: medium;
  margin: 0;
  padding: 0;
}

h1#title {
  display: block;
  background: url(../gfx/ologo.jpg) no-repeat top left;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 308px;
  height: 620px;
  margin-bottom: -200px;
  text-indent: -1000em;
}

#container {
  min-height: 100%;
  max-width: 30em;
  border: 1px solid black;
  min-width: 15em;
  margin: 0 0 0 301px;
  padding: 0 28px 0 20px;
  background: transparent url(../gfx/oline.png) repeat-y top right;
}

* html #container {
  width: 30em;
  height: 100%;
}


#menu {
  position: absolute;
  top: 62px;
  left: 0px;
}

#menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#menu li a {
  display: block;
  width: 197px;
  text-indent: -1000em;
  height: 58px;
}

#menu > a {
  display: block;
  cursor: default;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 33px;
  top: 498px;
}

#menu li#nav_main a {
  background: url(../gfx/omenu.png) no-repeat 0 0;
}
#menu li#nav_news a {
  background: url(../gfx/omenu.png) no-repeat 0 -58px;
}
#menu li#nav_members a {
  background: url(../gfx/omenu.png) no-repeat 0 -116px;
}
#menu li#nav_wars a {
  background: url(../gfx/omenu.png) no-repeat 0 -174px;
}
#menu li#nav_misc a {
  background: url(../gfx/omenu.png) no-repeat 0 -232px;
}

#menu li#nav_main a:hover {
  background-position: -197px 0;
}
#menu li#nav_news a:hover {
  background-position: -197px -58px;
}
#menu li#nav_members a:hover {
  background-position: -197px -116px;
}
#menu li#nav_wars a:hover {
  background-position: -197px -174px;
}
#menu li#nav_misc a:hover {
  background-position: -197px -232px;
}

.pagedescription {
  position: absolute;
  top: 16px;
  margin: 0;
  text-indent: -100em;
  border: none;
  overflow: hidden;
}

#site_news .pagedescription {
  width: 190px;
  height: 40px;
  background: transparent url(../gfx/newsheader.gif) no-repeat top left;
}

#site_members .pagedescription {
  width: 228px;
  height: 40px;
  background: transparent url(../gfx/membersheader.gif) no-repeat top left;
}

#site_admin .pagedescription {
  width: 142px;
  height: 40px;
  background: transparent url(../gfx/adminheader.gif) no-repeat top left;
}

#site_wars .pagedescription {
  width: 250px;
  height: 40px;
  background: transparent url(../gfx/warsheader.gif) no-repeat top left;
}

#site_main .pagedescription {
  width: 250px;
  height: 40px;
  background: transparent url(../gfx/mainheader.gif) no-repeat top left;
}

#main:before {
  display: block;
  line-height: 0px;
  background: url(../gfx/corners.png) no-repeat top right;
  content: url(../gfx/corners.png);
  margin: -30px -30px 20px -30px;
  overflow: hidden;
}

#site_news #main {
  background: #A1B38F url(../gfx/newsboy.jpg) no-repeat top right;
}

#site_main #main {
  background: #A1B38F url(../gfx/mainback.jpg) no-repeat top center;
}

#main {
/*
  border-top: 2px solid #738064;
  border-left: 2px solid #738064;
*/
  background-color: #A1B38F;
  color: #000;
  margin-top: 30px;
  padding: 20px 20px 10px 20px;
}

#main:after {
  display: block;
  line-height: 0px;
  background: url(../gfx/corners.png) no-repeat bottom right;
  content: url(../gfx/corners.png);
  margin: 0 -30px -20px -30px;
  overflow: hidden;
}

.latestnewslist {
  font-family: sans-serif;
  font-size: small;
}

.latestbattleslist {
  font-family: sans-serif;
  font-size: small;
}

.newsitem {
  margin-top: 20px;
}

.newsitem {

}

.newsitem p {

}

.author {
  margin-left: 5px;
  font-family: verdana, sans-serif;
  font-size: small;
}

.date {
  margin-left: 5px;
  padding-top: 5px;
  font-size: small;
  font-family: sans-serif;
}

h1 { margin: 0; }

h2, h3 {
  margin: 5px 0 0 0;
  text-transform: uppercase;
  display: block;
  border-bottom: 1px solid black;
  font-family: georgia, sans-serif;
  font-weight: 700;
  font-size: medium;
}

h4 {
  margin: 5px 0 0 0;
  font-size: small;
}

ol.comments {
  list-style-type: none;
  padding: 0;
} 

.comment {
  padding: .5em;
  background-color: #90A278;
  color: #000;
  border: 1px solid black;
  margin-bottom: 10px;
}

.comment p {
  overflow: hidden;
}

.commentnumber {
  float: right;
  padding: .3em;
  font-size: x-large;
  font-weight: normal;
  font-family: sans-serif;
}

.commenttext {
  display: block;
  text-align: right;
  margin-top: -1em;
  line-height: 1em;
  font-family: sans-serif;
  font-size: small;
  width: 100%;
  overflow: hidden;
}


#site_members .control {
  text-align: right;
  line-height: 50%;
  clear: right;
}

#site_news .control {
  float: right;
}

.modify, .remove {
  display: inline;
  margin: 0px;
  margin-left: .2em;
  font-size: x-small;
}

.member, .user {
  background-color: #738064;
  color: #000;
  border: 1px solid black;
  padding: .5em;
  min-height: 60px;
  margin-bottom: 10px;
}

* html .member {
  height: 60px;
}

.property {
  margin-right: 60px;
  margin-left: 10px;
  clear: none;
  font-size: small;
}

.property .label {
  margin-left: -5px;
  font-family: sans-serif;
  font-weight: bold;
}

.property .value {
  margin-left: 10px;
  font-family: sans-serif;
}

.member .picture {
  float: right;
  clear: right;
}

.emph {
  font-weight: 700;
}

form label { 
  display: block; 
  font-family: sans-serif;
  font-size: small;
  line-height: 16pt;
}

form input {
  margin-bottom: .5em;
}

form input + label {
  display: inline;
  margin-left: .5em;
  vertical-align: top;
}

fieldset {
  border: 1px solid black;
  padding-left: .7em;
}

legend {
  font-weight: bold;
  border: 1px solid black;
  padding: 0 .5em 0 .5em;
}

textarea {
  background-color: #CCC;
  color: #000;
  height: 10em;
  width: 26em;
  max-width: 100%;
}

input {
  max-width: 100%;
}

input[type="text"], input[type="password"] {
  background-color: #CCC;
  color: #000;
  width: 18em;
}

.memberproperty input {
  width: 12em !important;
}

input:disabled, input[readonly] {
  background-color: #999 !important;
}

textarea:focus, input:focus {
  background-color: #FFF;
}

input.propremovebox {
  width: auto !important;
  margin-top: -10px;
  margin-left: 0px;
}

input[type="checkbox"] {

}

input {
  margin: 0;
}

#preview {
  border: 1px solid black;
  padding: 10px;
  display: none;
  margin-top: 10px;
}

#logininfo {
  font-size: 10pt;
}

#footer {
  margin: 5px 10px 0 10px;
  padding: 5px;
  font-size: x-small;
}

/*
#footer:hover {
  background-color: #A1B38F;
  color: #000;
}
*/

a:link, a:visited, a:active  {
  text-decoration: none;
  color: #A22;
  background-color: inherit;
}

a:visited {
  color: #644;
  background-color: inherit;
}

a:hover {
  text-decoration: underline !important;
}

abbr {
  letter-spacing: 0.1em;
}

table {
  font-family: sans-serif;
  font-size: small;
  border-collapse: collapse;
}

th {
  text-align: left;
  border-bottom: 1px solid black;
  padding-right: 1em;
  padding-top: .5em;
}

.warscorelose {
  color: #AA3030;
  background-color: inherit;
}

.warenemy {
  font-weight: bold;
}

.wardate {
  font-size: x-small;
}

th.game {
  border-bottom: none;
}

td {
  padding-right: 1em;
}

.flash {
  border: 3px solid #30DD30;
  padding: .5em;
}

#error {
  border-color: #AA3030;
}

img.captcha {
  float: right;
}