/* @font-face {
  font-family: dropkicker;
  src: 
    url(/fnts/dropkicker.regular.ttf);
} */

@font-face {
  font-family: spectral;
  src:
    url(/fnts/spectral.regular.ttf);
}

@font-face {
  font-family: taylor-julianne;
  src: url(/bog/bookclub/bookclub_images/taylor-julianne.regular.otf)
}
      
body 
{ background-image: url(/bog/bookclub/bookclub_images/pupflowies.png);
  background-color: rgb(220,220,220);
  font-size: 12pt;
  margin-top: 60px;
}
      
#container 
{ box-sizing: border-box;
  width: 600px;
  height: 700px;
  margin: 10px auto 10px auto;
  background-color: #D9CBF9;
  border: 5px solid #9984CB;
  border-radius: 10px;
  font-family: "spectral"; }

#header
{
  text-align: left;
  margin: 15px;
  
}

#logo
{
  position: absolute;
  top:-55px;
  right:0;
  width: 150px;
}

#intro
{
  position: relative;
}

#content 
{ box-sizing: border-box;
  height: 100%;
  overflow: auto;
  text-align: justify;
  margin:25px;
}

#footer 
{ box-sizing: border-box;
  background-color: rgb(205,205,205);
  height: 30px;
  padding: 10px;
  text-align: center;
  vertical-align: middle; }

#current-book { 
  box-sizing: border-box;
  background-color: #c8b4f6;
  width: 49%;  
  border-radius: 5px;
  float: left;
}

#stuff {
  margin-right:0;
}

#archive { 
  box-sizing: border-box;
  background-color: #c8b4f6;
  width: 49%;  
  border-radius: 5px;
  float:right;
  
}


*:lang(es) {
  display: none;
}

.accordion {
  box-sizing: border-box;
  text-align: left;
  background-color: inherit;
  font-family: inherit;
  font-size: inherit;
  border: 0;
  padding: 0;
  margin: 0;
}
.panel {
  display: none;
  overflow: hidden;
}

table 
{ width: 100%; }
.dataTable
{ width: auto; 
  border-collapse: collapse; }

td 
{ border: 1px solid black;
  padding: 10px;
  text-align: left;
  box-sizing: initial; }
.date 
{ font-size: 8pt;
  text-align: right;
  padding-left: 10px; }
.grayed 
{ background-color: rgb(205,205,205);
  border: 0; }
.img 
{ box-sizing: border-box;
  border: 1px solid gray;
  padding: 4px; 
  object-fit: fill;
  width: 50px; }
.header
{ border: 1px solid black;
  text-align: center; 
  border-collapse: separate; 
  font-weight: bold; }

p { margin: 0;
    text-align: justify; }
.indent { text-indent: 30px; }

i { font-style: italic;
    font-weight: normal;
    margin: 0; }

s { color: gray; }

a:link, a:visited { color: #4d7943; }
a:hover, a:active { color: #629a55; text-decoration: underline wavy; }

/* td a:link, a:visited { color: lightGrey; }
td a:hover, a:active { color: gainsboro; text-decoration: underline wavy; } */