/* Imports */

@import url(http://weloveiconfonts.com/api/?family=entypo);

[class*="entypo-"]:before { font-family: 'entypo', sans-serif; }

/* CUSTOM STYLES */


body {
  font-family: Open Sans;
  font-size: 10pt;
  margin: 0;
}

header.chapter {
  background: #DA3B5F;
  height: 100px;
}

header.chapter img {
  float: right;
  height: 100px;
}

header.chapter h1 {
  margin: 0;
  padding: 10px 0;
  color: white;
}

header.chapter h2 {
  margin: 0;
  color: white;
}

.chapter {
  background: #EEE;
  padding: 32px 0;
}

section.chapter:nth-child(2n) { background: white; }

.container {
  max-width: 600px;
  margin: 0 auto;
}

.form-group { margin-bottom: 16px; }

.form-group label {
  display: block;
  margin-bottom: 8px;
  font-weight: bold;
}

select {
  height: 32px;
  width: 100%;
  padding: 0 8px;
}

a[download] {
  display: inline-block;
  padding: 8px 16px;
  background: #666;
  text-decoration: none;
  color: white;
}

a[download]:hover { background: #888; }

.paginator { position: relative; }

.page-simple {
  display: block;
  width: 100%;
  height: 300px;
  line-height: 300px;
  background: #06A;
  box-sizing: border-box;
  text-align: center;
  color: white;
  font-size: 2em;
}

.page-simple:nth-child(2n) { background: #0A6; }

.actions {
  margin-top: 8px;
  display: inline-block;
}

.actions > * {
  display: inline-block;
  background: #A00;
  color: white;
  border: none;
  height: 50px;
  line-height: 50px;
  width: 50px;
  cursor: pointer;
}

.actions > *:focus { outline: none; }
 .actions > [data-action="prev"], .actions > [data-action="next"] {
 position: absolute;
 top: 50%;
 margin-top: -25px;
 background: none;
 font-size: 4em;
 color: rgba(0, 0, 0, 0.8);
}
 .actions > [data-action="prev"] {
 left: -50px;
}
 .actions > [data-action="next"] {
 right: -50px;
}

ul.classes {
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

ul.classes li {
  display: inline-block;
  width: 80px;
  padding: 8px 0;
  line-height: 1.8em;
  box-sizing: border-box;
  background: #666;
  vertical-align: top;
  font-family: monospace;
  color: white;
  font-size: 0.8em;
  text-align: center;
}