:root{
    --header-image:url('');
    --body-bg-image:url('');
    --content:#dedcc9
}

body{
    margin:0;
    color:#313d20;
    overflow-x:hidden;
    background-color:#fdfbe8;
    font-size:13px;
    font-family:serif;
    cursor:url(/images/site/cursor.png) 9 9,auto
}
a{
    cursor:url(/images/site/cursor.png) 9 9,auto
}
*{
    box-sizing:border-box
}
#container{
    max-width:850px;
    margin:0 auto;
    background-image:url(/images/site/top_bg.png);
    background-repeat:no-repeat;
    background-size:contain
}
#container a{
    color:#2a341c;
    font-weight:700
}
#container a:hover{
    color:#2a341c;
    font-weight:700;
    text-shadow:0 0 5px #fff
}
#header{
    width:100%;
    height:150px;
    background-image:var(--header-image);
    background-size:100%
}
#flex{
    display:flex
}
aside{
    background-image:linear-gradient(to bottom,rgba(0,0,0,0) 0 10px,rgba(222,220,201,.5) 50px 75px,#dedcc9 150px);
    width:200px;
    border:1px hidden
}
main{
    background-image:linear-gradient(to bottom,rgba(0,0,0,0) 0 10px,rgba(222,220,201,.5) 50px 75px,#dedcc9 150px);
    flex:1;
    order:2;
    border:1px hidden
}
#leftSidebar{
    order:1
}
#rightSidebar{
    order:3
}
h1,h2,h3{
    color:#2a341c
}
.asideHeader{
    width:100%;
    background-color:rgba(167,165,146,.5);
    border-color:#a7a592;
    border-style:solid;
    border-top-width:1px;
    border-right-width:2px;
    border-bottom-width:1px;
    border-left-width:2px;
    padding:2px;
    font-weight:700;
    font-variant:small-caps;
    font-size:14px;
    color:#000
}
#topBar{
    width:100%;
    height:30px;
    max-height:30px;
    font-size:13px;
    background-color:#000;
    display:flex;
    align-items:center;
    padding-left:5px
}
#topBarRight{
    color:red;
    animation:blinker .7s linear infinite;
    font-family:sans-serif;
    text-transform:uppercase;
    position:absolute;
    margin-right:5px;
    right:0
}
#topBarRight a{
    color:red;
    text-decoration:none
}
@keyframes blinker{
    50%{
        opacity:0
    }
}
icon{
    float:left;
    content:url(/images/site/star.gif)
}
@media only screen and (max-width:750px){
    #flex{
        flex-wrap:wrap
    }
    aside{
        width:100%
    }
    main{
        order:1
    }
    #leftSidebar{
        order:2
    }
    #rightSidebar{
        order:3
    }
}
.centerImage{
    display:flex;
    margin-left:auto;
    margin-right:auto
}

.center{
    margin-left:auto;
    margin-right:auto
}

::selection{
    background:#fff
}

.module{
    height:100%;
    padding:3px;
    border-width:1.5px;
    border-style:solid;
    border-image:linear-gradient(to bottom,rgba(0,0,0,0),#a7a592,#a7a592,#a7a592,#a7a592,#a7a592) 1 100%
}

hr{
    border:1px dashed #fdfbe8
}

table,td{
    border:0 none;
    padding:0;
    border-spacing:0
}

 body {
  position: relative;
}

  .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-repeat: repeat;
  background-image: url("/images/site/overlay.png");
  display: block;
      pointer-events:none;
}

.light { color:#7d7c6e; }

body{
  background-image:url(/images/site/left.png), url(/images/site/right.png);
  background-position: bottom left, bottom right;
  background-repeat:no-repeat;
}

  * {
    scrollbar-color: rgba(255, 255, 255, 0.7) rgba(255, 255, 255, 0.1);
  }
  
  li + li {
  margin-top: 5px;
}


.footer {
    position: absolute;
    bottom: 0;
 
}