html {
  height: 100%;
  width:100%;
}
body {
 background: url(MyNewBackground.jpg) repeat center center fixed;
  position:relative;
  height: 3066px; auto;
  -webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
overflow-x:hidden;
margin-left:255px;



}
#wrapper {
  margin: 0 auto;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -751px;
  

  


}
#menu {
  width: 624px;
  position: relative;
  right: -1825px;
  top: 49px;
}
#menu a {
  height: 49px;
  display: block;
  float: left;
  margin-top: 269px;
  margin-right:45px;
}
#menu a:hover {
  opacity: 0.2;
}
#about {
  background: url("Aboutbar.png");
  width: 131px;
  margin-left: -1229px;
}
#archive {
  background: url("Archivebar.png");
  width: 138px;
  margin-left: -1076px;

}
#extras {
  background: url("Extrasbar.png");
  width: 104px;
  margin-left: -906px;

}

#cast {
  background: url("casttwo.png");
  width: 80px;
  margin-left: -781px;
  position: absolute;
  margin-bottom: -47px;


}
  #Twat{
    font-size: 8em;
    color:#c50000;
    text-decoration: none;
    height: 23px;
    margin-left:255px;
    margin-top:2000px;
   



}
  #insta{
    font-size: 8em;
    color:#c50000;
    text-decoration: none;
    height: 23px;
    margin-left:-123px;
    margin-top:2295px;
  
}
#social a {
  color: #ca0000;
  text-decoration: none;
  font-size: 8em;
  

}

  #social {
    width: 180px;
  height: 90px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  position:absolute;
}


  
  #social a:hover {
  opacity: 0.7;
}

#Template{
  position:absolute;
  width:920px;
 height:1048px; auto;
  background:url("Backdrop.png");
  opacity: 0.7;
  margin-left:385px;
  margin-top:384px;
  box-shadow: 15px 18px 64px #888888;
  border-style: solid;
  border-color: white;
   border-width: -25px;


}

.ad{
position: absolute;
width: 160px;
height:600px;
margin-top: 420px;
margin-left: 154px;

}


#logo{
   height: 320px;
  width: 580px;
  position: absolute;
  display: block;
  margin-left: 20px;
  margin-top: 14px;

}

.adstemplate{
   position: absolute;
width: 728px;
height:93px;
margin-top: 200px;
margin-left: 574px;
}

.bensbanner{

margin-top: 1572px;
margin-left: 105px;
height: 190px;
width: 1192px;
position:absolute;
box-shadow: 5px 2px 499px #614040;


}



#TemplateTwo{
  position:absolute;
  width:1192px;
 height:1048px; auto;
  background:url("Backdrop.png");
  opacity: 0.7;
  margin-left:105px;
  margin-top:1534px;
  box-shadow: 15px 18px 64px #888888;
  border-style: solid;
  border-color: white;
   border-width: -25px;


}


.TheDeviant{
  width: 184px;
  height: 144px;
  margin-top: 1345px;
  margin-left: 129px;
  position:absolute;
}

.TheDeviant:hover {
opacity: 0.7;

}





.Previous{

  width: 106px;
  height: 26px;
  padding: 6px;
  padding-bottom: 3px;
  margin-top: 1354px;
  margin-left: 413px;
  background-color: #ff0e2f;
  color: white;
  text-decoration: none;
  display: inline-block;
  position:absolute;
  border-radius: 12px;
  font-family: Trebuchet MS;


}
.Next {
  width: 106px;
  height: 26px;
  padding: 6px;
  padding-bottom: 3px; 
  margin-top: 1354px;
  margin-left: 1054px;
  background-color: #ff0e2f;
  color: white;
  text-decoration: none;
  display: inline-block;
  position:absolute;
  border-radius: 12px;
  font-family: Trebuchet MS;
  
 
}

.Next:hover{
   opacity: 0.2;

}

.Previous:hover{
   opacity: 0.2;


}

#cc-comic {
  
  width: 899px;
   height: 925px;
   position: absolute;
    margin-left: 395px;
    margin-top: 399px;
    box-shadow: 5px 28px 499px #797979;




}



