body, main, header, footer, nav, div, p, h1, h2, h3, img {
  margin: 0;
  padding: 0; }

main, header, footer, nav {
  display: block; }

body {
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  background: #ffffff;
  font-size: 16px;
  line-height: 1.4;
  color: #222;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%; }

main, header, footer {
  width: 720px;
  margin: 0 auto;
  padding: 0 40px; }

main {
  margin-top: 50px; }

h1, h2, h3 {
  font-family: "Roboto Slab", serif;
  color: #444; }

img {
  border-radius: 5px; }

header {
  margin-top: 90px; }

header h1 {
  font-size: 26px; }

h1 a, h2 a, h3 a {
  color: inherit;
  text-decoration: inherit; }

header nav {
  font-size: 16px;
  margin-top: 6px; }

header nav ul {
  list-style: none;
  margin: 0;
  padding: 0; }

header nav li {
  display: inline-block;
  margin: 0 15px 0 0;
  padding: 0; }

a {
  color: #2020a0; }

a:hover {
  color: #d02020;
  text-decoration: none; }

a img:hover {
  -webkit-filter: brightness(107%);
  filter: brightness(107%); }

a {
  -webkit-transition: all 0.08s ease-in-out;
  transition: all 0.08s ease-in-out; }

footer .copyright {
  display: inline-block;
  border-top: solid 1px #ddd;
  margin-top: 40px;
  padding-top: 2px;
  padding-bottom: 50px;
  clear: both;
  font-size: 8px;
  opacity: 0.7; }

main h2 {
  font-size: 30px;
  margin: 50px 0 20px 0; }

main p {
  margin: 1em 0; }

dl.qa {
  margin: 0; }

dl.qa dt {
  margin: 0; }

dl.qa dt::before {
  content: "Q: "; }

dl.qa dd {
  margin: 0 0 1em 0; }

dl.qa dd::before {
  content: "A: "; }

dl.qa dd a {
  font-weight: bold; }

#serieses {
  margin-top: 25px;
  margin-bottom: 15px; }

#serieses .series {
  display: inline-block;
  width: 160px;
  padding-left: 30px;
  padding-right: 30px;
  margin-top: 15px;
  margin-bottom: 15px;
  vertical-align: text-top; }

.serieses h3 {
  margin: 6px 0 12px 0; }

.photo-thumbs {
  line-height: 0;
  font-size: 0;
  display: inline-block; }

.photo-thumb {
  display: inline-block;
  width: 75px;
  height: 75px;
  padding: 3px; }

.photo-thumb img {
  border-radius: 4px; }

.photo-full img {
  border-radius: 6px;
  background: #eee; }

.photo .photo-thumbs {
  float: right; }

.photo .photo-thumb {
  display: block; }

.photo-block h2 {
  margin: 10px 0 4px 0; }

.photo-block .when, .photo-block .where, .photo-block .media {
  font-size: 90%; }

.photo .description {
  margin-top: 20px; }

.photo-block {
  width: 500px;
  text-align: center; }

.photo-inner {
  display: inline-block;
  text-align: left; }

.photo .description {
  width: 520px;
  text-align: left; }

a img {
  border: 0;
  padding: 0; }

@media print {
  header nav {
    display: none; } }
@media (min-width: 800px) {
  @viewport {
    width: device-width; } }