@font-face {
  font-family: polo-semibold;
  src: url("/fonts/polo-semibold.ttf");
}
@font-face {
  font-family: powderfinger-type;
  src: url("/fonts/powderfinger-type.ttf");
}
@font-face {
  font-family: Labrada-Regular;
  src: url("/fonts/Labrada-Regular.ttf")
}
body {
  margin: 0 5%;
  background-color: white;
  color: black;
}
main {
  max-width: 1000px;
  margin: 0 0 4em 0;
}
h1 {
  border-bottom: .2rem dashed black;
  margin: .5em 0 .4em;
  font-family: powderfinger-type, Georgia, serif, "Times New Roman", Times, serif;
  font-size: 2.5em;
  text-shadow: 1px 1px 1px #000;
  line-height: 2.5rem;
  padding: 0 0 .8rem 0;
}
h2 {
  margin: 0 0 .32em;
  font-size: 2em;
  font-family: polo-semibold, Georgia, serif, "Times New Roman", Times, serif;
  color:#5588aa;
  text-shadow: 1px 1px 1px #000;
  letter-spacing: .05em;
}
h2 a {
  color:#5588aa;
  text-decoration: none;
}
h1 a,
h1 a:visited,
h1 a:hover {
  color: #000;
  text-decoration: none;
  background-color: transparent;
}
p,
li {
  font-family: 'Labrada-Regular', Georgia, 'Times New Roman', Times, serif;
}
p {
  margin: 0 0 1em 0;
  line-height: 1.3em;
  font-size:1.4em;
  text-align: justify;
}
p small {
  font-size: .7em;
}
a {
  color: #5588aa;
}
a:hover {
  background-color: #e5ebf0;
  border: none;
}
a:visited {
  color: #5588aa;
}
a:active {
  color: black;
}
ul {
  margin-bottom: 1.5em;
}
li {
  margin: .5em 2em .5em 2em;
  list-style: circle;
  font-size: 1.2em;
}
footer {
  position:fixed;
  bottom:0;
  left:0;
  width:100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  background-color: #faf9f9;
  border-top: 1px solid #c3d3db;
}
footer p {
  margin: 0 .2em .1em;
  padding: 0;
  font-size: 1.2em;
}
footer img {
  transition: all 100ms ease-in-out;
}
footer img:hover {
  transform: scale(1.3);
  margin-right: 1em;
}

/* specific styles */
.picture p {
  width:400px;
  margin:-6px 0 25px 0;
  border:1px solid #8c8c8c;
  border-top:none;
  box-shadow: 3px 3px 10px #888;
  -moz-box-shadow: 3px 3px 10px #888;
  background-color:silver;
  padding:9px 3px 5px 3px;
  font-size:13px;
  border-bottom-right-radius:15px;
  -moz-border-radius-bottomright:15px;
}
.picture strong {
  display:block;
  padding:0 0 5px 0;
}
.new-window {
  padding-left:2px;
}

/* styling young drummer drtebi */
#drtebi {
  float: right;
  box-shadow: 1px 1px 4px #888;
  border: 1px solid #333;
  border-radius: .5em;
  background-color: #eee;
  margin: 0 0 .3em 1em;
}
#drtebi img {
  border-top-left-radius: .5em;
  border-top-right-radius: .5em;
}
#drtebi p {
  margin: 3px 5px;
  font-size: 80%;
}