.Comments{

width: 700px;
height: 57px;
margin-top: 1545px;
margin-left: 125px;
text-align: left;
position:absolute;
font-family:Trebuchet MS;
font-size:21px;


}

.cc-newsheader {
  font-size: 2.6em;
  font-weight: bold;
  position:absolute;
  font-family:Trebuchet MS;
  margin-top: 1475px;
  margin-left: 156px;
  

}

.cc-newsarea{
  
border-radius: 10px;
  padding: 10px;
  clear: both;
  float: left;
  margin: 0 auto;
  margin-top: 305px;
  color: #000;
  width: 100%;
  position:absolute;

}



.CommentsTwo{

width: 700px;
height: 57px;
margin-top: 1705px;
margin-left: 125px;
text-align: left;
position:absolute;
font-family:Trebuchet MS;


}





.Copyright{


width: 700px;
height: 177px;
margin-top: 2195px;
margin-left: 415px;
position: absolute;
font-family:Trebuchet MS;

}

.CopyrightTwo{


width: 700px;
height: 177px;
margin-top: 2465px;
margin-left: 415px;
position: absolute;
font-family:Trebuchet MS;


}

.slideshow-container {
 position: absolute;
  margin-top: 64px;
  margin-left: 22px;
  height: 800px;
  width:900px;
  box-shadow: 5px 28px 44px #000000;

}

/* Hide the images by default */
.mySlides {
  display: none;
}

/* Add a pointer when hovering over the thumbnail images */
.cursor {
  cursor: pointer;
}

/* Next & previous buttons */
.prev , .next {
  cursor: pointer;
  position: absolute;
  top: 40%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: red;
  font-weight: bold;
  font-size: 20px;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

.prev{
  right: 49px;
  margin-top:222px;
  border-radius: 3px 0 0 3px;
}
.next{

  right: 3px;
  margin-top:222px;
}



/* On hover, add a black background color with a little bit see-through */
.prev,
.next {
  background-color: rgba(45, 45, 45, 0.8);
  border-radius: 16px;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #060000;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* Container for image text */
.caption-container {
   text-align: center;
  background-color: #610000;
  background-image: linear-gradient(to bottom right, #4c0404, red);
  padding: 2px 16px;
color: #ffffff;

}


.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Six columns side by side */
.column {
 
 float: left;
  width: 66.66px;
  height:600px;
  margin-top:-355px;
  margin-left:-83px; 
  position: absolute;
}

/* Add a transparency effect for thumnbail images */
.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}

.displaylist {
  list-style-type: none;
  padding-left: 0;
  margin: 1em 2.5em .5em; 
  -moz-column-count: 2;
  -moz-column-gap: 1.5em;
  -webkit-column-count: 2;
  -webkit-column-gap: 1.5em;
  column-count: 2;
  column-gap: 1.5em;
  margin-top:295px;
  margin-left:7px;

}

ul.displaylist li {
  font-size: .85em;
  line-height: 1.5em;
  display: inline-block;
  page-break-inside: avoid;
  -webkit-column-break-inside: avoid;
  column-break-inside: avoid;
  margin-bottom:25px;




}
ul.displaylist li a {
  font-size: 1.5em;
  font-weight: bold;
  display: block;
  margin-bottom: 23px;
  color: #6f0b0b;

}

.Ann{


margin-top: -52px;
margin-left: 105px;
height: 590px;
width: 762px;
position:absolute;


}

#Facebooklinko{
  width: 640px;
  height:410px;
  margin-left: 778px;
  margin-top: 1776px;
  position:absolute;
  
}

#Facebooklinko:hover, #Facebooklinko:active  {
padding-right: 22px;


}


#disqus_thread {

  height: 538px; width: 1200px; margin-left: 105px; margin-top: 2657px; position:absolute;
}

.DescriptionImage {
  width:450px; 
  height:350px; 
  margin-left:785px; 
  margin-top: 2055px; 
  position:absolute;
}

