html, body {
  font-family: Arial, sans-serif;
  font-size: 0.91em;
  margin: 0;
  padding: 0;
}
body {
  color: #AAA;
  background-color: #000;
  overflow-x: hidden;
}

tt, code, kbd { font-family: 'Courier New', Courier, monospace; }

h1, h2 { font-family: Georgia; font-style: italic; font-weight: normal; }
h2 { margin-top: 0; margin-bottom: 0; font-weight: normal; letter-spacing: 1px; text-align: center; }
h2 + h3 { margin-top: 0; margin-bottom: 1em; font-size: 1em; font-style: normal; }
address { font-style: normal; text-align: center; margin: 1em 0; }

a:link        { color: #88F; text-decoration: none; }
a:visited     { color: #88F; text-decoration: none; }
a:hover       { color: #FFF; text-decoration: none; }
a[name]:hover { text-decoration: inherit; }

div.heading {
  overflow: hidden;
  background-color: #333;
  color: #EEE;
  padding: 6px 12px;
  text-align: left;
  background: linear-gradient(to bottom, #555 0%,#222 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  border-bottom: 1px solid #555;
}
div.subheading {
  padding: 4px 12px;
  text-align: center;
}
div.content {
  background-color: black;
  margin: 0 -10px 0 0;
  padding: 0;
  text-align: center;
  overflow: hidden;
}
img {
  border: solid #202020 1px;
  margin: 0;
  padding: 0;
}

div.heading h1, div.heading ul li {
  display: inline;
}
div.heading ul {
  float: right;
  background-color: transparent;
  padding: 8px 0 0;
  margin: 0;
}
div.heading ul li {
  display: inline;
  list-style-type: none;
  padding-left: 2em;
}

div.photo { display: inline-block; text-align: center; vertical-align: top; max-width: 402px; margin: 18px 10px 0 0px; }
div.photo > div:first-child { overflow: hidden; }
div.photo > div.caption { margin: 8px; vertical-align: top; }
div.photo > div.credit { margin: 0; text-align: right; font-size: 0.8em; }

@media only screen and (max-width: 420px) {
  div.photo, div.photo > div:first-child { max-width: 100%; height: auto; }
  body, table { font-size: 1em; }
  h1 { font-size: 1.5em; }
  div.content { margin: 0 }
  div.photo { margin-left: 0; margin-right: 0; }
  img { border: 0 none; max-width: 100%; height: auto; }
}

/******************************************************************************\
|*                       Styles used by "magnify.js"                          *|
\******************************************************************************/

#mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: black;
}
#mask.none {
  display: none;
}
#mask.transparent {
  display: block;
  opacity: 0.0;
  /* http://blogs.msdn.com/b/ie/archive/2010/08/17/ie9-opacity-and-alpha.aspx */
  filter: alpha(opacity=0);
}
#mask.dark {
  display: block;
  -webkit-transition: opacity 1s;
  -moz-transition: opacity 1s;
  -ms-transition: opacity 1s;
  -o-transition: opacity 1s;
  transition: opacity 1s;
  opacity: 0.9;
  /* http://blogs.msdn.com/b/ie/archive/2010/08/17/ie9-opacity-and-alpha.aspx */
  filter: alpha(opacity=90);
}