body, html {
   border: 0;
   padding: 0;
   margin: 0;
   background-color: #000000;
   background-image: url("../images/DK site pics/Backdrops/PaperBlacksmall.jpg");
background-repeat: no-repeat;
background-size: cover;
}

li {
list-style: none;
}

.navfloater {
padding: 0;
margin-top: 0;
position: absolute;
float: left;
margin-left: 20%;
z-index: 1;
}


.container {
max-width: 1280px;
min-width: 960px;
padding: 0;
margin: 0 auto;
margin-top: 0px;
position: relative;
min-height: 800px;
}

bod-ul {
padding: 5px;
margin: 0 auto;
}

left-li {
position: relative;
float: left;
margin: 25px;
margin-top: 50px;
min-width: 50px;
min-height: 200px;
}

mid-li {
position: relative;
float: left;
margin: 25px;
margin-top: 55px;
min-width: 50px;
min-height: 200px;
}

right-li{
position: relative;
float: left;
margin: 25px;
margin-top: 60px;
min-width: 50px;
min-height: 200px;
}



/*-----------------------------------GENERAL PLACEMENTS ABOVE:  INDIVIDUAL PLACEMENTS BELOW------*/


.prev {
position: absolute;
margin-top: -500px;
margin-left: -55px;
transform: ScaleX(-1);
float: left;
}

.next {
position: absolute;
margin-top: -500px;
margin-left: 600px;
float: right;
}

.first {
position: absolute;
margin-top: -415px;
margin-left: -55px;
transform: ScaleX(-1);
float: left;
}

.last {
position: absolute;
margin-top: -415px;
margin-left: 600px;
float: right;
}

.footer {
position: absolute;
padding: 5px;
margin-top: 0px;
margin-left: 8%;
float: left;
}

.app {
position: absolute;
float: left;
margin: 0;
margin-left: -67px;
margin-top: -530px;
padding: 5px;
}

.Chapmenu {
position: relative;
float: left;
margin: 0;
margin-top: 50px;
padding: 5px;
}
.Chapmenu a {
color: #756C51;
}
.Chapmenu a:link {
color: #756C51;
text-decoration: none;
}
.Chapmenu a:active {
color: #EFD98D;
text-decoration: none;
}
.Chapmenu a:hover { 
-webkit-transition: color .25s ease 0;
-moz-transition: color .15s ease 0;
-ms-transition: color .15s ease 0;
-o-transition: color .15s ease 0;
transition: color .15s ease 0;
color: #EFD98D;
text-shadow: 2px 2px 2px black;
}



.tv1 {
position: absolute;
float: left;
margin: 0;
margin-top: -430px;
margin-left: 75px;
font-family: 'IM Fell DW Pica', serif;
font-size: 22px;
color: #8F8570;
text-shadow: 2px 2px 3px #2c2c2c;
}

.tv2 {
position: absolute;
float: left;
margin: 0;
margin-top: -350px;
margin-left: 75px;
font-family: 'IM Fell DW Pica', serif;
font-size: 22px;
color: #8F8570;
text-shadow: 2px 2px 3px #2c2c2c;
}

.tv3 {
position: absolute;
float: left;
margin: 0;
margin-top: -265px;
margin-left: 75px;
font-family: 'IM Fell DW Pica', serif;
font-size: 22px;
color: #8F8570;
text-shadow: 2px 2px 3px #2c2c2c;
}

.tv4 {
position: absolute;
float: left;
margin: 0;
margin-top: -182px;
margin-left: 65px;
font-family: 'IM Fell DW Pica', serif;
font-size: 22px;
color: #8F8570;
text-shadow: 2px 2px 3px #2c2c2c;
}

.store {
position: absolute;
float: left;
margin: 0;
margin-left: -60px;
margin-top: -370px;
}

.Patreon {
position: absolute;
float: left;
margin: 0;
margin-left: -60px;
margin-top: -440px;
}

.sharezone {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #666352;
position: absolute;
float: left;
margin: 0;
margin-left: -65px;
padding: 15px;
}

.infobox {
opacity: 1;
position: absolute;
float: left;
height: 600px;
width: 160px;
margin: 0;
margin-left: 70px;
margin-top: 0px;
padding: 0px;
}

.Exploremore {
position: absolute;
float: left;
margin: 0;
margin-top: 575px;
padding: 20px;
}

.Macesit {
position: absolute;
float: left;
margin: 0;
margin-top: 850px;
padding: 0px;
}