/* CSS Document */

    body {
      color: #000;
      font-family: Helvetica, Sans-Serif;
      text-align: center;
      font-style: normal;
      font-weight: normal;
      font-size: 13px;
      background-color: #1c1e21;
    }

    body a {
      text-decoration: none;
    }

    body a:hover {
      color: #f00000 !important;
    }

    body a:visited {
      color: #000000;
    }

    #content {
      display: grid;
      /*grid-template-columns: 30% 20% 50%;*/
      /*grid-template-columns: 1fr 2fr 1fr;*/
      grid-template-columns: repeat(11, 1fr);
      grid-template-rows: auto minmax(680px, auto) 109px; 
      grid-column-gap: 5px;
      max-width: 1022px;
      margin: 0 auto;
      background-color: #fff;
      -webkit-backface-visibility: hidden;
    }

    #content div {
      /*padding: 30px;*/
    }
    
    .header {
      grid-column: 1 / 12;
      margin: 0;
      max-height: 125px;
    }

    .header img {
      max-width: 100%;
      height: auto;
      margin: 0;
      display: block;
    }

    .leftColumn {
      grid-column: 1 / 3;
      background-color: #374658;
      padding: 5px 10px;
      text-align: center;
    }

    .leftColumn .MenuTitle {
      background:linear-gradient(to bottom, #4f4d4f 5%, #000000 100%);
      background-color:#4f4d4f;
      border-radius:5px;
      border:1px solid;
      padding:10px;
      margin-bottom: 10px;
      font-weight: bold;
      color: #fff;

    }

    ul.mainMenu {
      list-style: none;
      margin: 0;
      padding: 0;
      width: auto;
    }

    ul.mainMenu a {
      outline: none;
      text-decoration: none;
      display: inline-block;
      text-align: center;
    }

    ul.mainMenu a:hover, ul.mainMenu a:active {
      color: #f00000 !important;
    }

    ul.mainMenu .menuItem {
      background-image: linear-gradient(#dde1e5, #f6f7f9, #e9ebee, #d7dce0);
      background-repeat: no-repeat;
      border:1px #8b7d46 solid;
      color: #000;
      font-weight: bold;
      line-height: 20px;
    }

    ul.mainMenu .menuItem a {
      color: #000;
    }

    ul.mainMenu .menuActive {
      background-image: linear-gradient(#374557, #415368, #475a71, #3d4e61, 80%, #334252);
      background-repeat: no-repeat;
      border:1px #000 solid;
      color: #fff;
      font-weight: bold;
      line-height: 20px;
    }

    ul.mainMenu .menuActive a {
      color: #fff;
    }



    .centerColumn {
      grid-column: 3 / 10;
    }

    .post {
      margin: 5px 0px 10px 0px;
    }

    .postBody {
      padding: 13px;
      background-color: #ECF0F4;
      border: 2px #c7bc8f solid;

    }

    .postInner {
      text-align: left;

    }

    .postmetadataheader {
      padding: 1px;
      background-color: #D5DEE7;

    }

    .postheader {
      margin: 0.2em 0;
      padding: 0;
      font-size: 16px;
      text-align: center;
      color: #2F332E;
    }

    .postheadericons {
      color: #373B35;
      padding: 1px;
      font-size: 11px;

    }

    .article .articleImg {
      text-align: center;
    }

    .article img {
      max-width: 320px;
      border: solid 3px #000000;
      margin: 5px auto 20px;
      display: block;
      
    }

    .article a:link {
      text-decoration: underline;
      color: #000000;
    }

    .article a:hover {
      color: #f00000 !important;
    }

    .article a:visited {
      color: #000000;
    }

    .postcontent .readon {
      background:linear-gradient(to bottom, #4f4d4f 5%, #000000 100%);
      background-color:#4f4d4f;
      border-radius:5px;
      display:inline-block;
      cursor:pointer;
      color:#ffffff;
      padding: 7px;
      text-decoration:none;
    }

    .postcontent .readon:hover {
      background:linear-gradient(to bottom, #000000 5%, #4f4d4f 100%);
      background-color:#000000;
      color:#f00000;
    }

    .postcontent .readon:active {
      position:relative;
      top:1px;
    }


    .rightColumn {
      grid-column: 10 / 12;
      padding: 5px;
      text-align: center;
      background-color: #374658
    }

    .searchBox {
      background-color: #ecf0f4;
      margin: 0 auto;
      padding: 3px;
      text-align: left;
    }

    .searchBoxTitle {
      background:linear-gradient(to bottom, #4f4d4f 5%, #000000 100%);
      background-color:#4f4d4f;
      border-radius:5px;
      padding:10px;
      font-weight: bold;
      text-align: center;
      color: #fff;
    }

    .searchBox input {
      width: 95%;
      border: 1px solid #ccc;
      margin: 15px 0 10px 0;
    }

    .searchBox .searchBoxButton {
      background:linear-gradient(to bottom, #4f4d4f 5%, #000000 100%);
      background-color:#4f4d4f;
      border-radius:5px;
      display:inline-block;
      padding: 7px 15px !important;
      color: #FFFFFF !important;
      width: auto;
      margin: 0;
      cursor: pointer;
    }

    .searchBox .searchBoxButton:hover {
      background:linear-gradient(to bottom, #000000 5%, #4f4d4f 100%);
      background-color:#000000;
      color:#f00000 !important;
    }


    .footer {
      grid-column: 1 / 12;
      background-image: url('/images/footer.png');
      background-repeat: no-repeat;
      background-position: center bottom;
      font-size: 11px;
      color: #DFD8BF;
    }
    .footer .logo {
      padding-top: 15px;
    }
    .footer .license {
      padding-top: 10px;
    }
    .footer .license a:visited {
      text-decoration: none;
      color: #818C7D;
    }
    .footer .license a:hover {
      color: #EDD682;
      text-decoration: none;
    }
    .footer .copyright {
      padding-top: 15px;
    }

    .paginationpost {
      margin: 5px;
      margin-bottom: 10px;

    }

    .paginationbody {
      padding: 13px 0px;
      background-color: #ECF0F4;
      border: 2px #c7bc8f solid;
      margin: 5px 0px 10px 0px;
    }

    .pagination {
      display: flex;
      list-style: none;
      border-radius: 2px;
      margin: 5px 0;
      padding: 0;
      justify-content: center;
    }

    ul.pagination a:hover, ul.pagination a:active {
      background:linear-gradient(to bottom, #000000 5%, #4f4d4f 100%);
      color: #f00000 !important;
    }

    ul.pagination a:visited {
      color: #fff;
    }

    .page-link {
      position: relative;
      display: block;
      padding: 6px 10px;
      margin-left: -1px;
      line-height: 1.25;
      color: #ffffff;
      border: 1px solid #000000;
      text-decoration: none;
      font-weight: bold;
      background-image: linear-gradient(#35363A, #1c1e21, #000);
      background-repeat: no-repeat;
      border-radius: 2px;
    }

    .homepage .page-link,
    .listing .page-link {
      background-color: #fff;
    }

    .page-item.disabled .page-link {
      color: #6c757d;
      pointer-events: none;
      cursor: auto;
      background-color: #D5DEE7;
      border-color: #dee2e6;
    }

    .page-item.active .page-link {
      z-index: 1;
      color: #f00000;
      background-color: #007bff;
      border-color: #00000;
    }



    pre {
      border: 2px #c7bc8f solid;
      word-wrap: break-word;
      word-break: break-word;
      padding: 16px;
      margin: 1em 0;
      line-height: 1.65;
      color: #333;
      background: #f8f8f8;
      overflow: auto;
    }

    pre, code {
      font-family: monospace;
      font-size: 13px;
    }

    audio {
      max-height: 100%;
      width: 80%;
      margin: auto;
      object-fit: contain;
      background-image: linear-gradient(#35363A, #1c1e21, #000);
      display: block;
    }

    .shadow {
      max-width: 320px;
    }

    .downloadButton {
      text-align: center;
      margin-top: 10px;
    }

    .downloadButton a, .page404 a {
      background:linear-gradient(to bottom, #4f4d4f 5%, #000000 100%);
      background-color:#4f4d4f;
      border-radius:5px;
      padding: 7px 20px !important;
      color: #FFFFFF !important;
      font-weight: bold;
      line-height: 27px;
      text-decoration: none !important;;
    }

    .downloadButton a:hover, .page404 a:hover {
      background:linear-gradient(to bottom, #000000 5%, #4f4d4f 100%);
      background-color:#000000;
      color:#f00000 !important;
    }

    .page404 {
      text-align: center;
    }

    .page404 h1 {
      font-size: 400%;
    }

    .page404 p {
      font-size: 16px;
    }


    .minHeight {
      min-height: 634px;
    }