/* Contents:
-Layout
--Information
--News
--Help Center
--Footer
-Typography
-Hacks
*/

/* LAYOUT 
----------------------- */
* {
    margin: 0;
    padding: 0;
    xoutline: 1px solid tan;
    }
body {
    background: #D9ECFF url("./bg.gif") top left repeat-x;
    text-align: center;
    }
#wrapper {
    background: url("./bodytile.gif") top left repeat-y;
    margin: 0 auto;
    text-align: left;
    width: 779px;
    }
#header {
    height: 226px;
    width: 779px;
    background: url("./header.jpg") top left no-repeat;
    display: block;
    }
#header h1 {
    text-indent: -9999px;
    }
#subheader {
    height: 150px;
    width: 779px;
    background: url("./subheader.jpg") top left no-repeat;
    z-index: 1;
    position: relative;
    }
#subheader h1 {
    text-indent: -9999px;
    }
.clear {
    clear: both;
    }

/* MAIN */
#content {
    background: url("./submid.gif") top left no-repeat;
    padding: 25px 12px 15px 33px;
    }
.code {
    color: #00D1FB;
    font-family: monospace;
    border: 1px solid #FFF;
    padding: 5px;
    margin: 10px;
    }
#content li {
    margin: 0 15px;
    list-style: square;
    }
#newshelpbox {
    background: url("./bodytile.gif") top left repeat-y;
    width: 779px;
    }

/* MENU */
#menu {
    padding: 0 12px 0 33px;
    background: url("./submenutile.gif") top left repeat-y;
    z-index: 2;
    position: relative;
    }
#menu li {
    list-style: none;
    display: inline;
    }
#menu li a {
    padding: 15px .5em 16px;
    color: #FFF;
    }
#menu li a:hover {
    color: #00D1FB;
    }
#onforum #forumlink a, #ondownload #downloadlink a, #ondemo #demolink a, #ondocs #docslink a, #onsupport #supportlink a {
    color: #0085B0;
    background: #FFF;
    font-weight: bold;
    }
#onforum #forumlink a:hover, #ondownload #downloadlink a:hover, #ondemo #demolink a:hover, #ondocs #docslink a:hover, #onsupport #supportlink a:hover {    color: #000;
    }

/* INFORMATION */

#info {
    background: url("./menutile.gif") top left repeat-y;
    width: 779px;
    }
#info h2 {
    display: none;
    }
.infobox {
    width: 217px;
    float: left;
    }
.summary {
    margin: 0 0 0 20px;
    }
div>.summary {
    margin: 0 0 0 40px;
    }
.download {
    margin: 0 0 0 33px;
    }
.demo {
    margin: 0 0 0 33px;
    }

/* NEWS */
#news {
    padding: 50px 12px 15px 33px;
    background: url("./menubottom.gif") top left no-repeat;
    clear: both;
    float: left;
    }
.newsbox, .adbox {
    margin: 0 10px;
    float: left;
    width: 347px;
    }
.adbox {
    float: right;
    }

/* HELP CENTER */
#helpcenter {
    padding: 0 12px 0 33px;
    clear: both;
    }
#helpcenter h2 {
    padding: .5em 0 .5em;
    }
#basichelp {
    float: left;
    width: 367px;
    }
.helpbox {
    margin: 0 7px;
    width: 353px;
    }    
#forums {
    float: left;
    width: 367px;
    }
.forumbox {
    margin: 0 7px;
    width: 353px;
    }

/* FOOTER */
#footer {
    background: url("./footertile.gif") top left repeat-y;
    }
#footerlinks {
    padding: 40px 12px 0px 36px;
/*    width: 779px;*/
    min-height: 33px;
    background: url("./footertop.gif") top left no-repeat;
    }
.footermenu {
    float: left;
    width: 25%;
    }
#footer li {
    padding: 0 0.4em;
    list-style: none;
    }
.copyright {
    background: url("./footerbottom.gif") bottom left no-repeat;
    clear: both;
    text-align: center;
    padding: 2em 0 1em;
    margin: 1em 0 0;
    width: 779px;
    }
.copyright li {
    display: inline;
    }

/* FORUM */
#forumtablemain {
    padding: 20px 0 0;
    }

.phpbbcopy, .postbody {
    color: #000;
}

/* Typography 
----------------------- */
a:link {    color: #00D1FB;    }
a:visited {    color: #0085B0;    }
a:hover {    color: #0085B0;    }
a:active {    color: #0085B0;    }

body {
    font-size: 76%;
    line-height: 1.3em;
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    color: #FFF;
    }
p {
    padding: 0.25em 0 0.25em 0;
    }
.poststamp {
    margin: 1em 0.5em 0;
    font-weight: bold;
    }
h2 {
    font-size: 173%;
    }
#content h2 {
    font-size: 200%;
    }
h3 {
    font-size: 144%;
    }
#content h3 {
    font-size: 150%;
    }
h4 {
    font-size: 120%;
    }
h1, h2, h3 {
    color: #00D5FF;
    padding: .5em 0 .25em;
    }
#content h1, #content h2, #content h3 {
    padding: 1em .5em .5em;
    }
#info h3 {
    padding: 0 0 .25em;
    }    
#footer h3 {
    font-size: 125%;
    font-weight: normal;
    color: #000;
    }
.more {
    float: right;
    margin: 0 1em;
    }
.copyright, .copyright a {
    color: #000;
    }
.footermenu a {
    color: #0085B0;
    }
.footermenu a:hover {
    color: #000;
    }