/* General styling */
body {
    margin: 0; background-color: rgb(0,64,128);
    font-family: "Verdana", sans-serif;
}
body * { box-sizing: border-box; }

table { border-spacing: 0; }
td { padding: 0; }





/* Content styling */

/*~ Centering divs (margin-auto substitute for old browsers) */
.block { text-align: center; }
.wrapper { display: inline-block; width: 700px;/*subject to change*/ text-align: left; }



/*~ Navigation bar */
#nav, #nav .wrapper { background-color: rgb(0,0,0); }
#nav .wrapper { padding: 0 8px; }
#nav table { width: 100%; height: 24px; }

#nav td { font-size: 12px; }
#nav #reonnav { text-align: right; }

#nav a { color: white; text-decoration: none; }
#gamenav a { margin-right: 16px; }
#reonnav a { margin-left: 16px; }
#nav a:hover { text-decoration: underline; }



/*~ Main content body */
#content, #content .wrapper { background-color: rgb(128,192,255); }
#content .wrapper { padding: 16px; }
#content table { width: 100%; }

#start td { width: 50%; vertical-align: top; }

.section { padding-top: 16px; }
.section td { vertical-align: top; }
.section .heading {
    height: 32px; text-align: center; vertical-align: middle;
    font-weight: bold; color: white; background-color: rgb(128,128,255);
    border: 4px solid;
    border-color: rgb(192,192,255) rgb(64,64,128) rgb(64,64,128) rgb(192,192,255);
}
.section .preview {
    width: 250px;/*subject to change*/ padding: 8px;
    background-color: rgb(255,255,224); border: 4px solid;
    border-color: rgb(64,64,64) rgb(192,192,192) rgb(192,192,192) rgb(64,64,64);
}
.section .desc {
    padding: 8px;
    border: 2px rgb(128,128,128); border-style: none none dotted dotted;
}



/*~ Credits */
#credits .wrapper {
    padding: 16px; text-align: center; font-size: 14px; color: white;
}