body {
    margin: 0;
    padding:0;
    font-family: 'Arial', sans-serif;
    /*background-image: url("/Pictures/SitePictures/BookBackground.png");*/
    /* background-image: linear-gradient(white, blue); */
    background-attachment:inherit;
    background-repeat:no-repeat;
    background-position:center 50px;
    background-size:contain;
    overflow-x: hidden;
}

.title {
    float: right;
    display:inline-block;
   /* background-color: #333; */
   text-align: right;
    padding: 6px 6px;
    text-decoration: none;
    font-size: 30px;
   /* width:10%;*/
    margin-top:-44px;
    margin-right:20px;
    /*z-index:1;*/
}

/* NEW BOOK PANEL */

.recent {
  font-size: 1.2em;
  padding-top:10px;
  padding-bottom:10px;
  display:block;
  margin-left:-11px;
  margin-right:-11px;
  margin-top:-10px;
  padding-right:15px;
  color: #2b78c3;
  font-weight:bold;
  
}

.newbook {
  background-color:yellow;
  overflow:hidden;
  margin-top:200px;
  width:80%;
  display:block;
  margin:0 auto;
}

.newbookcover {
  float:left;
  padding:8px;
  width:15%;
  height:auto;
  margin-left:5%;
}

#newbooktext {
  color:green;
}

.sticker {
  border-style:dotted;
  border-color:goldenrod;
  border-width:4px;
  background-color:red;
  color:white;
  padding:4px;
  font-size:14px;
  font-weight:bold;
  width:70px;
  height:70px;
  text-align:center;
  border-radius:50%;
  margin-top:-125px;
  z-index:100;
  position:relative;
  margin-left:5px;
}


/* END NEW BOOK PANEL */


.latestBooks {
  margin:0 auto;
  width:99%;
  clear:both;
}

.cover {
  /*height:220px;
  width:auto;*/
  height:224px;
  width:145px;
}

.books p {
  text-align:center;
  font-size:10px;
}

.books a:hover {
 opacity:0.7;
 
}

.stars {
  margin:0 auto;
  width:90px;
  height:18px;
  margin-top:5px;
}

h1 {
    font-size: 20px;
    background-color: #2b78c3;  /*2b78c3*/
    color: white;
    padding: 10px 0;
    margin: 0 -5px;
    text-decoration:none;
    text-align:right;
    padding-right:15px;
}

h1 a {
  text-decoration:none;
  color:white;
}

h1 a:hover {
  text-decoration:none;
  color:lightgrey;
}

/* END LATEST REVIEWS SECTION */

.infopanel {
 width:98%;
 display:block;
 margin-left:auto;
 margin-right:auto;
}

.siteInfo {
  background-color:#e0ffff;
  border: 1px solid #B0E0E6;
  display:inline-block;
  margin-left:1%;
  margin-right:0.5%;
  width:50%;
  padding:7px;
  margin-bottom:10px;
  text-align:center;
  float:left;
}

.siteInfo p {
   font-family: 'Arial', sans-serif;
   font-size:18px;
   margin:5px;
   padding-bottom:5px;
}


/* SEARCH AND PAGE BOTTOM */

#search{
 width:45%;
 margin-top:10px;
 margin-left:0.5%;
  margin-right:1%;
  margin-bottom:10px;
 border: 1px solid #2b78c3;
 float:left;
}

#searchTitle {
  
   font-size: 1.2em;
    background-color:#2b78c3;
    color:white;
    -webkit-column-span: all; 
    column-span: all;
    padding-top:10px;
    padding-bottom:10px;
    display:block;
    margin-top:-10px;
    margin-left:-1px;
    margin-right:-1px;
    padding-left:20px;
    padding-right:20px;
    font-weight:bold;
    
}




/* websiteOverview IS THE MAIN DIV CONTROLLING LAYOUT OF THE THREE BOXES IN THE BOTTOM HALF OF THE PAGE */

.websiteOverview {
   margin-bottom:10px;
    /*width:95%;*/
    display: flex;
   justify-content: center;
}



