body { padding: 0; margin: 0; font-size: 1em; color: #777; font-family: HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; }

table, td { border-width:0px; border-spacing: 0px; border-collapse: collapse; padding:0px; vertical-align: top; }
a { text-decoration: none;}
img {border: none;}

div.detail { margin: 0 auto; padding-top:0px; }
div.row { display: flex; justify-content: space-between; }
.grow { margin: 10px 0; text-align: center; flex-grow:1; }
.inset { margin: 0 5px; }

#previous, #current, #next, #index { font-size: 2.2em; }

#previous a, #previous a:active, #previous a:visited { padding-left: 15px; padding-bottom: 0.1em; color: #BBB; background: url("../assets/previous.gif") no-repeat center left; }
#previous a:hover { color: #444; background: url("../assets/previous_active.gif") no-repeat center left; }

#next a, #next a:active, #next a:visited { padding-right: 15px; padding-bottom: 0.1em; color: #BBB; background: url("../assets/next.gif") no-repeat center right; }
#next a:hover { color: #444; background: url("../assets/next_active.gif") no-repeat center right; }

#index a, #index a:active, #index a:visited { padding: 0 0 0.1em 25px; color: #BBB; background: url("../assets/index.gif") no-repeat center left; }
#index a:hover { color: #444; background: url("../assets/index_active.gif") no-repeat center left; }

#photo { margin: 0 0 5px 0; text-align: left; }
#photo img { background-color: #BBB; }

#metadata { padding: 0 3px; }

strong { font-size: 0.8em; }
#footer { text-align: left; padding: 0; list-style: none; }
#footer p { font-size:.8em; color:#BBB; margin:0; padding: 5px 3px; }