@font-face { font-family: digital-7-mono; src: url('fonts/digital-7/digital-7 (mono).ttf'); }
.seven_segments{
    font-family:digital-7-mono;
}

*{
    border-radius:0.3em;
}

html,body{
    background-image:none;
    background-size:cover;
    background-position:center center;
    background-attachment:fixed;
    background-repeat:repeat;
}
html{
    background-color:#666666;
}
body{
    background-color:transparent;
    padding:5px;
    font-family:monospace;
    text-align:center;
}
body,.body,
a,a:visited,
input[type=email],
input[type=file],
input[type=image],
input[type=password],
input[type=tel],
input[type=text],
input[type=url],
select,
option,
textarea{
    color:white;
    border-color:white;
}
body>*,table{
    margin-left:auto;
    margin-right:auto;
}
a{
    display:inline-block;
}
a:hover, a:focus, a:active,
a.active, a:visited.active{
    background-color:white;
    color:black;
    border-color:black;
}
a.active, a:visited.active{
    font-style:italic;
    cursor:default;
}

h1,h2,h3,h4,h5,h6{
    font-family: "Times New Roman", Times, serif;
}

/* Tables */
table, th, td{
  background-color:rgba(0, 0, 0, 0.33);
  border: 1px solid white;
  border-radius: 3px;
}
th, td{
  padding: 15px;
  text-align: left;
}
tr:nth-child(odd) td,
tr:nth-child(odd) th{
    background-color:rgba(128, 128, 128, 0.5);
}

input[type=email],
input[type=file],
input[type=image],
input[type=password],
input[type=tel],
input[type=text],
input[type=url],
select,
option,
textarea{
    margin:3px;
    font-size:1.6em;
}
input[type=file]{
    font-size:1.0em;
}
input[type=text]:hover,
input[type=text]:focus,
input[type=text]:active,
input[type=text].active,
input[type=password]:hover,
input[type=password]:focus,
input[type=password]:active,
input[type=password].active,    
input[type=file]:hover,
input[type=file]:focus,
input[type=file]:active,
input[type=file].active,
input[type=image]:hover,
input[type=image]:focus,
input[type=image]:active,
input[type=image].active,
select:hover, select:focus, select:active, select.active,
option:hover, option:focus, option:active, option.active,    
textarea:hover, textarea:focus, textarea:active, textarea.active{
    color:black !important;
    background-color:rgba(255,255,255, 0.66);
}
#site_title{
    display:none;
}
#site_logo{
    display:inline-block;
    width:fit-content;
    max-width:95%;
    margin:auto;
    background-position:center;
    background-repeat:no-repeat;
    background-size:contain;
}
#LAMP_FOSS_FTW{
    margin-bottom:-5px;
}
#LAMP_FOSS_FTW img{
    padding:0;
    height:22px;
    border-radius:3px;
}
.clock span{
    display:inline-block;
}
.server_clock_pre_html{
    margin-right:1em;
    font-size:smaller;
    color:#f90;
}
.render_time{
    font-size:smaller;
}

#copyright, #vanity{
    background-color:rgba(0, 0, 0, 1.0);
    position:fixed;
    padding:0 2px 0 2px;
    opacity:0.6;
    font-size:66%;
}
#copyright{}
#vanity{}
#window_info{
    cursor:pointer;
}
.header h1,
.header h2,
.header h3,
.header h4,
.header p{
    margin:0;
}

.wrapper{
    position:relative;
    background-color:transparent;
    background-image:radial-gradient(rgba(0, 0, 0, 1.0), rgba(0, 0, 0, 0.0));
    max-width:1024px;
    border:1px solid #508400;
    border-radius:20px;
    padding:5px;
    font-family:Arial, Helvetica, sans-serif;
}
.wrapper+.wrapper{
    margin-top:5px;
}
.header hr,.main hr,.footer hr{
    width:calc(99% - 1em);
}
.main{
    text-align:left;
}
.footer>*{
    margin-top:5px;
    margin-bottom:5px;
}
.footer .salutation{}
.footer .disclaimer{
    font-size:smaller;
}
.wrapper>h2,
.disclaimer,
.server_clock_pre,
.render_time,
.disclaimer a,
#site_desc{
    color:#f90 !important;
}
.serverClock, .countDown{
    font-variant:small-caps;
}
.countDownTimeRemaining{
    width:fit-content;
    margin:auto;
    padding:0 3px;
    border-width:1px;
    font-variant:small-caps;
}

.message{
    text-align:center;
    color:white;
    border-color:white;
    display:inline-block;
    padding:10px;
}
.message.success{
    background-color:green;
}
.message.error{
    background-color:red;
}
.message.warn{
    background-color:yellow;
    color:black;
    border-color:black;
}
.menu a, a.menu,
.menu a:visited, a:visited.menu,
.menu button, button.menu,
.menu input[type=submit], input[type=submit].menu{
    display:inline-block;
    min-width:fit-content;

    margin:1px;
    padding:5px;
    
    font-size:166%;
    font-weight:bold;

    border-width:1px;
    border-style:solid;
    
    text-align:center;
    font-variant:small-caps;
    text-decoration:none;
    color:black;
    border-color:black;
    text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
    
    background-color:transparent;
    background-image:linear-gradient(rgba(0,0,0,0.1),rgba(255,255,255,0.25),rgba(0,0,0,0.3));
}
.menu a:hover, a.menu:hover,
.menu a:focus, a.menu:focus,
.menu button:hover, button.menu:hover,
.menu button:focus, button.menu:focus,
.menu input[type=submit]:hover, input[type=submit].menu:hover,
.menu input[type=submit]:focus, input[type=submit].menu:focus{
    position:relative;
    top:1px;
    left:1px;
}
.menu a:active, a.menu:active,
.menu a.active, a.menu.active,
.menu button:active, button.menu:active,
.menu button.active, button.menu.active,
.menu input[type=submit]:active, input[type=submit].menu:active,
.menu input[type=submit].active, input[type=submit].menu.active{
    position:relative;
    top:0;
    left:0;
    color:#f90;
    background-color:transparent;
    text-shadow:none;
}
/***** END Menus *****/

.smaller{
    font-size:smaller;
}
.smallerer{
    font-size:0.66em;
}
.larger{
    font-size:larger;
}
.center{
    text-align:center;
}
.top_edge, .bottom_edge{
    display:inline-block;
    position:fixed;
    padding:1px;
    border:1px solid black;
    font-weight:bold;
    background-color:rgba(0, 0, 0, 0.66);
}
.top_edge{
    top:0px;
}
.bottom_edge{
    bottom:0px;
}
.top_edge.left,
.bottom_edge.left{
    left:0px;
}
.top_edge.right,
.bottom_edge.right{
    right:0px;
}