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;

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

  


}
#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;
}


#topbg{
  position:absolute;
  width:1190px;
 height:2148px; auto;
  background:url("topbg.png");
  margin-left:105px;
  margin-top:384px;
  box-shadow: 5px 2px 44px #888888;



}

#topbg2{
  position:absolute;
  width:1190px;
 height:2148px; auto;
  background:url("topbg.png");
  margin-left:105px;
  margin-top:384px;
  box-shadow: 5px 2px 44px #888888;
    margin-left:355px;


}

.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;


}

#cc-comic {
  
  width: 850px;
   height: 925px;
   position: absolute;
    margin-left: 425px;
    margin-top: 459px;
    box-shadow: 5px 2px 499px #797979;

}

.Previous{

 width: 106px;
  height: 26px;
  padding-bottom: 35px;
  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;
  

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

.Next:hover{
   opacity: 0.2;

}

.Previous:hover{
   opacity: 0.2;

}



.Copyright{


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

}




.Comments{

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


}

.cc-newsheader {
  font-size: 3em;
  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: 1655px;
margin-left: 125px;
text-align: left;
position:absolute;
font-family:Trebuchet MS;


}



.SlectTab{
  
    margin-left: 123px;
    margin-top: 586px;
    height: 444px;
    width: 444px;
    position:absolute;

}




.AdventChap{

    margin-left: 104px;
    margin-top: 506px;
    height: 354px;
    width: 1191px;
    position:absolute;
}



.AdventChapTwo{

    margin-left: 108px;
    margin-top: 856px;
    height: 354px;
    width: 1191px;
    position:absolute;
}




.SlectTabTwo{
  
    margin-left: 93px;
    margin-top: 899px;
    height: 444px;
    width: 444px;
    position:absolute;


}


* {box-sizing: border-box}
body {font-family: Trebuchet MS, sans-serif; margin:0}
.mySlides {display: none}
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: absolute;
  margin-left: 433px;
  margin-top:545px;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: -70px;
  border-radius: 3px 0 0 3px;
}

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

/* Caption text */
.text {
  color: #F60606;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #F60606;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}
.Slide {
  margin: 80px auto;
  position: relative;
  margin-top: 755px;
}

.header{
  font-size: 3em;
  font-weight: bold;
  position:absolute;
  font-family:Trebuchet MS;
  margin-top: 455px;
  margin-left: 156px; 
}


.headertwo{
  font-size: 3em;
  font-weight: bold;
  position:absolute;
  font-family:Trebuchet MS;
  margin-top: 1475px;
  margin-left: 156px; 
}

/* The grid: Four equal columns that floats next to each other */
.column {
  float: left;
  width: 25%;
  padding: 10px;


}

/* Style the images inside the grid */
.column img {
  opacity: 0.8;
  cursor: pointer;
  margin-top: 344px;
  position:absolute;
  width: 745px;

}

.column img:hover {
  opacity: 1;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* The expanding image container (positioning is needed to position the close button and the text) */
.container {
  position: relative;
  display: none;
}

/* Expanding image text */
#imgtext {
  position: absolute;
  bottom: 15px;
  left: 15px;
  color: white;
  font-size: 20px;
}

/* Closable button inside the image */
.closebtn {
  position: absolute;
  top: 10px;
  right: 15px;
  color: white;
  font-size: 35px;
  cursor: pointer;

}

.ExtraPrara{

  font-size: 1.3em;
  font-weight: bold;
  position:absolute;
  font-family:Trebuchet MS;
  margin-top: 405px;
  margin-left: 156px; 


}

.Abooot{
font-size: 2em;
  font-weight: bold;
  position:absolute;
  font-family:Trebuchet MS;
  margin-top: 505px;
  margin-left: 156px; 

}
#Adexplain{

  font-size: 1.3em;
  font-weight: bold;
  position:absolute;
  font-family:Trebuchet MS;
  margin-top: 645px;
  margin-left: 156px; 
}
.picofme{

  height: 478px;
  width: 398px;
  margin-top: 434px;
  margin-left: 844px;
  position: absolute;
}

#AboutPrar{
 font-size: 1.3em;
  font-weight: bold;
  position:absolute;
  width:455px;
  font-family:Trebuchet MS;
  margin-top: 765px;
  margin-left: 156px;
}

#Aboottitle{

  font-size: 1.3em;
  font-weight: bold;
  position:absolute;
  font-family:Trebuchet MS;
  margin-top: 995px;
  margin-left: 136px; 
}

#Aboutcreator{
  font-size: 1.3em;
  font-weight: bold;
  position:absolute;
  width:455px;
  font-family:Trebuchet MS;
  margin-top: 1055px;
  margin-left: 156px;
}

#Inspiretitle{

  font-size: 1.3em;
  font-weight: bold;
  position:absolute;
  font-family:Trebuchet MS;
  margin-top: 1445px;
  margin-left: 136px; 


}

