@charset "UTF-8";* html{height:100%;}


html{margin:0;padding:0;}
body{ background:#000;
      font: 1.1em/1.4em "Roboto", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif,fixed-width;
      -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
      color:#bbbbbb;
      line-height:1.2em;
      height:100%;
      margin:0;
      padding:0;
    }

a{color:#5588bb;text-decoration:none;outline:none;border:none;}
a:hover{color:#9866fe;}

@font-face {
    font-family: hackedcrt;
    src: url(../fonts/hackedcrt.ttf);
}

img{border:none;}

h1, h2, h3, h4, h5, h6 {
  line-height:1.3em;
  letter-spacing:-.02em;
  color:#dddddd;
  padding:0;
  margin:0 0 15px 25px;
  z-index:0;
  text-shadow:black 1.5px 1.5px 1.5px;
}

h1{font-size:2.5em;font-weight:500;}
h2{font-size:1.6em;font-weight:800;}
h3{font-size:1.55em;font-weight:500;}
h4{font-size:1.2em;}
h5{font-size:.95em;}
h6{font-size:.8em;}

.headline {
  color: #9bc7f3;
  background: transparent;
  border: 0;
  box-shadow: none;
  font-family: 'hackedcrt', "Courier New", Courier, monospace;
  font-size: 30px;
  text-shadow: 0 2px 3px #000, 0 0 10px #000, 0 0 18px #000;
  line-height: 0.8em;
  display: inline;
  padding: 0;
  position: relative;
  top: -330px;
  z-index: 20;
  }

.container{position:relative;margin:0 auto;left:7px;padding:0 15px 0 0;width:96.5%;max-width:1280px;min-width:200px;height:100%;height:auto;clear:both;}

#header{
  background-image:
    linear-gradient(to right, #000 0%, rgba(0,0,0,.38) 2%, rgba(0,0,0,0) 7%, rgba(0,0,0,0) 93%, rgba(0,0,0,.38) 98%, #000 100%),
    url(/rootcon/styles/mediaheaderv5.jpeg);
  background-position:center top, center top;
  background-repeat:no-repeat;
  background-size:100% 100%, cover;
  height:543px;
  left:7px;
  max-width:1280px;
  padding:0;
  margin:0 auto -275px;
  width:96.5%;
  z-index:10;
}

#wrapper{clear:both;padding:0 0 0 0;z-index:1000;}
#content p{position:relative;margin:10px 0 5px 15px;padding:0 15px 10px 10px;z-index:2;width:100%;max-width:60%;}
#content h4{padding-bottom:0;margin-bottom:0;}
#content hr{color:#5588bb;background-color:#333366;border-color:#5588bb;border-style:none;height:2px;text-align:left;margin:0 20px 10px 0;}

.archive-search{
  align-items:center;
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
  background:rgba(3,14,25,.62);
  border:1px solid rgba(111,177,224,.48);
  box-shadow:0 0 18px rgba(13,77,120,.24), inset 0 0 14px rgba(0,0,0,.42);
  display:flex;
  left:50%;
  max-width:520px;
  position:absolute;
  top:120px;
  transform:translateX(-50%);
  width:56%;
  z-index:30;
}

.archive-search:focus-within{
  border-color:rgba(137,207,255,.88);
  box-shadow:0 0 22px rgba(32,132,196,.42), inset 0 0 14px rgba(0,0,0,.48);
}

#archive-search-input{
  appearance:none;
  -webkit-appearance:none;
  background:transparent;
  border:0;
  box-shadow:none;
  color:#b9dcfa;
  flex:1;
  font-family:'hackedcrt', 'Courier New', Courier, monospace;
  font-size:15px;
  height:40px;
  letter-spacing:.08em;
  margin:0;
  min-width:0;
  outline:0;
  padding:0 14px;
}

#archive-search-input::placeholder{color:rgba(155,199,243,.66);opacity:1;}
#archive-search-input::-webkit-search-cancel-button{filter:invert(78%) sepia(17%) saturate(760%) hue-rotate(171deg);cursor:pointer;}
#archive-search-status{color:rgba(155,199,243,.72);font:11px/1 'Courier New',monospace;min-width:48px;padding-right:12px;text-align:right;}
.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px;}

@media (max-width:700px){
  .archive-search{max-width:none;top:120px;width:82%;}
}

/* table
_____________*/

table{width:100%;min-width:180px;max-width:1280px;margin:35px auto 15px;border:0;vertical-align:top;border-collapse:collapse;}
table tr td{padding:10px 20px;font-size:.85em;text-align:left; border: 0px;}
table th{font-size:.9em;text-shadow:black 1px 1px 1px;text-align:left;padding:0 10px;}
tr:nth-child(even) {background: rgba(66, 90, 123, 0.5)}

.footer {
    color: #bbb;
    padding-top: 20px;
    border-top: 1px solid #292f33;
    display: block;
    margin-top: 70px; /* space between content and footer */
    margin-bottom: 0px;
    box-sizing: border-box;
    position: relative;
    width: 100%;
    text-align: center;
font-size:.8em
}

.clear{clear:both;}