@font-face {
    font-family: 'Bentham';
    src: url('../fonts/bentham-regular-webfont.woff2') format('woff2'),
         url('../fonts/bentham-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
.deck-container {
  font-family: Bentham, serif;
  font-size: 1.75em;
  color: #aaa;
  background: #1f1f1f;
}
.deck-container .slide {
  background: #1f1f1f;
}
.deck-container .slide h1 {
  color: #fff;
  font-weight: normal;
  font-weight: 100;
}
.deck-container .slide h2 {
  color: #af0;
  font-weight: normal;
  font-weight: 100;
}
.deck-container .slide h3 {
  color: #fff;
  font-weight: normal;
  font-weight: 100;
  text-shadow: 0 0 5px #fff, 0 0 2px #fff;
}
.deck-container .slide pre {
  border-color: #333;
}
.deck-container .slide pre code {
  color: #fff;
}
.deck-container .slide code {
  color: #f0a;
}
.deck-container .slide blockquote {
  font-size: 2em;
  padding: 1em 2em;
  color: #fff;
  border-left: 5px solid #fff;
}
.deck-container .slide blockquote p {
  margin: 0;
}
.deck-container .slide blockquote cite {
  font-size: .5em;
  font-style: normal;
  font-weight: normal;
  font-weight: 100;
  color: #aaa;
  text-shadow: 0 0 15px #fff, 0 0 2px #fff;
}
.deck-container .slide ::-moz-selection {
  background: #a0f;
}
.deck-container .slide ::selection {
  background: #a0f;
}
.deck-container .slide a, .deck-container .slide a:hover, .deck-container .slide a:focus, .deck-container .slide a:active, .deck-container .slide a:visited {
  color: #666;
  text-decoration: none;
}
.deck-container .slide a:hover, .deck-container .slide a:focus {
  text-decoration: underline;
}
.deck-container .deck-prev-link, .deck-container .deck-next-link {
  background: #666;
  text-shadow: 0 0 3px #fff;
}
.deck-container .deck-prev-link, .deck-container .deck-prev-link:hover, .deck-container .deck-prev-link:focus, .deck-container .deck-prev-link:active, .deck-container .deck-prev-link:visited, .deck-container .deck-next-link, .deck-container .deck-next-link:hover, .deck-container .deck-next-link:focus, .deck-container .deck-next-link:active, .deck-container .deck-next-link:visited {
  color: #fff;
}
.deck-container .deck-prev-link:hover, .deck-container .deck-prev-link:focus, .deck-container .deck-next-link:hover, .deck-container .deck-next-link:focus {
  text-decoration: none;
}
.boxshadow .deck-container .deck-prev-link:hover, .boxshadow .deck-container .deck-prev-link:focus, .boxshadow .deck-container .deck-next-link:hover, .boxshadow .deck-container .deck-next-link:focus {
  -webkit-box-shadow: 0 0 20px #666, 0 0 5px #fff;
  -moz-box-shadow: 0 0 20px #666, 0 0 5px #fff;
  box-shadow: 0 0 20px #666, 0 0 5px #fff;
}
.deck-container > .slide .deck-before, .deck-container > .slide .deck-previous {
  opacity: 0.4;
}
.deck-container > .slide .deck-before:not(.deck-child-current) .deck-before, .deck-container > .slide .deck-before:not(.deck-child-current) .deck-previous, .deck-container > .slide .deck-previous:not(.deck-child-current) .deck-before, .deck-container > .slide .deck-previous:not(.deck-child-current) .deck-previous {
  opacity: 1;
}
.deck-container > .slide .deck-child-current {
  opacity: 1;
}
.deck-container .deck-status {
  font-size: 0.6666em;
}
.deck-container .goto-form {
  background: #000;
  border: 1px solid #f0a;
}
.deck-container .goto-form label {
  color: #fff;
}
.deck-container.deck-menu .slide {
  background: #333;
}
.deck-container.deck-menu .deck-current {
  background: #444;
}
.boxshadow .deck-container.deck-menu .deck-current {
  background: #000;
  -webkit-box-shadow: 0 0 20px #f0a, 0 0 5px #fff;
  -moz-box-shadow: 0 0 20px #f0a, 0 0 5px #fff;
  box-shadow: 0 0 20px #f0a, 0 0 5px #fff;
}
.no-touch .deck-container.deck-menu .slide:hover {
  background: #444;
}
.no-touch.boxshadow .deck-container.deck-menu .slide:hover {
  background: #000;
  -webkit-box-shadow: 0 0 20px #f0a, 0 0 5px #fff;
  -moz-box-shadow: 0 0 20px #f0a, 0 0 5px #fff;
  box-shadow: 0 0 20px #f0a, 0 0 5px #fff;
}
.iframe-slide { width: 980px; height: 600px;}
.article { width: 300px; position: absolute; z-index: -100;}
.deck-container .slide h1 { background: #E3E3E3; padding: 2px; border: 2px solid #666666; color: #333333; }
.deck-container .slide h2 { background: #E3E3E3; padding: 2px; border: 2px solid #666666; color: #333333; }
.deck-container .slide h3 { color: #8A8A8A; font-size: 1em; }
.deck-container .slide h3 a { color: #8A8A8A; font-size: 1em; }
.deck-container .slide h3 a:hover { color: #8A8A8A; font-size: 1em; text-decoration: none;}
.deck-container .slide h4 { text-align: center; margin-top: 1em;}
.slide img { margin-top: 1em; }
.slide table {width: 90%; margin: 0 auto; margin-top: 1em; margin-bottom: 1em; font-size: 0.8em;}
.slide table.small {width: 10%; font-size: 1em; }
.slide table td {padding: 5px;}
p.url {text-align: right; font-size: 0.6em; margin-top: 0;}
p.try { text-align: center;}
p.try button { font-size: 0.8em;}
.answer { display: none;}
.topics { margin-bottom: 1em;}
.topics p {margin:0 0 15px 0; font-size: 0.8em;}
div.credits { margin-top: 1em; margin-left: 4em;}