* {
font-family:Arial, Sans-Serif;
font-size:14px;
color:#def0d7;
}
body {
width:100%;
background-color:#253712;
margin:0px;
background:url('img/back.png');
}
img {
border:none;
}
#header, #main, #footer, #video {
width:1000px;
margin:auto;
box-sizing:border-box;
border-top:none;
}
#header {
border:2px solid #293d13;
border-bottom:4px;
position:relative;
z-index:9999;
}
#logo {
height:60px;
background:url('img/logoback.png');
border-bottom:2px solid #293d13;
padding-left:8px;
position:relative;
}
#main {
//border:2px solid #293d13;
//box-shadow:0 0 25px 5px #000;
background-color:#111b0d;
//background:#4f6c32;
z-index:1;
position:relative;
padding:4px;
}
#footer {
text-align:center;
margin-top:10px;
margin-bottom:10px;
font-size:90%;
border-bottom:4px;
color:#F0F0F0;
position:relative;
z-index:9999;
text-shadow:0px 0px 7px rgba(0,0,0,0.8);
}
#over {
position:absolute;
top:0px;
left:0px;
width:100%;
height:60px;
text-align:right;
pointer-events:none;
}
#over * {
pointer-events:auto;
}
a {
text-decoration:none;
//font-weight: 600;
}
a:hover, a:active, a:hover .tab {
text-decoration:underline;
}
.tab {
height:24px;
min-width:24px;
padding:4px 6px;
background:rgba(100,100,100,0.6);
display:inline-block;
margin:2px;
margin-top:7px;
margin-left:1px;
text-align:center;
vertical-align:middle;
line-height:20px;
font-size:12px;
}
.tab img {
vertical-align:middle;
margin-bottom:1px;
}
.tab:last-of-type {
margin-right:5px;
}
.prelink {
position:relative;
display:inline-block;
}
.preover {
position:absolute;
background:rgba(0,0,0,0.7);
font-size:90%;
padding:1px 2px;
bottom:4px;
right:3px;
opacity:0.95;
user-select:none;
}
.preover2 {
position:absolute;
background:rgba(0,0,0,0.75);
font-size:90%;
padding:1px 4px;
top:0;
left:0;
opacity:0;
width:100%;
user-select:none;
visibility:hidden;
transition: opacity 0.25s linear;
}
#top_nav {
vertical-align:bottom;
margin:auto;
margin-top:3px;
}
#top_nav ul, #top_nav ul li {
list-style: none;
padding:0px;
margin:0px;
vertical-align:bottom;
display:inline;
}
#top_nav ul li a {
max-width: 140px;
height: 22px;
color:#c7d7bf;
background-color: rgba(17,27,13,0.2);
vertical-align:bottom;
//background-image: linear-gradient(to bottom, rgba(17,27,13,0.6) 0%, #15200f 100%);
display:inline-block;
padding:4px 10px 2px;
font-size:120%;
margin-left:-1px;
border-top-left-radius:5px;
border-top-right-radius:5px;
//text-shadow: 0.05em 0.05em 0.1em #151b10;
margin-top:2px;
}
#top_nav ul li a:hover, #top_nav ul li a:focus, #top_nav ul li .sel {
padding-bottom:3px;
margin-top:0px;
background-color: rgba(17,27,13,0.95);
color:#ebffd6;
text-decoration:none;
//background-image: linear-gradient(to bottom, #162211 0%, #192713 100%);
}
input, textarea, select, option {
background: #E0FFC0;
border: 1px solid #A5A5A5;
color: #4B6848;
padding: 2px;
vertical-align: middle;
}