/* ================ reset.scss ================================================================ */
/* derived from */
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

/* remember to define focus styles! */
:focus {
  outline: 0; }

/* remember to highlight inserts somehow! */
ins {
  text-decoration: none; }

del {
  text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0; }

div.clear {
  clear: both; }

/* ................ */
body {
  margin: 0 1em 0 1em;
  padding: 0;
  font-size: 100%;
  font-family: Futura, "GillSans", "Gill Sans", Helvetica, Arial, Verdana, sans-serif;
  color: #fff;
  background-color: #000; }

div.photo {
  clear: both;
  margin: 20px 20px; }
  div.photo img {
    max-height: 500px;
    margin: 0; }
  div.photo p {
    margin: 1em 0; }

div.metadata {
  margin: 0 20px;
  font-size: 90%;
  color: #aaa; }
  div.metadata p {
    margin: 0.5em 0; }

span.count {
  margin: 0 1em 0 5em; }

div.top-bar {
  margin: 1em 0 1em 0;
  height: 40px;
  vertical-align: bottom; }

div.logo {
  margin: 0 15px;
  float: left; }
  div.logo img {
    height: 40px; }

div.slideshow-button {
  float: left;
  margin-top: 15px;
  padding-left: 15em;
  color: white; }
  div.slideshow-button a {
    font-style: normal;
    font-weight: bold;
    padding: 5px;
    border-radius: 5px;
    white-space: nowrap;
    background: linear-gradient(grey, #343434);
    cursor: pointer;
    border: thin solid black; }
    div.slideshow-button a:hover {
      background: grey; }

div.navigator {
  float: left;
  padding: 10px 20px; }
  div.navigator img {
    margin: 0 5px;
    height: 20px; }

a {
  color: #bbb;
  text-decoration: none; }

a:hover {
  text-decoration: underline; }

img {
  border: 0; }

p {
  line-height: 1.1em; }