/* FONT IMPORT */
@import url('https://fonts.cdnfonts.com/css/open-dyslexic');
      
body {
  font-family: 'Courier New', monospace;
  font-size: 9px;
  color:#D1A386;
  letter-spacing: 1px;
  background: #66963f;
  background-image: url("https://lunariis.neocities.org/graphics/tileautumnbg.png");
  background-size: 80px;
  }

      

#layout {
    margin: 40px auto;
    width: 710px;
    }


      
#navigation1 {
    width: 710px;
    float: left;
    margin: 0 auto;
    line-height:20px;
    text-align:center;
    }

#navigation2 {
    height: 20px;
    background: #793121;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border: 0px solid #2C1915;
    margin: 0px;  border-left:0px solid #2C1915;
    border-top:2px solid #2C1915;
    }
      
      #navigation2 a {
    background:transparent;
    font:10px monospace,georgia;
    text-transform:uppercase;
    font-style:normal;
    line-height:20px;
    padding:4px;
    letter-spacing:3px;
    margin-right:10px;
    color:#D1A386;
    }

      
      
#content1 {
    width: 310px;
    float: left;
    margin: 0 auto;}

#content2 {
    background:#7e7639 url();
    border-top: 1px solid #666;
    margin: 0px;
    padding:4px;}

      
      
#leftside {
    width: 200px;
    float: left;
    margin: 0 auto;}

#left {
    background:#7e7639 url();
    border-top: 1px solid #666;
    margin: 0px;
    margin-top:0px;
    padding:4px;
    padding-top:5px;
    border-right:1px solid #732C1D;}

      
      
#rightside {
    width: 200px;
    float: left;
    margin: 0 auto;}

#right {
    background:#7e7639 url();
    border-top: 1px solid #666;
    margin: 0px;
    padding:4px;
    padding-top:5px;
    border-left:1px solid #732C1D;
    }
    
    .box-status {
  border: 3px groove #752E1F;
  padding: 0.5em 1em;
  background-color: #BF7B17;
  max-height: 80px;
  overflow-y: scroll;
  }
    
      

#footerwrap {
    width: 710px;
    float: left;
    margin: 0 auto;
    clear: both;
    line-height:20px;
    text-align:center;}

#footer {
    height: 40px;
    background-color: rgba(88, 140, 46, 0.3);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border: 0px solid #43721c;border-top:0px;
    margin: 0px;font:10px calibri;}

  mark {
      background-color: #D8A98D;
      }

.title {
      font-family:10px 'Open-Dyslexic';
      text-transform:uppercase;
      color: #D5A786;
      background: #4F4218;
      letter-spacing:2px;
      padding-left:4px;
      padding:0px;
      border-bottom:1px solid #2C1915;
      margin-bottom:4px;
      line-height:10px;
      }
    
.content-title {
      text-align:center;
      font:13px arial;
      text-transform:uppercase;
      color: #D1A386;
      background: #4F4218;
      letter-spacing:2px;
      padding-left:4px;
      border-bottom:1px solid #2C1915;
      line-height:10px;
      margin-bottom:4px;
      }    
    
    	
        
a:link, a:visited, a:active { 
color:#444;text-decoration:none;}
      
a:hover {
color:#999;}

b {color:#2e4420;}

      
      
 .button {
display:block;
background:#BF7B17;
margin-bottom:1px;
padding-left:5px;
text-transform:uppercase;
border-left:5px solid #423412;
letter-spacing:2px;
font:9px monospace, arial;
color:#333;
}

.button:hover {
display:block;background:#f5f5f5;margin-bottom:1px;padding-left:5px;text-transform:uppercase;border-left:5px solid #D18E8C;letter-spacing:2px;
font:9px monospace, arial;color:#666;
}

      
      
::-webkit-scrollbar-thumb {
background-color: #294A31;  
border-radius: 0px;
border:1px solid #ccc;
}
::-webkit-scrollbar {
width: 8px; height: 0px; 
background: transparent;
}