/* websitePanel FORMATS THE THREE BOXES IN THE CENTRE OF THE PAGE */

 .websitePanel {
    width: 30%;          /* Width of boxes proportional to screen */
    height:500px;
    border: 1px solid #2b78c3; 
    margin: 1px 5px;
    padding: 0 5px;
    float:left;
    display:flex;
    flex-direction:column;
    background-color:#ffffff;
    opacity:0.9;

}


.websitePanel > p {
    font-size: 14px;
    color: #2b78c3;
    max-width: 83%;       /* Width of content in boxes */
    padding-bottom:5px;

}

#reviewinfo1 {
    font-size:13px;
    padding-left:1em;
    padding-right:1em;
    color:#0b1368;
    text-align:center;
}

#reviewinfo2 {
    float:left;
    text-align:left;
    font-size: 12px;
    color: #0e1986;
    max-width: 250px;
    padding-bottom:10px;
}

#categorylist {
    text-align:left;
    list-style:none;
    font-size:12px;
    max-height:69%;
    color:#0b1368;
    overflow-y:scroll;
    padding-left:10%;
    width:90%;
    height:100%;
    flex-grow:1;
    
}

#categorylist a {
    text-decoration:none;
    color:#0b1368;
    font-weight:bold;
    font-size:13px;
}

#categorylist a:hover {
    color:darkmagenta;
    
}

.image1 {                   /* What is the Reading Project Image */
    max-width:55%;
    padding-top:5%;
    padding-top:5%;
    display:block;
    margin-left:auto;
    margin-right:auto;
}

.image2 {                   /* Category Image */
    max-width: 20%;
    padding-top:5%;
    padding-top:5%;
    display:block;
    margin-left:auto;
    margin-right:auto;
}


.image3 {                   /* Email Image */
    max-width:20%;
    padding-top:5%;
    padding-top:5%;
    display:block;
    margin-left:auto;
    margin-right:auto;
}

.websitePanel a:hover {
 opacity:0.5; 
}

/* END OF THREE PANEL SECTION */



/* UPCOMING REVIEWS SECTION */

article {
    -webkit-columns: 2 200px;
       -moz-columns: 2 200px;
            columns: 2 200px;
    -webkit-column-gap: 2em;
       -moz-column-gap: 2em;
            column-gap: 2em;
    -webkit-column-rule: 1px solid #ddd;
       -moz-column-rule: 1px solid #ddd;
            column-rule: 1px solid #ddd;
            margin:auto;
             border: 1px solid #2b78c3;
             padding:10px;
             background-color:white;
             opacity:0.9;
             color:#0b1368;
             width:92.5%;
}

article img {
 width:146px;
 height:226px;
 float:left;
 margin-right:1em;

}

h2 {
    font-size: 1.2em;
    background-color:#2b78c3;
    color:white;
   -webkit-column-span: all;  
    column-span: all;
    padding-top:10px;
    padding-bottom:10px;
    padding-left:10px;
    margin-left:-10px;
    margin-right:-10px;
    margin-top:-10px;
    /* margin-bottom:0;
    display:block;
    margin:0 auto; */
    opacity:0.9;
  /*  width:94.1% */
    
  
}

.current {
  display:inline-block;
  margin-top:-1em;
}

.currentTitle {
  font-size:x-large;
  color: #2b78c3;
}


h3 {
    font-size:1.5em;
    color:blue;
}

.title {
 color:#2b78c3;
 font-size:1.5em;
  
}

h4 {
    margin-top:-10px;
    color: #333c97;
    font-size:12px;
}

h5 {
  color:darkred;
  margin-bottom:-3px;
  }
  
h6 {
 font-size:25px; 
}

.news1 {
    display:block;
    margin:auto;
    margin:auto;
    border: 1px solid #2b78c3;
    margin-top:10px;
    width:89%;
    height:auto;
    background-color:#ffffff;
    opacity:0.9;
    overflow:hidden;
    z-index:900;
}

.news1 p {
    font-size: 11px;
    color: #0b1368;
    max-width: 94.5%;       /* Width of content in boxes  */
    text-align: justify;
    padding-bottom: 5px;
}


