body  { font-size:1.0625em; font-family: "Open Sans",Arial,sans-serif; }
h2 { color:##FFCC99; }
h3 { font-family: "Orbitron", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 100px;
}

A:link { color: #3366FF; text-decoration: none } 
A:visited { color: #33CCFF; text-decoration: none }
A:hover { text-decoration: underline }
A:active { color: #C0C0FF; text-decoration: underline }

  .auto-style1 {
    text-decoration: underline;
    font-size: larger;
  }
  .auto-style3 {
    text-align: center;
  }
  .auto-style4 {
    text-decoration: underline;
    color: #FFCC99;
  }
  .auto-style5 {
    color: #FFCC99;
    text-align: center;
  }
  .auto-style6 {
  color: #FFFF00;
  }


.sidenav1 {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: #111;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

.sidenav1 a {
  text-decoration: none;
  transition: 0.3s;
}

.sidenav1 a:hover {
  color: #f1f1f1;
}

.sidenav1 .closebtn {
  position: absolute;
  top: 0;
  left: 10;
  font-size: 36px;
}

.sidenav1 ul li .sub {
  background: #777;
  position: absolute;
  top: 0;
  left: 100px;
  display: none;
  padding: 10px;
  width: 250px;
}

.sidenav1 ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.sidenav1 li {
  position: relative;
}

.sidenav1 li:hover .sub {
  display: block;
}

/* Book/movie series and cover div for index pages */

.series { 
  border : 2px solid #000; 
  overflow:hidden;
}

.series div {
   padding-top: 10px;
   padding-bottom: 10px;
}
#book {
  float:left; 
  margin-right:0px;
  width:120px;
  min-height:180px;
  border-right:0px;
}
#book_w {
  float:left; 
  margin-right:0px;
  width:150px;
  min-height:180px;
  border-right:0px;
}
#book_xw {
  float:left; 
  margin-right:0px;
  width:200px;
  min-height:350px;
  border-right:0px;
}
#book_r { 
  float:left; 
  background-color: gray;
  overflow:hidden;
  border:0px;
}

/* Keep header fixed at top of page */
h3::before { 
  display: block; 
  content: " "; 
  margin-top: -90px; 
  height: 90px; 
  visibility: hidden; 
}

.sticky {
  position: fixed;
  top: 0;
  padding: 10px;
  background: #000000;
  width: 100%
}
.content {
  padding-top: 90px;
}


/* The sidebar menu */
.sidenav {
  /*height: 100%;  /* Full-height: remove this for "auto" height */
  width: 31px;     /* Set the width of the sidebar */
  position: fixed; /* Fixed Sidebar (stay in place on scroll) */
  z-index: 1;      /* Stay on top */
  top: 100;        /* Stay at the top */
  right: 50;
  background-color: #A9A9A9; /* Dark Grey */
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 0px;
}
.sidenav a {
  text-decoration: none;
  font-size: 14px;
  color: #000000;
  display: block;
}
// <uniquifier>: Use a unique and descriptive class name
// <weight>: Use a value from 400 to 900

.orbitron_title {
  font-family: "Orbitron", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}


@media screen and (max-width: 400px) {
   #one { 
    float: none;
    margin-right:0;
    width:auto;
    border:0;
    border-bottom:2px solid #000; }
   .sidenav {top: 150px;
   right: 0px;}
   h3:before {height: 125px;}
   .content { padding-top: 125}
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}	
}
}