/* Body Elements */
body {
background-color:#FFF;
color:#0FA3B1;
}

#menu li.topcell {
    color:#5A7D7C;
}
h1 {
    color:#5A7D7C;
}

h2 {
    color:#5A7D7C;
}

h3 {
    color:#5A7D7C;
}

body {
    margin-top:0px;
    margin-bottom:60px;
    font-size:.80em;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    line-height:1.5em;
}

#container_standalonePage {
width:757px;
margin:0 auto;
}

#container {
width:985px;
margin:0 auto;
}


#menu {
width:188px;
height:332px;
padding-top:15px;
padding-right:40px;
float:left;
background-repeat:no-repeat;
text-align:right;
}

#menu ul {
list-style-type:none;
padding:0px;
}

#menu li.topcell {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:1.5em;
padding-top:10px;
}

#menu li {
text-align:center;
padding-bottom:10px;
}

#menu li a:hover{
text-decoration:none;
border:0px;
}

.screenshot {
    border: 1px solid lightgray;
    margin: 5px;
}
.screenshotnomargin {
    border: 1px solid lightgray;
    margin: 0px;
}

.bincode {
text-align:center;
word-spacing: -0.4em;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:.9em;
line-height:0.9em; 
color:#e1e1e1;
opacity:0.07;
height:50px;
overflow:hidden;
cursor:default;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
speak: none;
}


.logo1 {
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:lighter;
font-size:3em;
margin-bottom:40px;
}

.logo2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:3em;
text-shadow: -1px 0 gray, 0 1px gray, 1px 0 gray, 0 -1px gray;
color:#FFF;
}

#content {
float:right;
padding:15px;
width:727px;
}

#content_standalonePage {
width:727px;
}

#footer {
clear:both;
background-image:url("images/footer.png");
background-repeat:no-repeat;
background-position:593px 0px;
width:946px;
height:21px;
padding:5px 10px 0px 0px;
margin:0 auto;
color:#404040;
font-size:.8em;
text-align:right;
}

/* Text Effects */
a {
text-decoration:none;
}

#footer a {
color:#717171;
}

a:hover {
text-decoration:underline;
}

h1 {
font-size:1.5em;
}

h2 {
font-size:1.25em;
}

h3 {
font-size:1.25em;
font-weight:normal;
margin-bottom:5px;
}

/* Element Effects */
input, select, textarea {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
width:350px;
color: #fff;
background: #222;
}

input:hover, select:hover, textarea:hover {
background: #fff;
}

form {
width:350px;
margin:0 auto;
}

blockquote {
width:90%;
margin:0 auto;
margin-bottom:20px;
border-color:#999;
border-width:1px;
border-style:solid;
background-color:#151515;
padding:0px 15px 0px 15px;
}

hr {
width:98%;
height:0;
border:0;
}

img{
border:0px;
}




@media (prefers-color-scheme: dark) {
/* Body Elements */
body {
background-color:#333333;
background-image:url("/images/background.jpg");
background-repeat: repeat; 
color:#fff;
margin-top:0px;
margin-bottom:60px;
font-size:.80em;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:1.5em;
}

#container {
width:985px;
margin:0 auto;
}

#menu {
width:188px;
height:332px;
padding-top:15px;
padding-right:40px;
float:left;
background-repeat:no-repeat;
text-align:right;
}

#menu ul {
list-style-type:none;
padding:0px;
}

#menu li.topcell {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:1.5em;
padding-top:10px;
color:#fff;
}

#menu li {
text-align:center;
padding-bottom:10px;
}

#menu li a:hover{
text-decoration:none;
border:0px;
}

.bincode {
text-align:center;
word-spacing: -0.4em;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:.9em;
line-height:0.9em; 
color:#404040;
opacity:0.15;
height:50px;
overflow:hidden;
cursor:default;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
speak: none;
}

.logo1 {
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:lighter;
font-size:3em;
margin-bottom:40px;
}

.logo2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:3em;
color:#fff;
}

#content {
float:right;
padding:15px;
width:727px;
}

#footer {
clear:both;
background-image:url("images/footer.png");
background-repeat:no-repeat;
background-position:593px 0px;
width:946px;
height:21px;
padding:5px 10px 0px 0px;
margin:0 auto;
color:#404040;
font-size:.8em;
text-align:right;
}

/* Text Effects */
a {
text-decoration:none;
}

#footer a {
color:#717171;
}

a:hover {
text-decoration:underline;
}

h1 {
color:#fff;
font-size:1.5em;
}

h2 {
color:#bbb;
font-size:1.25em;
}

h3 {
color:#999;
font-size:1.25em;
font-weight:normal;
margin-bottom:5px;
}

/* Element Effects */
input, select, textarea {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
width:350px;
color: #fff;
background: #222;
}

input:hover, select:hover, textarea:hover {
background: #333;
}

form {
width:350px;
margin:0 auto;
}

blockquote {
width:90%;
margin:0 auto;
margin-bottom:20px;
border-color:#999;
border-width:1px;
border-style:solid;
background-color:#333;
padding:0px 15px 0px 15px;
}

hr {
width:98%;
height:0;
border:0;
}

img{
border:0px;
}
}