/* ~~~~~~~~~ common ~~~~~~~~~~ */body, select, input, textarea {    font: 0.625em/1.4 tahoma, verdana, arial, helvetica, sans-serif;    color: #333;    }
body {    background: #000;    }
@font-face {    font-family: creatureLogos;    src: local('creatureLogos'), url('css/sgiv1mediumcapsnum.ttf' format('truetype'));    }
h1  {    font-weight: normal;    font-family: 'creatureLogos', 'Arial', 'helvetica', 'sans serif';    font-size: 13em;    margin: 0.2em 0 0;    color: #262E34;    text-shadow: -1px 1px 1px #435866, 1px -1px 1px #000;    }
h2 {    font-weight: normal;    color: #666;    font: 1.8em/1.4 georgia, 'times new roman', times, serif;    margin: 2.0em 0em 0;    }
section p, section ul, section ol, aside p, aside ul, aside ol {    font-size: 1.4em;    margin: 1em 0;    }
section ul {    margin-left: 1em;    }
section ol {    margin-left: 1.4em;    }
/* used to toggle wireframe in the 3d view */button {    font-family:arial;    font-size:120%;    border:0;    background:orange;    color:#000;    cursor:pointer;    border-radius:3px;    text-shadow: 0px 1px 1px #ccc;/*    box-shadow: .5px -.5px 1px #111417, -1px .5px 1px #111417, -1px 1px 1.1px #fff;*/    }    
.button {    padding:0.2em 0.6em 0.2em 0.6em;    border: 1px solid #F9AA2D;    width: 6em;    background: #F9AA2D; /* fallback color if gradients are not supported */    background: -webkit-linear-gradient(top, rgba(204, 126, 0, 100), #F9AA2D);    background:    -moz-linear-gradient(top, rgba(204, 126, 0, 100), #F9AA2D); /* For Fx 3.6 to Fx 15 */    background:     -ms-linear-gradient(top, rgba(204, 126, 0, 100), #F9AA2D); /* For IE 10 Platform Previews and Consumer Preview */    background:      -o-linear-gradient(top, rgba(204, 126, 0, 100), #F9AA2D); /* For Opera 11.1 to 12.0 */    background:   linear-gradient(to bottom, rgba(204, 126, 0, 100), #F9AA2D); /* Standard syntax; must be the last statement */    }    
/* remove the inner white box when button has focus */button::-moz-focus-inner,
input[type="button"]::-moz-focus-inner{    border: none;    }
.button:active {    text-shadow: 0px 1px 1px #000;    border: 1px solid #A66500;    background: #E18B00;    background: -webkit-linear-gradient(top, #9E6802, #E18B00);    background:    -moz-linear-gradient(top, #9E6802, #E18B00); /* For Fx 3.6 to Fx 15 */    background:     -ms-linear-gradient(top, #9E6802, #E18B00); /* For IE 10 Platform Previews and Consumer Preview */    background:      -o-linear-gradient(top, #9E6802, #E18B00); /* For Opera 11.1 to 12.0 */    background:   linear-gradient(to bottom, #9E6802, #E18B00); /* Standard syntax; must be the last statement */    }
.button:focus {    outline:none;    text-shadow: 0px 1px 1px #fff;    }
.button:hover {    text-shadow: 0px 1px 1px #fff;    }