/* HTML 5 specific */
header, main, section, article, aside, figure, nav, footer {
  display: block; }

@media screen and (max-width: 1024px) {
  .automargins {
    width: 100%;
    margin: 0.5em auto; }
    .automargins h1 {
      font-size: 1.75rem; } }
@media screen and (min-width: 1025px) {
  .automargins {
    max-width: 960px;
    margin: 0.5em auto; } }

header {
  padding: 0 0.5em; }

q {
  quotes: '\201E' '\201D' '\00BB' '\00AB'; }

q:before {
  content: open-quote; }

q:after {
  content: close-quote; }

div.clear {
  clear: both; }

body {
  background: tan;
  /* tan */
  color: #000;
  margin: 0.5em;
  padding: 0px;
  font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
  font-size: 100%; }

img {
  border: none; }

h1 {
  color: black; }

main {
  background-color: #fbf2ed;
  color: black;
  padding: 0 1em; }
  @media screen and (min-width: 721px) {
    main {
      padding: 0 1.5%;
      float: right;
      width: 77%; } }

aside {
  background-color: #fbf2ed;
  padding: 0 0.25em; }
  @media screen and (min-width: 721px) {
    aside {
      padding: 0 0.5%;
      width: 19%;
      float: left; } }

.cover-list {
  list-style-type: none; }

header {
  padding: 0 0.5em;
  background: #fffafa url("../images/logo.jpg") no-repeat top right; }

.errata_main_footer {
  background-color: #ffe7ba;
  clear: both;
  text-align: center; }

article p {
  text-indent: 1em; }

nav ul {
  margin: 0;
  padding: 0;
  text-align: center; }

nav ul li {
  margin: 1em 0; }

.hidentity img {
  max-width: 100%;
  max-height: 100%;
  height: 19px;
  flex: 0 0 auto;
  object-fit: scale-down; }

#main_flex {
  border: 1px outset; }
  @media screen and (max-width: 720px) {
    #main_flex {
      -webkit-display: flex;
      display: flex;
      -webkit-flex-flow: column;
      flex-flow: column; }
      #main_flex aside {
        -webkit-order: 1;
        order: 1; }
      #main_flex article {
        -webkit-order: 0;
        order: 0; }
      #main_flex .hidentity {
        float: left;
        width: 100%;
        text-indent: 0px; }
      #main_flex .cover-list img {
        width: 70%; } }
  @media screen and (min-width: 721px) {
    #main_flex {
      -webkit-display: flex;
      display: flex;
      -webkit-flex-flow: row;
      flex-flow: row; }
      #main_flex aside {
        -webkit-order: 0;
        order: 0; }
      #main_flex article {
        -webkit-order: 1;
        order: 1; }
      #main_flex .hidentity {
        float: right; }
      #main_flex .cover-list img {
        width: 100%; } }