.DescriptionImageTwo {
  width:480px; height:350px; margin-left:285px; margin-top: 2055px; position:absolute;
}

#Thegif{
    width: 440px;
  height:440px;
  margin-left: 948px;
  margin-top: 1376px;
  position:absolute;
}



.cc-navaux{


  width: 192px;
  height:103px;
  margin-left: 290px;
  margin-top: -423px;
  position:absolute;
  
}

.cc-navaux:hover, .cc-navaux:active  {
opacity: 0.7;

}
.Nextnew{

   width: 106px;
  height: 26px;
  padding: 8px;
  padding-bottom: 31px; 
  margin-top: 1354px;
  margin-left: 1169px;
  background-color: #ff0e2f;
  color: white;
  text-decoration: none;
  display: inline-block;
  position:absolute;
  border-radius: 0px;
  font-family: Trebuchet MS;
  font-size: 1.0em;
}

.Previousnew{
  
  width: 106px;
  height: 26px;
  padding: 8px;
  padding-bottom: 31px;
  margin-top: 1354px;
  margin-left: 413px;
  background-color: #ff0e2f;
  color: white;
  text-decoration: none;
  display: inline-block;
  position:absolute;
  border-radius: 0px;
  font-family: Trebuchet MS;
  font-size: 1.0em;
}



.Nextnew:hover{
   opacity: 0.2;

}

.Previousnew:hover{
   opacity: 0.2;

}

.cc-navaux{


  width: 152px;
  height:80px;
  margin-left: 645px;
  margin-top: -840px;
  position:absolute;
  
}

.cc-navaux:hover, .cc-navaux:active  {
opacity: 0.7;

}



.fastright{


  width: 152px;
  height:74px;
  margin-left: 768px;
  margin-top: -833px;
  position:absolute;

}

.fastleft{


  width: 152px;
  height:74px;
  margin-left: 530px;
  margin-top: -833px;
  position:absolute;




}




.fastrighttwo{


  width: 152px;
  height:70px;
  margin-left: 908px;
  margin-top: 1333px;
  position:absolute;

}

.fastlefttwo{


  width: 152px;
  height:70px;
  margin-left: 650px;
  margin-top: 1333px;
  position:absolute;


}

.cc-navauxtwo{


  width: 152px;
  height:78px;
  margin-left: 775px;
  margin-top: 1330px;
  position:absolute;
  
}

.cc-navauxtwo:hover, .cc-navaux:active  {
opacity: 0.7;

}



.fastrightthree{


  
  width: 152px;
  height:70px;
  margin-left: 888px;
  margin-top: 1021px;
  position:absolute;

}

.fastleftthree{


  width: 152px;
  height:70px;
  margin-left: 630px;
  margin-top: 1021px;
  position:absolute;


}

.cc-navauxthree{


 
  width: 152px;
  height:75px;
  margin-left: 757px;
  margin-top: 1019px;
  position:absolute;
  
}

.cc-navauxthree:hover, .cc-navaux:active  {
opacity: 0.7;

}



.fastrightfour{


  
  width: 152px;
  height:74px;
  margin-left: 888px;
  margin-top: 1023px;
  position:absolute;

}

.fastleftfour{


  width: 152px;
  height:74px;
  margin-left: 650px;
  margin-top: 1023px;
  position:absolute;


}

.cc-navauxfour{


 width: 152px;
  height:75px;
  margin-left: 764px;
  margin-top: 1020px;
  position:absolute;
  
}

.cc-navauxfour:hover, .cc-navaux:active  {
opacity: 0.7;

}



.fastrightfive{


  
  width: 152px;
  height:74px;
  margin-left: 876px;
  margin-top: 1336px;
  position:absolute;

}

.fastleftfive{


  width: 152px;
  height:74px;
  margin-left: 640px;
  margin-top: 1336px;
  position:absolute;


}

.cc-navauxfive{


 width: 152px;
  height:71px;
  margin-left: 754px;
  margin-top: 1337px;
  position:absolute;
  
}

.cc-navauxfive:hover, .cc-navaux:active  {
opacity: 0.7;

}