body {margin: 0;
font-family: 'Roboto Slab', Arial, sans-serif;
background-image: url("greysky.jpg");
background-size: cover; background-repeat: no-repeat;
}

a {text-decoration: none}
a:link, a:visited {color: #CF0010}
a:hover, a:active {color: #ffffff}

.bookcover {position: relative}

.quoteholder {position: absolute; top: 1.55%; right: 2.51%;}

.onsale {position: absolute; top: 57%; left: 5%;
         color: #ffffff; font-size: 2.5vw;
         width: 50%; background-color: #000000; padding: 10px;
         box-shadow: 5px 5px 5px #CF0010;}

.onsalenow {position: absolute; top: 14%; right: 3%;
         color: #ffffff; font-size: 7vw; text-align: center;
         background-color: #CF0010; margin: 0px; padding: 1%;
         width: 50%; border-radius: 3%;}

.trailerbox {position: absolute; top: 55%; left: 5%; width: 31%;}

.onsalenow hr {
	width: 40%; border-top: 1px solid #000000;
}

.onsalenow p {padding: 0px; margin: 0px}

.vendors {font-size: 3.5vw; padding: 0px; margin: 0px; color: #ffffff}

.vendors a:link, .vendors a:visited {color: #ffffff}
.vendors a:hover, .vendors a:active {color: #000000}

.extratext {color: #000000; font-size: 3vw}


.quote {text-align: right;
        color: #CF0010;
        font-size: 4vw;}

.citation {text-align: right;
           color: #000000;
           font-size: 2vw;}

.reviewlink {text-align: right;
           color: #CF0010;
           font-size: 3vw;
           font-weight: bold; font-style: italic;}

.reviewlink p {padding: 5px; margin: 0px}

.reviewlink a:link, .reviewlink a:visited {color: #CF0010}
.reviewlink a:hover, .reviewlink a:active {color: #000000}



.quote p, .citation p {margin: 0px; padding: 0px}

.content {margin: 15px; padding: 15px;
   background-color: #000000;
   color: #ffffff;
   border: 2px solid #ffffff;
   font-size: 14pt;}

.synopsis {font-size: 16pt; margin-top: 0px}

.highlight {padding: 5px; background-color: #ffffff; color: #000000}

.highlight p {padding: 0; margin: 0}

.quote2 {font-size: 14pt; margin-bottom: 0px; margin-left: 25px; margin-right: 25px}
.citation2 {font-size: 12pt; text-align: right; margin-top: 0px; margin-left: 25px; margin-right: 25px}

.headshot {float: left; width: 150px; margin-right: 15px}

hr {width: 75%; border-top: 1px dotted #EFEFEF}

.pageheader {width: 100%; border-bottom: solid 1px #000000}

.buttonholder {margin-top: 30px; margin-bottom: 15px; margin-left: 10px; margin-right: 10px}

.button {font-family: 'Roboto Slab', Arial, sans-serif; font-size: 18px;
color: #ffffff; border: none; background-color: #CF0010; padding: 10px 20px; margin: 15px 15px;
             display: inline-block; border-radius: 16px;}

.button a:link, .button a:visited {color: #ffffff}
.button a:hover, .button a:active {color: #000000}

.reviewlinkholder {margin: 15px}
.reviewlink2 {font-size: 22pt; width: 100%; margin: 0px; padding: 15px}