body{
        font-family: verdana;
        background-color:black;
        height:100%;
     
    }

    a:link {color:orange; text-decoration: none;}

/* visited link */
a:visited {
    color: orange;
  }
  
  /* mouse over link */
  a:hover {
    color: white;
  }
  
  /* selected link */
  a:active {
    color: orange;
  }

    .topbanner {
        float:left;
        top:-7px;
        background-image: url("bookbanner3.jpg");
        background-color:black;
        background-position: 50% 0%;
        background-size: contain;
        background-repeat: no-repeat;
        width: 100%;
        height: 0;
        padding-top: 28%; /* (img-height / img-width * width) */
                    /* (853 / 1280 * 100) */

        position: relative;
}



.blurb{
    width:99%;  text-align: center;  padding:14px 0; font-family: verdana; color: #ccc; background-color: #000;
    position: relative;
    float:left;
}

.contai{
    width:100%; float:left; 
}

.coverpic {
    width:62%; margin:1%; float:left; background-color: #000;  
}

.ppal{
    width:24%; margin-right:2%; float:right; padding:0 3%;  background-color: #fff;
}


.footer{
    width:99%;
    position:relative;
    float:left;
    text-align: center;
    margin:40px 0;

}

.foottext{
    color:#aaa;
    padding:10px 0;
    font-size: 10px;
}

ul {
    border-top:2px solid #333;
    list-style-type: none;
    margin-left: 3%;
    padding: 0;
    overflow: hidden;
    background-color: #000;
    text-align: center;
   
  }
  
  li {
    float: left;
  }
  
  li a {
    display: block;
    color: white;
    text-align: center;
    padding: 16px;
    text-decoration: none;
  }
  
  li a:hover {
    background-color: #111111;
  }



@media (max-width:480px){
    .topbanner{
        min-height:20vh;
    }

    .coverpic {
        width:96%; 
    }

    .ppal{
        width:90%;  
    }
    ul{
        margin-left: 4%;
    }

  }