/* HTML 5 specific */
@import url("https://fonts.googleapis.com/css?family=Bad+Script&text=Radiowiec");
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 {
  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%;
  margin: 0.5em; }

#errata5 {
  color: black;
  background-color: #eeeeee; }
  #errata5 .article-list_item {
    background-color: white; }
  #errata5 .navlist li:hover, #errata5 .navlist li a:active {
    color: blue;
    background: white;
    text-decoration: none; }
  #errata5 .navlist li a:hover {
    color: blue; }
  #errata5 .navlist li.active {
    color: black;
    background: white;
    text-decoration: none; }

#errata6 {
  color: black;
  background-color: #dfe0a4; }
  #errata6 .article-list_item {
    background-color: #ffffcc; }
  #errata6 .navlist li:hover, #errata6 .navlist li a:active {
    color: green;
    background: #ffffcc;
    text-decoration: none; }
  #errata6 .navlist li a:hover {
    color: green; }
  #errata6 .navlist li.active {
    color: black;
    background: #ffffcc;
    text-decoration: none; }

#errata7 {
  color: #7a4d3a;
  background-color: #e9d4a9; }
  #errata7 .article-list_item {
    background-color: #efe8d1; }
  #errata7 .navlist li:hover, #errata7 .navlist li a:active {
    color: #cf1b24;
    background: #efe8d1;
    text-decoration: none; }
  #errata7 .navlist li a:hover {
    color: #cf1b24; }
  #errata7 .navlist li.active {
    color: #7a4d3a;
    background: #efe8d1;
    text-decoration: none; }

.inactive_left a:before {
  content: "\00ab\2009"; }

.inactive_right a:after {
  content: "\2009\00bb"; }

.errata_intro h2 {
  margin-top: 0; }

@media screen and (min-width: 721px) {
  .errata_intro {
    padding: 0 1%;
    float: left;
    width: 60%; } }

.article-list {
  padding-left: 0; }

.article-list, .navlist {
  list-style-type: none; }

.article-list_item {
  position: relative;
  background-size: 3em 3em;
  background-origin: content-box; }
  .article-list_item article {
    margin: 0.33em; }

.errata_article::before {
  content: '';
  z-index: -2;
  display: block;
  position: absolute;
  bottom: 0.75em;
  left: 0.18em;
  width: 40%;
  height: 20%;
  box-shadow: 0px 13px 8px rgba(0, 0, 0, 0.4);
  transform: rotate(-2deg); }

.errata_article::after {
  content: '';
  z-index: -2;
  display: block;
  position: absolute;
  bottom: 0.75em;
  right: 0.75em;
  left: auto;
  width: 40%;
  height: 20%;
  box-shadow: 0px 13px 8px rgba(0, 0, 0, 0.4);
  transform: rotate(2deg); }

.errata_section {
  clear: both; }

.navlist {
  margin: 1em auto;
  padding: 0;
  text-align: center; }
  @media screen and (max-width: 640px) {
    .navlist li {
      display: list-item; }
      .navlist li a {
        display: inline-block;
        width: 100%;
        padding: 0em 0.3em; } }
  @media screen and (min-width: 641px) {
    .navlist li {
      display: inline; }
      .navlist li a {
        padding: 0.3em 0.3em; } }
  .navlist li a {
    text-decoration: none; }

@media screen and (min-width: 721px) {
  aside {
    padding: 0 0.5%;
    float: left;
    width: 37%; }
    aside figure {
      margin: 0; } }

.foreign {
  font-style: italic; }
  .foreign em {
    font-weight: bold; }

.handwriting {
  font-family: 'Bad Script', 'Lucida Handwriting', 'Monotype Corsiva', Zapfino, 'URW Chancery L', 'Courier New', Courier, monospace;
  font-size: 1.125em;
  font-weight: bold;
  text-shadow: 4px 4px 4px #aaa; }

img {
  display: block;
  max-width: 100%;
  margin: 0px auto;
  height: auto; }