/* this is the style sheet for the character profile pages on the tfcubecont section of my website */
  body {
    font-size: 120%;
    text-align: left;
    background-image: url("/robots/wiki-bg.jpg");
    background-size: 50%;
    color: black;
    font-family: arial;
}
 
 h1, h2 {
   margin: 5px;
   padding: 2px;
}

  #gal-head {
    border-style: solid;
    border-width: 5px;
    border-color: #3C3CC8;
    background-color: white;
}
 
  p {
    margin: 5px;
    padding: 2px;
}

  #name-p {
    font-size: 32px;
}

  hr {
    height: 5px;
    border-width: 0;
    color: blue;
    background-color: #3C3CC8;
    margin-right: 5px;
    margin-left: 5px;
}
 
  #sidebar {
    position: absolute;
    top: 0;
    left: 0;
    max-width:20%;
    width:20%;
    height:100%;
}
  
  #nav-links {
    margin: 3px;
    padding: 3px;
    border-style: solid;
    border-width: 5px;
    border-color: #3C3CC8;
    font-size: 170%;
    max-height: 60%;
    background-color: white;
}

  #logo {
    margin: 3px;
    width: 98%;
    padding: 0;
    
}
  
  #green {
    width: 95%;
    padding: 0;
    position: absolute;
    bottom: 0;
    margin: 3px;
    margin-bottom: 5%;
}

  #ch-art {
    margin: 3px;
    width:98%;
  
}
 
  #info{
    position: absolute;
    top: 0;
    left: 20%;
    max-width:50%;
    width:50%;
    height:80%;
} 

  #name-block{
    margin: 3px;
    border-style: solid;
    border-width: 5px;
    border-color: #3C3CC8;
    background-color: white;
    
}
 
  #bio-block {
    margin: 3px;
    border-style: solid;
    border-width: 5px;
    border-color: #3C3CC8;
    height: 50%;
    max-height: 50%;
    overflow: auto;
    background-color: white;
    
}
 
  #apperances-block {
    margin: 3px;
    border-style: solid;
    border-width: 5px;
    border-color: #3C3CC8;
    height: 27%;
    max-height: 27%;
    overflow: auto;
    background-color: white;
}

  #side-block {
    position: absolute;
    top: 0;
    left: 70%;
    width: 30%;
    max-width: 30%;
    height:80%;
}

  #misc-block {
    margin: 3px;
    border-style: solid;
    border-width: 5px;
    border-color: #3C3CC8;
    max-height: 16%;
    height: 16%;
    overflow: auto;
    background-color: white;
}

  #gallery-block {
    position: absolute;
    top: 80%;
    left: 20%;
    max-width:80%;
    width:80%;
    height:40%;
    max-height:40%;
    overflow: auto;
}

div.gallery {
  margin: 5px;
  float: left;
  width: 15%;
  color: white;
}

div.gallery img {
  width: 100%;
  height: auto;
  
}

  #bed-notes {
    position: absolute;
    top: 100%;
    left: 0;
    max-width:20%;
    width:20%;
    height:20%;
    background-color: teal; 
}