html, body, div, img, h1, h2, h3, ul, li, p {
padding: 0;
margin: 0
}

html,body {
font-family: sans-serif;
line-height: 1.6;
}

body {
margin-bottom: 30%;
}

h1 {
position: absolute;
left: 0.5%;
bottom: 0;
display: inline-block;
font-size: 1.5em;
font-weight: normal;
padding-left: 1%;
}

h2 {
font-weight: normal;
font-size: 1.5em;
margin: 1% 0;
}

p { margin-bottom: 16px; }
img { border-width:  0; }

.clear { clear: both; }

#menu { display:  none/9; } /* disables menu in IE8 and below */

#menu a:link { color: #fff; text-decoration: none; }
#menu a:visited { color: #fff; }
#menu a:hover { color: #c7e8da; }
#menu a:active { color: #c7e8da;}

#menu h1 a:hover { color: #fff; }
#menu h1 a:active { color: #fff; }

a:link { color: #aa5939; text-decoration:none; }
a:visited { color: #aa5939; }
a:hover { color: #f3ad91; }
a:active { color: #f3ad91;}

ul {
list-style-type: square;
margin-left: 32px;
}

ul.info { list-style-type: none; }

ul.references li ul.inner li {
padding: 8px 0 0 16px;
}

ul.references li {
text-indent: -16px;
padding: 0 0 20px 16px;
}

#menu {
position: fixed;
top: 0;
right: 0;
width: 100%;
height: 48px;
background: #277553;
color: #fff;
box-shadow: 0 4px 10px #888;
}

#nav ul {
position: absolute;
bottom: 0;
right: 3%;
}

#nav ul li { display: inline-block; }
#nav ul li:before { content: " - "; }
#nav ul li:first-child:before { content: ""; }

#nav img {
display: none;
position: absolute;
bottom: 0;
right: 0;
width: 32px;
height: 24px;
padding: 12px 16px;
}

div.section {
padding: 8% 2%;
border-bottom: 1px solid #eee;
}

img.headshot {
float: left;
width: 200px;
height: 200px;
padding-right: 1%;
}

img.banner {
display: block;
width: 98%;
max-width: 600px;
}

p.caption {
font-size: 12px;
color: #888;
font-style: italic;
}

div.gallery {
overflow-x: scroll;
overflow-y: hide;
white-space: nowrap;
padding-top: 16px;
}

div.gallery img {
display: inline-block;
width: 160px;
height: 160px;
padding-right: 1px;
}

@media screen and (max-width: 620px) {
  #nav img { display: inline-block; cursor: pointer; }
  
  ul.info {
  margin-left: 0px;
  }

  #nav ul {
  display: none;
  top: 48px;
  right: 0px;
  box-shadow: 0 4px 10px #888;
  }

  #nav ul li {
  display: block; 
  background-color: #277553;
  width: 50vw;
  border-top: 1px solid #fff;
  }
  
  #nav ul li a {
  display: block;
  padding: 10% 0% 10% 10%;
  }
  
  #nav ul li:first-child { border-top:none; }

  div.section { padding-right: 10%; padding-left: 5%; }
  #nav ul li:before { content: ""; }
  ul.info { padding-top: 8px; clear: both; }
  #nav ul.show { display: block; }
  
  ul.references li {
  text-indent: 0;
  padding: 0 0 20px 0;
  }
  
}