@font-face {
font-family: 'LacyTheThree';
src: url('/assets/fonts/lacythethree.ttf') format('truetype');
}

@font-face {
font-family: 'Geraldine';
src: url('/assets/fonts/Geraldine.ttf') format('truetype');
}

body 
{
font:14px 'LacyTheThree', ms pgothic, sans-serif;
letter-spacing:1px;
color:#d8d1c2;
background:#161917;
}

a:link, a:visited, a:active {
color:#b9c9b3;
text-decoration:none;
}

a:hover {
color:#ece4d4;
}

a img {
border-width:0;
}

b {
color:#9a8b6a;
font-weight:bold;
}

::-webkit-scrollbar-thumb {
background-color: transparent;  
border-radius: 0px;
border:1px solid #cc000;
}

::-webkit-scrollbar {
width: 7px;
height: 4px; 
background: transparent;
}
  
.title {
color:#ece4d4;
background-color: #3b4a3f;
padding: 2px;
padding-top:4px;
padding-left:8px;
text-transform:uppercase;
letter-spacing:2px;
height:10px;
line-height:11px;
}

.box {
background-color: #242b26;
border: 1px solid #4a5a4d;
padding: 8px;
margin-bottom:8px;
}

#navigation {
width: 660px;
float: none;
margin: 0;
padding: 5px 0px;
list-style: none;
background-color: transparent;
border-bottom: 0px solid #eee; 
border-top: 0px solid #eee;
text-align:center;
}

#navigation li {
display:inline-block;
float:none;
}

#navigation li a {
display: block;
padding: 2px 6px;
font:italic 11px georgia;
text-transform:lowercase;
border-radius:10px;
letter-spacing:1px;
text-decoration: none;
font-weight: normal;
margin-right:0px;
margin-left:3px;
color: #ece4d4;
background:#2d352f;
border:1px solid #56675b;
}

#blackbar li a:hover {
color: #AB9DBD;
background-color: #444;
}

.hang {
padding-left:60px;
text-indent:-60px;
}

.banner h1 {
  
position:absolute;
left:25px;
bottom:10px;

margin:0;

font-family:'Geraldine';
font-weight:bold;
font-size:40px;
letter-spacing:2px;
color:#56675b;

text-shadow:

1px 1px 0 #ece4d4,
-1px 1px 0 #ece4d4,
1px -1px 0 #ece4d4,
-1px -1px 0 #ece4d4,
3px 3px 0 #9a8b6a;
}

.divider-wrap {
display:flex;
justify-content:center;
align-items:center;
width:100%;
clear:both;
}

.divider {
display:block;
margin:10px 0;
}

.center { display: block; margin-left: auto; margin-right: auto; width: 50%; }