/* ****** Primary Style Sheet for Rot3k Games - ver 1.2 ******

NOTES:
-- Absolute paths to backgrounds used because Netscape 4.x would break
   pages three or more levels deep when paths were relative.
-- .operafix used because Opera stretches one of the TDs in the menu
   beyond its defined size causing a gap to appear, this is the workaround. 
-- Backgrounds in 'Colors' section defined in v5.css to avoid a conflict
   in Netscape 4.x defaulting any values set to 'none' to 'black'. */


/* ************************ TO DELETE *********************** */

.main {
    font: 11px Verdana, Helvetica, sans-serif;
    vertical-align: top;
    color: #000;
    background: url(/archived/i/m-bg.jpg) repeat;
}

.main a:link, .main a:visited, .main a:hover, .main a:active,
.menu a:link, .menu a:visited, .menu a:hover, .menu a:active {
    background: transparent;
}

.main a         { text-decoration: none; }
.main a:link    { color: #228; }
.main a:visited { color: #234; }
.main a:hover   { color: #c06; }
.main a:active  { color: #900; } 

.menu {
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    vertical-align: top;
    text-align: left;
    background: url(../../../images/bgs/ltile.gif) repeat;
    color: #eee;
}

.menu p {
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    background: transparent;
    color: #eee;
}

.menu a         { text-decoration: none; }
.menu a:link    { color: #09f; }
.menu a:visited { color: #aaa; }
.menu a:hover   { color: #6ff; }
.menu a:active  { color: #f9c; }

.rmenu { text-align: left; }




/* ************************ Site  Layout *********************** */

body {
    background: #111;
    color: #eee;
    margin: 0;
    padding: 0;
}

#main {
    font: 11px Verdana, Helvetica, sans-serif;
    vertical-align: top;
    color: #000;
    background: url(/archived/i/m-bg.jpg) repeat;
}

.mainnb {
    font: 11px Verdana, Helvetica, sans-serif;
    vertical-align: top;
    background: transparent;
    color: #000;
}

#main strong {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

#main a         { text-decoration: none; }
#main a:link    { color: #228; }
#main a:visited { color: #234; }
#main a:hover   { color: #c06; }
#main a:active  { color: #900; }

#menu {
    font: 10px Verdana, Arial, Helvetica, sans-serif;
    background: url(../../../images/bgs/ltile.gif) repeat;
    color: #eee;
}

#menu p {
    font: 10px Verdana, Arial, Helvetica, sans-serif;
    background: transparent;
    color: #eee;
}

#menu h3 {
    text-align: left;
    font: bold 11px Verdana, Arial, Helvetica, sans-serif;
    color: #bbb;
}

#menu a         { text-decoration: none; }
#menu a:link    { color: #09f; }
#menu a:visited { color: #aaa; }
#menu a:hover   { color: #6ff; }
#menu a:active  { color: #f9c; }
#menu a:link, #menu a:visited, #menu a:hover, #menu a:active {
    background: transparent;
}

#menu p.mlist {
    font: 11px Verdana, Arial, Helvetica, sans-serif;
}

#menu p.updated {
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
}

#menu p.top {
    text-align: center;
}

.tmenu {
    background: url(../i/vr0802/btile.gif) repeat;
    color: #777;
    font: 11px/17px Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
}

