@charset "UTF-8";

/******************************************************************************
* Submenu
******************************************************************************/
#submenu {
display: inline;
  margin: 0 4.5em;
  padding: .2em 0;
  background-color: #b6b6b6;
  list-style-type: none;
}

#submenu li {
  display: inline;
  padding: 0 .8em;
  padding-right: 2em;
  text-transform: uppercase;
}

#submenu li a {
  color: black;
  text-decoration: none;
}

/******************************************************************************
* Login
******************************************************************************/

#login {
  margin: 1em;
  text-align: right;
}

#login div.side-t {
  background: white url("../image/lst.gif") repeat-x center top;
  color: black;
}

#login div.side-r {
  background: transparent url("../image/lsr.gif") repeat-y right center;
  color: black;
}

#login div.side-b {
  background: transparent url("../image/lsb.gif") repeat-x center bottom;
  color: black;
}

#login div.side-l {
  background: transparent url("../image/lsl.gif") repeat-y left center;
  color: black;
}

#login div.corner-rt {
  background: transparent url("../image/lcrt.gif") no-repeat right top;
  color: black;
}

#login div.corner-rb {
  background: transparent url("../image/lcrb.gif") no-repeat right bottom;
  color: black;
}

#login div.corner-lb {
  background: transparent url("../image/lclb.gif") no-repeat left bottom;
  color: black;
}

#login div.corner-lt {
  padding: 1em;
  background: transparent url("../image/lclt.gif") no-repeat left top;
  color: black;
}

#login  h2 {
  margin: 0;
  margin-bottom: .5em;
  padding: 0;
  color: #4a611c;
  font-size: 1.1em;
  text-transform: uppercase;
}

#login.loged  h2 span {
  text-transform: uppercase;
}

#login.loged  p {
  margin: .3em 0;
  padding: 0;
  text-align: left;
}

#login form, #login fieldset {
  margin: 0;
  border-style: none;
  padding: 0;
}

#login.logout p.form {
  margin: 0;
  color: #4a611c;
  font-size: .9em;
  text-transform: uppercase;
}

#login.logout p.form input {
  border-style: none;
  margin: .2em 0;
  width: 11em;
  background-color: #ddebd6;
  color: #4a611c;
  font-size: .8em;
  font-weight: bold;
}

#login.logout p.action {
  margin: .5em 0;
  padding: 0;
  text-align: left;
  color: #4a611c;
  font-size: .8em;
  font-weight: bold;
  text-align: right;
}

#login.logout p.action a {
  color: #4a611c;
  text-decoration: none;
}

#login.logout p.action a.remember {
  float: left;
  width: 11em;
}

#login.logout p.action a.register {
  margin: 0;
  text-transform: uppercase;
}

#login input.submit {
  margin: 0;
  border-style: none;
  padding: .2em;
  background-color: #4fa800;
  color: white;
  font-size: .8em;
  text-transform: uppercase;
}

#login p.login-error {
  color: red;
}

/******************************************************************************
* Section
******************************************************************************/

#section {
  margin: 1em;
  color: black;
  font-size: 1em;
}

#section div.side-t {
  background: #d7d7d7 url("../image/nst2.gif") repeat-x center top;
  color: black;
}

#section div.side-r {
  background: transparent url("../image/nsr2.gif") repeat-y right center;
  color: black;
}

#section div.side-b {
  background: transparent url("../image/nsb2.gif") repeat-x center bottom;
  color: black;
}

#section div.side-l {
  background: transparent url("../image/nsl2.gif") repeat-y left center;
  color: black;
}

#section div.corner-rt {
  background: transparent url("../image/ncrt2.gif") no-repeat right top;
  color: black;
}

#section div.corner-rb {
  background: transparent url("../image/ncrb2.gif") no-repeat right bottom;
  color: black;
}

#section div.corner-lb {
  background: transparent url("../image/nclb2.gif") no-repeat left bottom;
  color: black;
}

#section div.corner-lt {
  padding: .14em;
  background: transparent url("../image/nclt2.gif") no-repeat left top;
  color: black;
}

#section div.corner-lt div.section {
  margin: 0;
  border-top: .2em groove #ccc;
  padding: .7em;
  padding-left: 3em;
  color: black;
  font-size: 1em;
}

#section div.corner-lt div.section:first-child {
  border-top-style: none;
}

#section a {
  margin: 0;
  padding: 0;
  color: #666;
  text-decoration: none;
}

#section a.active {
  color: #e4702d;
}

/******************************************************************************
* News
******************************************************************************/

#news {
  margin: 1em;
  color: black;
  font-size: 1em;
}

#news div.side-t {
  background: #d7d7d7 url("../image/nst2.gif") repeat-x center top;
  color: black;
}

