body {
  background-image: url(/graphics/black-felt-1920x1080-1.png);
}

header {
 margin-bottom: 0; 
 height: 100px;
 min-height: 100px;
}

.center {
  width: 100%;
  padding: 10px;
  min-height: 817px;
}
.button1 {
  background: rgba(5, 5, 5, .9);
  color: red;
  font-size: 16px;
  font-weight: bold;
  border:1px solid #ff0000;
  padding: 4px 6px 4px 6px;
  text-decoration:none;
  box-shadow: 0 0 15px black;
  margin-top:5px;
}

ul {
  margin-left: -15px;
  list-style: square;
}

li {
  word-wrap: break-word;
}

.archive, .archive1, .archive2 {
  margin-left: -5px;
  margin-right: -5px;
  border-bottom: 1px solid red;
  border-left: 6px double #BA0000;
  background: rgba(5, 5, 5, .9);
  padding: 5px 6px 4px 6px;
}
.archive, .archive2 {
  margin-top: -15px;
}
.archive2 {
  margin-bottom: 5px;
}
.archive1 {
  margin-top: -5px;
}

#tags {
  margin-bottom: 10px;
  background: black;
  border: red 1px solid;
  color:red;
  font-size: 16px;
  width: 98%;
  outline: none;
}

#Tags {
  margin-bottom: 70px;
}

#SearchArea {
  margin-bottom:15px;
}

.divider {
  color: red;
  width: 80%;
}

#CurrentPage
{
  font-size: 20px;
  font-weight:bold;
  margin-right:7px;
}

#PageSelector {
  margin-bottom: 0;
}

.back {
  background:#030303;
  margin-top: -10px;
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: 0;
  padding-left: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid red;
  border-left: 8px double #BA0000;
}

.close {
  color: white;
  position: absolute;
  top: 30px;
  right: 12%;
  font-size: 50px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: rgba(255,255,255,.6);
  text-decoration: none;
  cursor: pointer;
}

 /* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}
/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #030303;
  color: #BA0000;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  /* Position the tooltip text */
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  /* Fade in tooltip */
  opacity: 0;
  transition: opacity 0.3s;
}
/* Tooltip arrow */
.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: red transparent transparent transparent;
}
/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}