* {
  box-sizing: border-box;
}

body {
    background-color:#E5E3D4;
    height:100%;
    background-image:url('gritbg2.png');
    background-repeat: repeat;
    background-position:top center;
    background-size:35%;
    background-attachment:fixed;
}

.headspace {
    height: 20px;
    max-width:900px;
    margin:0 auto;
}

.portalspace {
    height:130px;
    max-width:934px;
    padding:0px;
    margin:0 auto;
}

.borderwrapper {
    border:17px solid black; 
    border-image: url('siteborder.png') 17 round; 
    max-width:934px; 
    margin:0 auto;
}

.topbar {
    max-width: 900px;
    padding: 8px;
    margin: 0 auto;
    background-color:#221713;
    color:#E5E3D4;
    font-family: 'Kosugi Maru', sans-serif;
}

.topbar a {
    color:#E5E3D4;
    text-decoration:none;
}

.topbar a:hover {
    color:#f3c487;
    text-decoration:none;
}

.topbaricons {
    float:inline-end;
}

.topbar2 {
    max-width: 900px;
    padding: 5px;
    margin: 0 auto;
    background-color:#E5E3D4;
    color:black;
    font-family: 'Kosugi Maru', sans-serif;
}

.topbar2 a {
    color:#b58851;
    text-decoration:none;
}

.topbar2 a:hover {
    color:#221713;
    text-decoration:none;
}

.main {
    max-width:900px;
    min-height:650px;
    margin:0 auto;
    padding:5px;
    background-color:#E5E3D4;
    font-family:sans serif;
    color:black;
    font-size:11pt;
}

.content {
    padding:0px 10px 10px 10px; margin:0px;
}

.tipbox {
    max-width:600px;
    margin:0 auto; 
    padding:10px 10px 10px 20px;
    border:1px solid #46372C;
    border-radius:10px;
    background:#46372C;
    color:#E5E3D4;
}

.tipbox a {
    color:#E5E3D4
}

.tipbox a:hover {
    color:#6EBF63;
}

.newline {
    opacity:0.3;
    border-color:#221713;
}

.bottomtext {
    opacity:0.4;
    margin:0 auto;
    padding-top:10px;
    text-align:center;
    font-size:10px;
    color:#E5E3D4;
}








/* utility classes */

.fluid {
    max-width:100%;
    height:auto;
}

.iconpad {
    margin-left:5px;
    margin-right:5px;
}

h1 {
    font-family: 'Kosugi Maru', sans-serif;
}

h2 {
    font-family: 'Kosugi Maru', sans-serif;
}

.sticky {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
}

.lightbox {
    display: none;
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 1em;
    background: rgba(25, 22, 19, 0.8);
  }
  
  .lightbox:target {
    display: block;
  }
  
  .lightbox span {
    display: block;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
  }

a {
    color:#b3832b;
    text-decoration:none;
}

a:hover {
    color:#221713;
    text-decoration:none;
}

.portalbox {
    border:transparent; 
    background:transparent; 
    height:100%;
}

.offtable {
    border-collapse: collapse;
    border:1px solid #d1c7b4;
    width: 450px;
    border-radius:10px;
  }
            
  .offtable th, td {
    text-align: left;
    padding: 8px;
  }
            
  .offtable tr:nth-child(odd) {
    background-color: #d1c7b4;
  }
  
  .muted {
    opacity:0.6;
  }
  
  @media screen and (max-width: 600px) {
    .offtable {
      width: 100%;
      }
  }