#news div.side-r {
  background: transparent url("../image/nsr2.gif") repeat-y right center;
  color: black;
}

#news div.side-b {
  background: transparent url("../image/nsb2.gif") repeat-x center bottom;
  color: black;
}

#news div.side-l {
  background: transparent url("../image/nsl2.gif") repeat-y left center;
  color: black;
}

#news div.corner-rt {
  background: transparent url("../image/ncrt2.gif") no-repeat right top;
  color: black;
}

#news div.corner-rb {
  background: transparent url("../image/ncrb2.gif") no-repeat right bottom;
  color: black;
}

#news div.corner-lb {
  background: transparent url("../image/nclb2.gif") no-repeat left bottom;
  color: black;
}

#news div.corner-lt {
  padding: .14em;
  background: transparent url("../image/nclt2.gif") no-repeat left top;
  color: black;
}

#news h2 {
  margin: 0;
  padding: .2em .7em;
  color: #4fa800;
  font-size: 1.4em;
  font-weight: normal;
  text-transform: lowercase;
}

#news div.corner-lt div {
  margin: 0;
  border-top: .2em groove #ccc;
  padding: .3em 1em;
}

#news h3 {
  margin: 0;
  padding: 0;
  color: #4fa800;
  font-size: .9em;
}

#news p {
  margin: 0;
  padding: 0;
  color: black;
  font-size: 1em;
}

#news a {
  margin: 0;
  padding: 0;
  color: #666;
  font-size: .8em;
  font-weight: bold;
  text-decoration: none;
}

/******************************************************************************
* Games
******************************************************************************/

#games {
  margin: 1em;
  color: black;
  font-size: .95em;
}

#games div.side-t {
  background: #d7d7d7 url("../image/nst2.gif") repeat-x center top;
  color: black;
}

#games div.side-r {
  background: transparent url("../image/nsr2.gif") repeat-y right center;
  color: black;
}

#games div.side-b {
  background: transparent url("../image/nsb2.gif") repeat-x center bottom;
  color: black;
}

#games div.side-l {
  background: transparent url("../image/nsl2.gif") repeat-y left center;
  color: black;
}

#games div.corner-rt {
  background: transparent url("../image/ncrt2.gif") no-repeat right top;
  color: black;
}

#games div.corner-rb {
  background: transparent url("../image/ncrb2.gif") no-repeat right bottom;
  color: black;
}

#games div.corner-lb {
  background: transparent url("../image/nclb2.gif") no-repeat left bottom;
  color: black;
}

#games div.corner-lt {
  padding: .14em;
  background: transparent url("../image/nclt2.gif") no-repeat left top;
  color: black;
}

#games div.game {
  margin: 0;
  border-top: .2em groove #ccc;
  padding: .3em 1em;
  height: 6em;
}

#games div.game:first-child {
  border-top-style: none;
}

#games a {
  margin: 0;
  padding: 0;
  color: #666;
  font-size: 1em;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
}

#games div.img {
  float: left;
  margin: .5em .8em;
  padding: 0;
  vertical-align: middle;
}

#games div.txt {
  margin: 1.8em 1em 1.8em 3em;
  padding: 0;
  vertical-align: middle;
}

/******************************************************************************
* Opinion
******************************************************************************/

#opinion {
  margin: 1em;
  text-align: right;
}

#opinion div.side-t {
  background: #e4e1de url("../image/ost.jpg") repeat-x center top;
  color: black;
}

#opinion div.side-r {
  background: transparent url("../image/osr.jpg") repeat-y right center;
  color: black;
}

#opinion div.side-b {
  background: transparent url("../image/osb.jpg") repeat-x center bottom;
  color: black;
}

#opinion div.side-l {
  background: transparent url("../image/osl.jpg") repeat-y left center;
  color: black;
}

#opinion div.corner-rt {
  background: transparent url("../image/ocrt.jpg") no-repeat right top;
  color: black;
}

#opinion div.corner-rb {
  background: transparent url("../image/ocrb.jpg") no-repeat right bottom;
  color: black;
}

#opinion div.corner-lb {
  background: transparent url("../image/oclb.jpg") no-repeat left bottom;
  color: black;
}

#opinion div.corner-lt {
  padding: 1em;
  background: transparent url("../image/oclt.jpg") no-repeat left top;
  color: black;
}

#opinion form, #opinion fieldset {
  margin: 0;
  border-style: none;
  padding: 0;
}

#opinion form {
  color: #4a611b;
  font-size: 1.2em;
  text-transform: lowercase;
}

#opinion input {
  margin-left: .4em;
  border-style: none;
  padding: .1em;
  background-color: #4fa800;
  color: white;
  font-size: .9em;
  text-transform: uppercase;
}