body {
background:#222;
color:#fff;
padding:0 0 200px 0;
margin:0;
font-size:1.1em;
  font-family:arial,sans-serif;

}

a {color:#fff;}

#header{
 background:black;
  text-align:center;
  margin:0 auto;
  max-width:1400px;
  height:4.5em;

}
#header img {margin:1em 0 0 2em; height:3.5em; width:auto;}

section {
  display:block;
  position:relative;
  margin:0 auto;
  max-width:1400px;
  background:#000;
  padding:0;
  background:#333;
}

#banner{
  background:white;
  background-size:cover;
  padding:2em 0;
  min-height:25em;
}

#orders{
position:relative;
display:inline-block;
width:50%;
margin-right:5%;
vertical-align:top;
text-align:center;
z-index:1;
text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
}


#title {
  display:block;
  margin:0 auto 2em auto;
  width:80%;
}

#bookimage {
  width:300px;
}

.bookimage {
  display:inline-block;
  position:relative;
  vertical-align:middle;
  line-height:0;
}

.bookimage div {
  position:absolute;
  top:0; right:0; bottom:0; left:0;
  background: linear-gradient(to right, rgb(60, 13, 20) 0px, rgba(255, 255, 255, 0.4) 1px, rgba(255, 255, 255, 0.15) 2px, rgba(255, 255, 255, 0.15) 1.6%, transparent 4%, rgba(255, 255, 255, 0.25) 5.5%, transparent 7%), linear-gradient(to bottom, rgba(255, 255, 255, 0.3), transparent 4px), linear-gradient(to top, black, transparent 4px);
border-radius:1%;
}

.bookimage img {
  width:100%;
  border-radius: 5px;
/*   box-shadow: 10px 10px 15px 0px rgba(0, 0, 0, 0.75); */

}
.link {
    white-space: nowrap; 
    overflow: hidden; 
    width: 100%; 
    border: 1px solid #ccc;
    padding: 10px;
    font-size:80%;
    color:#66f;
}
#sample {
  background:#ffc;
  color:#000;
  font-size:1.2em;
  text-align:center;
}
#sample a {
  color:#009;
  display:block;
  padding:1em;
  text-decoration:none;
}
#sample a:hover { background:#ffa; }
.big { font-size:120%;}
.b {font-weight:bold;}
.u {text-decoration:underline;}
.small {font-size:80%;}

#availability {
  text-align:center;
  font-weight:bold;
  font-size:1.2em;
  color:#000;
  background:#cc3;
}
#availability a { display: inline-block; vertical-align:middle; filter: brightness(0%);}
#availability a:hover { display: inline-block; vertical-align:middle; filter: brightness(100%);}

#availability a img { width:5em; }

#description {
  padding:1em 0;
  background:#333;
  margin-bottom:-1em;
}
#description .text {
  width:75%;
  display:inline-block;
  vertical-align:top;
}
#headshot {
  display:inline-block;
  vertical-align:top;
  width:15%;
  margin:1em 5% 0 0;
  border:2px solid #777;
}

#page {
  background:#fff;
  color:black;
}
#page .text {
  width:65%;
  display:inline-block;
  vertical-align:top;
  padding:0 2em;
}
#page a {
  color:#00f;
}

.container {
  position:relative;
  max-width:50em;
  margin:0 auto;
  padding:1em 0 1em;
}

.inline {
  position:relative;
  display:inline-block;
  vertical-align:top;
}
#footer {
position:fixed;
left:0;
bottom:0;
right:0;
height:175px;
max-height:20%;
border-top:2px solid white;
background:#111;
overflow:auto;
white-space:nowrap;
z-index:100;
}

#maillist {
}

#links{
position:absolute;
top:0; right:0;
bottom:0; left:0;
padding:.5em;
text-align:center;
}

#links a {
  padding:0;
  position:relative;
  margin:0 0.5em;
  display:inline-block;
  vertical-align:middle;
  text-decoration:none;
  overflow:hidden;
  border:1px solid #666;
  height:100%;
}
#links > a:hover { border:1px solid black; outline:2px solid white;}
#links div {
  display:inline-block;
  vertical-align:middle;
}
#links div a {
  display:block; border:0;
  text-decoration:underline;
  font-size:80%;
}

a#subscribe {
  padding:1em;
  background:#5f5;
  color:black;
  border-radius:5px;
  font-weight:bold;
  font-size:1.0em;
  text-align:center;
  width:10em;
  height:auto;
  padding:0.5em;
}
#subscribe:hover{
  outline:2px solid white;
  cursor:pointer;
}


.book img {
  height:100%;
  aspect-ratio:.75 / 1;
}

a.book {
display:inline-block;
text-decoration:none;
color:white;
vertical-align:top;
}

.err {
  background:#fcc;
  padding:1em;
  border-radius:0.5em;
  margin-bottom:1em;
  color:#000;
  text-shadow:none;
}
.err a { color:blue; }

.mobile { display:none !important; }

.msg {
  background:#ccf;
  padding:1em;
  border-radius:0.5em;
  margin-bottom:1em;
}

.icon { vertical-align:middle; margin:-.25em 0;}

.button {
  margin:0.5em auto;
  background:#5f5;
  color:black;
  font-weight:bold;
  border-radius:0.4em;
  padding:0.6em 1.5em;
  text-decoration:none;
  display:inline-block;
  border:1px solid black;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, .5);
  text-shadow:none;
}
p .button {margin:0 .25em;}

.button:hover {
  background:#3f3;
  outline:2px solid white;
}

#buylinks { text-align:center; }