.tmenu a         { font-weight: bold ; text-decoration: none}
.tmenu a:link,
.tmenu a:visited { color: #bbb; background: none; }
.tmenu a:hover   { color: #fff; background: none}
.tmenu a:active  { color: #099; background: none; }

.tile { /* background for transparent display */
    background: url(../../../images/bgs/tile.gif) repeat;
}

.tbltopbgfotd, .tbltopbgdt, .tbltopbgnh, .tbltopbgdw, .tbltopbgrtk, .tbltopbghome, .tbltopbg {
    color: #eee; text-align: center; }

.tbltopbgrtk { background: url(../../../images/menu2/rtkbg.jpg) repeat-x; }
.tbltopbghome { background: url(/archived/i/vr0802/headerbg.jpg) repeat-x; }
.tbltopbg { background: url(../../../images/menus/headerbg.gif) repeat-x; }
.tbltoptitle { background: url(../../../images/menus/pagetitle.jpg) repeat-x; color: #eee; }

.menuhead  { 	
    font: bold 16px Arial, Helvetica, sans-serif; 	
    padding-top: 0px;
}

div.content { /* shorthand box properties tip: think of a clock: 12, 3, 6, 9 */
    padding: 0px 7px 0px 7px;
}

.officers {
    text-align: center;
    vertical-align: top;
    background: #fff;
    color: #000;
}

.tabletop {
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    vertical-align: top;
    background: #eeeef8;
    color: black;
}

.tablecontent {
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    vertical-align: top;
    border: 1px #eeeef8 solid;
    background: #f8f8ff;
    color: black;
}

.tablecontentnb {
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    vertical-align: top;
    background: #f8f8ff;
    color: black;
}




/* ************************* Revision ************************ */

table#display p { text-align: center; }

#main p.small, #main p.cr { font: 10px Verdana, Arial, Helvetica, sans-serif; }
#main p.smaller, #main p.subcr { font: 9px Helvetica, Verdana, Arial, Helvetica, sans-serif; }




/* ************************* Tag Layout ************************ */

td {
    vertical-align: top;
}

code, tt {
    font: 11px "andale mono", monaco, courier, "courier new", monospace;
    background: transparent;
    color: #06c;
}

pre {
    font: 12px "andale mono", monaco, courier, "courier new", monospace;
    background: transparent;
    color: #000;
}

strong.padded {
    font: bold 11px Verdana, Helvetica, Arial, sans-serif;
}

.copyright {
    font: 11px Verdana, Arial, Helvetica, sans-serif;
}

.title { margin-top: 5px; }
.title0 { margin-top: 5px; margin-bottom: 0px; }
.header { margin-top: 0px; }

.text {
    font: 11px Verdana, Arial, Helvetica, sans-serif;
}




/* ******************** Redefined HTML Tags ******************** */

abbr, acronym {
    cursor: help;
    font-variant: small-caps;
}

blockquote {
    font: 11px Verdana, Arial, Helvetica, sans-serif;
}

pre {
    font-family: "Courier New", Courier, monospace;
    background: transparent;
    color: black;
}

pre a, code a, .codesample a { text-decoration: none }
pre a:link,    code a:link,    .codesample a:link    { color: #00c; background: transparent; }
pre a:visited, code a:visited, .codesample a:visited { color: #337; background: transparent; }
pre a:active,  code a:active,  .codesample a:active  { color: #c09; background: transparent; }
pre a:hover,   code a:hover,   .codesample a:hover   { color: #008080; background: transparent; }
   
h1, h2, h3, h4, h5 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    margin-bottom: 0px;
}

h1 { font-size: 15px; }
h2 { font-size: 14px; }
h3, h4 { font-size: 11px; }
h5 { font-size: 12px; }




/* ******************* Visual Fruityness ******************* */

.blue   { color: #00c; background: transparent; }
.green  { color: #060; background: transparent; }
.gray   { color: #666; background: transparent; }
.lgray  { color: #ddd; background: transparent; }
.orange { color: #f90; background: transparent; }
.pink   { color: #f39; background: transparent; }
.red    { color: #900; background: transparent; }




/* ******************* Blissfully Aligned ******************* */

.left, .leftnp         { text-align: left; }
.right, .rightnp       { text-align: right; }
.center, .centernp, #main p.cr, #main p.subcr { text-align: center; }
/* .vcenhcen, .vcenhcennp { text-align: center; vertical-align: middle; } */




/* ***************** Buttons and Forms ***************** */

.sbutton {
    margin-top: 3px;
}