@charset   "UTF-8";

body {
       font-size: 75%;
       text-align: center;
}

#wrapper {
        width: 900px;
        margin: 0 auto;
}

#header {
        position: relative;
        width: 100%;
        height: 120px;
        background: url(onlinegame-underline.gif) repeat-x left bottom #1e90ff;
}

h1 {
        position: absolute;
        right: 30px;
        top: 40px;
}

#sitelogo {
        position: absolute;
        left: 5px;
        top: 60px;
}

#left {
        float: left;
        width: 168px;
        border: solid 1px;
}

#contentbox {
        float: right;
        width: 730px;
}

#center {
        float: left;
        width: 558px;
        border: solid 1px;
}

#right {
        float: right;
        width: 168px;
        border: solid 1px;
}

p {
       text-align: left;
       color: #808080;
       line-height: 1.5em;
       padding: 10px;
       font-size: 1.2em;
}

p img {
       margin: 10px 0; }

#right img {
       margin: 5px 0; }

h2 {
       font-size: 1.4em;
       line-height: 1.5em;
       background: #000000;
}

h2 a {
       color: #ffffff;
       display: block;
}

h2 a:hover {
       color: #808080;
       background: #ffffff;
}

h3 {
       font-size: 1.2em;
}

h4 {
       font-size: 1.3em;
       margin: 10px 0;
}

#sidenavi {
}

#sidenavi li {

}

#sidenavi a {
         line-height: 2.3em;
         padding-left: 0px;
         display: block;
         background: #ffffff;
         color: #000000;
}

#sidenavi a:hover {
         background: #000000;
         color: #ffffff;
}       


#footer {
       clear: both;

}