#Inspraie{

  font-size: 1.3em;
  font-weight: bold;
  position:absolute;
  width:455px;
  font-family:Trebuchet MS;
  margin-top: 1535px;
  margin-left: 156px;
}

.picstudio{
  height: 398px;
  width: 398px;
  margin-top: 944px;
  margin-left: 844px;
  position: absolute;
}
.table{
    display:table;
    height: 100%;
    width: 100%;
    position: absolute;
    margin-left: 95px; 
    margin-top: 1843px;
}
.table-cell{
    display:table-cell;
    vertical-align: middle;
 
}

#TumbleLinko{
width:407px;
  height:410px; 
  margin-top: 1776px; 
  margin-left: 542px; 
  position: absolute;

}
 
#TumbleLinko:hover, #TumbleLinko:active  {
padding-right: 32px;
}


#badge{

width:207px;
  height:200px; 
  margin-top: 1776px; 
  margin-left: 242px; 
  position: absolute;
}





/* Featurebar. */
div#featurestrip h3 {
  display: none;
}
div#featurestrip ul {

 height: 330px;
  clear: both;
  position: absolute;
  padding-left: 0;
  margin: 2em 0 2em;
  background-color: white;
  width: 1192px;
  margin-left: 95px;
  margin-top: 1855px;
  box-shadow: 28px 28px 19px #424242;
}
div#featurestrip ul li,div#featurestrip ul li a {
  width: 284px;
  height: 330px;
  display: block;
  position: absolute;
}
div#featurestrip ul li.order_1 {
  left: 0;

}
div#featurestrip ul li.order_2 {
  left: 219px;
}
div#featurestrip ul li.order_3 {
  left: 446px;
}
div#featurestrip ul li.order_4 {
  margin-left: 561px;
  width:55px;
}
div#featurestrip ul li.twitter iframe {
  height: 331.5px!important;
  padding: 0!important;
  margin: 0!important;
  
}div#featurestrip ul li.camslice,div#featurestrip ul li.cam a {
  z-index: 50;
  background-size: 284px 330px;
  margin-left:-103px; 
}
div#featurestrip ul li.blog {
  width: 622px;
  z-index: 0;
  background-size: 634px 330px;

  
}
div#featurestrip ul li.blog a {
  width: 623px;

}
div#featurestrip ul li.promo,div#featurestrip ul li.promo a {
  z-index: 50;
  background-size: 284px 330px;
  margin-left: -55px;
 
}
div#featurestrip ul li.twitter,div#featurestrip ul li.twitter a {
  z-index: 0;
}
div#featurestrip ul li span {
  font-size: 1.3em;
  font-weight: bold;
  color: white;
  text-align: center;
  line-height: 1em;
  width: 120px;
  height: 105px;
  display: block;
  position: absolute;
  z-index: 100;
  padding: 25px 5px 0;
  background-image: url();
  -webkit-transform: rotate(-5deg);
  -moz-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  -o-transform: rotate(-5deg);
  transform: rotate(-5deg);
}
div#featurestrip ul li span em {
  display: block;
  text-align: center;
  font-size: .7em;
  line-height: 1.15em;
  font-style: normal;
  margin-top: .3em;
}
div#featurestrip ul li.order_1 span {
  top: 13px;
  left: 115px;
}
div#featurestrip ul li.order_2 span {
  left: 98px;
  top: 190px;
}
div#featurestrip ul li.order_3 span {
  left: 132px;
  top: 13px;
}
div#featurestrip ul li.order_4 span {
  top: 185px;
  right: 15px;
}
div#featurestrip ul li.camslice span {
  height: 124px;
  padding: 6px 5px 0;
}
div#featurestrip ul li.camslice span em {
  font-size: .7em;
  line-height: 1.05em;
  margin-top: .4em;
}
div#featurestrip ul li.blog span {
  padding: -1577px 160px 0;
  width: -1880px;
  height: 109px;

}
div#featurestrip ul li.twitter span {
  font-size: 1.5em;
  height: 92px;
  padding: 38px 5px 0;
}
div#featurestrip ul li.twitter span em {
  font-size: .75em;
  margin-top: .15em;
}


#cornbanner{
  width: 262px;
  height:173px;
  margin-left: 930px;
  margin-top: -3px;
  position:absolute;

}

#designleft{
 width: 1262px;
  height:73px;
  margin-left: -0px;
  margin-top: -73px;
  position:absolute;





}

#Contitle{

font-size: 1.3em;
  font-weight: bold;
  position:absolute;
  width:455px;
  font-family:Trebuchet MS;
  margin-top: 2335px;
  margin-left: 156px;

}

#Contact{

  font-size: 1.0em;
  font-weight: bold;
  position:absolute;
  width:455px;
  font-family:Trebuchet MS;
  margin-top: 2395px;
  margin-left: 162px;


}


.audio {
    width: 300px;
    height: 54px;

}