@import url(https://fonts.googleapis.com/css?family=Dokdo|Dekko|Averia+Serif+Libre|Patrick+Hand+SC|Atma|Aubrey|Arvo);

html, body {
  height:100%;
}

.sidebar {
height: 100%;
width: 15%;
position: fixed;
top: 0;
left: 0;
z-index:1;
padding-top: 40px;
background-color: rgba(255, 255, 255, .7);
border-right: solid red 1px;
overflow:hidden;
}

.jsidebar {
height: 100%;
width: 15%;
z-index:1;
position: fixed;
top: 0;
left: 0;
padding-top: 40px;
background-color: rgba(255, 255, 255, .7);
border-right: solid red 1px;
overflow:hidden;
}

.sidebar div {
padding: 8px;
display: block;
}

.jsidebar div {
padding: 8px;
display: block;
}


.journal {
  padding:5%;
  height:100%;
  padding-left:20%;
  position:fixed;
  overflow:auto;
}

.entry {
  background-color: white;
  border-style:dashed;
  border-color:red;
  border-width:1px;
  padding-top:5px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom:10px;
  max-height:350px;
  margin-bottom:50px;
  overflow: auto;
}

.body-text {
  margin-left:15%;
  padding-left:5%;
  padding-right:5%;
  padding-bottom:5%;
  background-color: white;
  border-style:dashed;
  border-color:red;
  border-width:1px;
  position:fixed;
  height:100%;
  width:85%;
  overflow:auto;
}

.body-gallery {
  margin-left:20%;
  padding-right:5%;
  padding-bottom:5%;
  position:fixed;
  height:100%;
  overflow: auto;
}

.center {
  margin-left:auto;
  margin-right:auto;
}

.container {
  height:100%;
  margin-top: 30px;
}

.bandpage {
  height: 80%;
  margin-top: 5%;
  margin-left: 20%;
  margin-right: 20%;
  margin-bottom: 5%;
  overflow:auto;
  padding-top: 1%;
  padding-bottom: 5%;
  padding-left:5%;
  padding-right: 5%;
  background-color: white;
  border-style: double;
}

.button {
       background-color: pink;
       border: outset;
       border-width: 2px;
       padding:3px;
       margin:10px;
       text-align: center;
}

.row {
align-items: center;
}

.scrollbox{
  max-height:100px;
  max-width:300px;
  overflow:auto;
  border-style:solid;
  border-width:1px;
  border-color: grey;
  color:grey;
  padding:5px;
  margin:auto;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: left;
  font-size: 12px;
  font-family: Dekko;
  list-style-image: url('https://puppyface.neocities.org/imgs/icons/kicked-in-teeth.gif');
}

h1  {
  color: #0000ff;
  font-family: Dokdo;
  font-size: 3em;
  margin-bottom: 0.5em;
  text-align: center;
  text-decoration: underline overline wavy blue;
}

h2  {
  color: #0066ff;
  font-family: dokdo;
  font-size: 2em;
  margin-bottom: .3em;
  text-align: center;
  text-decoration: ;
}

h3  {
  color: grey;
  font-family: patrick hand sc;
  font-size: 1.3em;
  font-style: italic;
  margin-bottom: 0.2em;
  text-decoration: underline dotted pink;
}

h4 {
  font-family:arvo;
  color:grey;
  font-size:12px;
  font-weight:bold;
}

p  {
  color: black;
  font-family: arvo;
  font-size: 12px;
  margin-bottom: 0.2em;
}

span {
  font-family: Aubrey;
  text-align:justify;
}

a:link {
  font-family:arvo;
  font-size: 12px;
  color: blue;
}
a:hover {
  color:pink;
}

table {
  text-align:center;
  border-style:;
  border-width:1px;
}

th {
  padding: .2em;
}

td {
  background-color: #ffc;
  padding-left: .5em;
  padding-right: .5em;
  font-size:16px;
  color:blue;
  font-family:Aubrey;
}
ul {
  font-family:trebuchet ms;
  font-size:14px;
  list-style-image: url('https://puppyface.neocities.org/imgs/icons/kicked-in-teeth.gif');

}
li {
  margin-bottom:5px;
  list-style-image: url('https://puppyface.neocities.org/imgs/icons/kicked-in-teeth.gif');
  line-height: 100%;
}