.newstext {
  padding-left:20px;
  margin-bottom:1.5em;
  }

.newstext p {
  margin-bottom:0.5em;
  font-size:0.8em;
  line-height:1.3em;

}

.newstext img {
    width:146px;
    height:226px;
    float: left;
    padding-top:0;
    padding-left:0;
    margin-right:15px;
    margin-bottom:5px;
    z-index:999;
    opacity:1;
}

#hidden {
    margin-bottom:-10px;
    padding:-1px;
}

#hidden p {
  line-height:1.3em;
  
}



/* END UPCOMING REVIEWS SECTION */



/* SPECIAL READING PROJECT - FEDERALIST PAPERS */

.federalistBox {
    display:block;
    margin: 0 auto;
    border: 1px solid #2b78c3;
    margin-top:10px;
    width:94%;
    height:auto;
    background-color:#ffffff;
    opacity:0.9;
    overflow:hidden;
    z-index:900;
}

.federalistBox p {
    font-size: 11px;
    color:#0b1368;
    max-width: 94.5%;       /* Width of content in boxes */
    text-align: justify;
    padding-bottom: 5px;
}

.federalistBox img {
 display:block; 
}

/* .bookerLatest {
float:right;
width:150px;
margin-right:15px;
} */

.fedText {
    padding-left:20px;
  }
  
.fedText p {
 font-size:0.8em;
 line-height:1.3em;
}


.fedText img {
    width:146px;
    height:226px;
    float: left;
    padding-top:0;
    padding-left:0;
    margin-right:15px;
    margin-left:-5px;
    margin-top:-5px;
    z-index:999;
    opacity:1;
}


#counter {
  float:left;
  padding-right:10px;
   margin-bottom:10px;
  font-weight:bold;
  margin-right:5px;
}

#counter a:hover {
  color:red;
  
}

#counter a {
   text-decoration:none;
    color:brown;
  
}

#federalistTitle {
  font-size: 1.2em;
    background-color:#2b78c3;
    color:white;
    -webkit-column-span: all; 
    column-span: all;
    padding-top:20px;
    padding-bottom:10px;
    display:block;
    margin-top:-10px;
    margin-left:-10px;
    margin-right:-10px;
    padding-left:20px;
    padding-right:20px;
    font-weight:bold;
}

.titleSpecial {
 color:#2b78c3;
 font-size:1.5em;
 margin-top:-5px;
}

.titleSpecial a {
 color:#2b78c3; 
 text-decoration:none; 
}

.titleSpecial a:hover {
 color:blue; 
}

#hamilton {
 float:right;
 width:146px;
    height:226px;
    padding-left:10px;
}

#fedCover img:hover {
 opacity:0.7; 
}

h4 {
    margin-top:-10px;
    color: #333c97;
    font-size:12px;
}

h5 {
  color:darkred;
  margin-bottom:-3px;
  }

/* END SPECIAL READING SECTIN - FEDERALIST PAPERS */




.bannerWrapper {
 width:94%;
 margin-left:auto;
 margin-right:auto;
}

.bottombanner {
      margin-top:1em;
      width:94%;
      height:250px;
      display:block;
      margin-left:auto;
      margin-right:auto;
}

.bannerFade .bottombanner {
   margin-top:1em;
      height:250px;
      display:block;
      margin-left:auto;
      margin-right:auto;
}

.siteButton {
display: block;
    margin-left: auto;
    margin-right: auto;

}

.buttonLinks {
display: block;
margin-right:auto;
margin-left:auto;

}

.buttonLinks a:hover {
  opacity:0.7;
}

#notes {
    text-align:center;
    width: 94%;
    display:block;
    margin-left:auto;
    margin-right:auto;
    font-size:11px;
    font-weight:bold;
    color:darkred;
}

.websiteBottom {
 display:block;
 width:94%;
 margin-left:auto;
 margin-right:auto;
 background-color:#0fc9a4;
 padding-top:10px;
 padding-bottom:10px;
 margin-bottom:10px;
 border-radius:4px;
 
}

/* END SEARCH AND PAGE BOTTOM */