body {
  font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
  color:#000;
  margin:0;
  background-color:#f1ffe8;
  height:100%; // to allow footer to be at bottom
  font-size: 16pt;

}

p{
  font-size: 14pt;
}

h1{
  color: black;
  font-size: 36pt;
  font-weight: 200;
}

h2{
  color: #579e29;
  font-size:22pt
}

h3{
  color: #579e29;
  font-size:18pt
}

h4{
  color: #579e29;
  font-size:16pt
}

h5{
  color: black;
  font-size:18pt
}

li{
  font-size:14pt;
  margin-top:10px;
}

a > img{
  border: 0;
}

img{
  border: 0;
}

#wrapper { 
  min-height:100%;
  position:relative;
  margin-left:10%;
  margin-right:10%;
  margin-top:20px;
  background-color:white;
  padding-left:20px;
  padding-right:20px;
  border:2px solid #ddd;
  border-radius: 10px;
}

div{
  overflow:hidden;
}

div.content{
  margin:0;
  height:auto;
  padding-bottom:40px; // footer height plus top and bottom padding 
}

div.header{
  color:#000000;
  background-color:#ffffff;
  padding-top:15px;
  padding-bottom:10px;
  margin:0;
}

div.header ul{
  list-style-type:none;
  padding:0;
}

div.header li{
  display:inline; 
  padding:10px;
  font-size:20pt;
}

#logo{
  width:300px;
}

@media (max-width: 900px){
  #logo{
    width:200px;
  }

  #wrapper {
    margin:0;
  }
}

ul{
  list-style-type: square;
}


div.footer{
  text-align:left;
  margin:5px;
  height:60px;
  width:100%;
  bottom:0;
  left:0;
  padding-bottom: 15px;
}

div a:link, div.header a:visited{
  color: #000000;
}

div a:hover{
  color: #33ccff;
}

div.bio{
  display:inline-block;
  width:210px;
  padding:5px; 
  text-align:center;
}

div.footer a:link{
  color: #808080;
}

div.footer a:hover{
  color: #579e29;
}

div.topfooter a:link, div.topfooter a:visited, div.topfooter{
  color: #579e29;
  font-weight: bold; 
  padding-bottom: 5px;
} 

div.topfooter a:hover{
  color: #579e29;
}

.email{
  letter-spacing: -0.09em;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}