* {
  font-family: 'Andada', serif;
}

body {
  position: relative;
  background-image: url('/wp-content/uploads/2016/11/wallpjamespotato-bgweb.png');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
}

#windowed {
  margin-bottom: 50px;
}


/* Container and personal classes */
.container {
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  width: 1200px;
/*  background-color: #497177; */
  background-color: transparent;
}

.backing {
/*  background:url('tempbacking.png'); */
  height: 4000px;
}

#header {
/*  background: url('sharkebanners.png') no-repeat;*/
  background-color: transparent;
  height: 700px;
}

.padded {
  margin: 20px;
}

#artistlink {
  padding-top: 10px;
  padding-right:10px;
  margin-bottom:0px;
  text-align: right;
  background-color:transparent;
  height: 75px;
}
.boxed {
  padding: 5px;
}
#artistlink img {
  float:left;
}
#artistlink a {
  background-color:#497177;
  color: white;
  text-decoration:none;
}

#descriptionlayer {
  background-color: #497177;
}

#content {
  margin-top:30px;
  width: 100%;
}

.rounded {
  border-radius: 5px;
}

.contents-bar {
  border-radius: 50px;
  border: 5px solid #75757c;
  background-color: #45454c;
  text-align: center;
  margin: 3px;
  color: #dfdeed;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

/* Extra small devices (767px and down) */
@media (max-width: 767px) {
    .row.vertical-align {
        display: block; /* turn off the flexible box layout */
    }
}
.vertical-align {
    display: flex;
    align-items: center;
}

a {
  color: black;
}
a:hover {
  color: black;
}


.parent {
    display: table;
    table-layout: fixed;
}

.child {
    display:table-cell;
    vertical-align:middle;
    text-align:center;
}

#footer{
position: absolute;
 right: 0;
 bottom: 0;
 left: 0;
 margin-left: auto;
 margin-right: auto;

 width: 1200px;
 background-color: #45454c;
 color:#dfdeed;
 }
 #footer p{
   margin: 0;
   padding-left:10px;
   padding-top: 10px;
   padding-bottom:3px;
 }



 /* FOR THE ARCHIVE CHAPTER SYSTEM */

 .hiddenClass {
     height: 0 !important;
 }

 .characterImage {
     height: 355;
     width: 100%;
     margin: 0 !important;
     transition: height 0.4s linear !important;
 }

 .manualContent {
    padding: 5px;
 }

 .Profile {
   height: 0px;
   opacity: 0;
   width: auto;
   transition: 0.4s ease-in;
   -ms-transition: 0.4s ease-in;
   -moz-transition: 0.4s ease-in;
   -webkit-transition: 0.4s ease-in;
   background-repeat: no-repeat;
   display: none;
 }
 .Profile img {
   height: 0px;
   opacity: 0;
   width: auto;
   transition: 0.4s ease-in;
   -ms-transition: 0.4s ease-in;
   -moz-transition: 0.4s ease-in;
   -webkit-transition: 0.4s ease-in;

 }

 .Profile.show {
   height: auto;
   opacity: 1;
   transition: 0.4s ease-in;
   -ms-transition: 0.4s ease-in;
   -moz-transition: 0.4s ease-in;
   -webkit-transition: 0.4s ease-in;
   color: white;
   background-color: black;
   display: block;
 }
 .Profile.show img {
   height: auto;
   opacity: 1;
   transition: 0.4s ease-in;
   -ms-transition: 0.4s ease-in;
   -moz-transition: 0.4s ease-in;
   -webkit-transition: 0.4s ease-in;
   color: white;
 }

 .Profile.show p {
   max-width: 55%;
   color: white;
     padding: 10px;
 }
 p.castText {
   max-width:100% !important;
   color: white;
     padding: 10px;
     font-size:10pt;
 }
 .Profile.show h2 {
   max-width:55%;
   padding: 5px;
 }

 .profileIcon {
     padding: 3px;
 }

 .castIcon {
   border-radius:10px;
   margin: 15px;
  display: inline-block;
  vertical-align:top;
  background-color: #497177;
  max-width: 200px;

 }

 .Profile > * {
   height: 0px;
   opacity: 0;
   width: auto;
   transition: 0.4s ease-in;
   -ms-transition: 0.4s ease-in;
   -moz-transition: 0.4s ease-in;
   -webkit-transition: 0.4s ease-in;

 }

 .Profile.show > * {
   height: auto;
   opacity: 1;
   width: auto;

   transition: 0.4s ease-in;
   -ms-transition: 0.4s ease-in;
   -moz-transition: 0.4s ease-in;
   -webkit-transition: 0.4s ease-in;
   color: white;
   background-color: none;
 }

 .Profilelinks{
   text-align: center;
 }

 .Profile a {
   color:white;
   text-decoration:none;
 }
 .nsfw{
   color:red !important;
 }
 /* END ARCHIVE CHAPTER SYSTEM */

 .archiveIcon {
 border-radius: 10px;
 margin: 15px;
 display: inline-block;
 vertical-align: top;
 text-align: center;
 background-color: none;