@charset "UTF-8";
html {
  background-color: black; }

body {
  background: -moz-linear-gradient(top, #decd86, white);
  background: -webkit-gradient(linear, top center, top center, from(#decd86), to(white));
  background: -webkit-linear-gradient(top, #decd86, white);
  background: -o-linear-gradient(top, #decd86, white);
  background: linear-gradient(top, #decd86, white);
  border-radius: 10px; }

/* A section is a slide. It's size is 800x600, and this will never change */
section {
  font-family: "Linux Libertine", "Liberation Serif", "Linux Libertine O", serif;
  font-size: 24pt; }

address, blockquote, dl, fieldset, form, h1, h2, h3, h4, h5, h6, hr, ol, p, pre, table, ul, dl {
  padding: 10px 20px 10px 20px; }

h1, h2, h3 {
  font-family: "Linux Biolinum", "Linux Biolinum O", sans-serif;
  text-align: center;
  margin: 10pt 10pt 20pt 10pt; }

ul, ol {
  margin: 10px 10px 10px 50px; }

section.titleslide h1 {
  margin-top: 200px; }

h1.title {
  margin-top: 150px; }

h1 {
  font-size: 150%; }

h2 {
  font-size: 120%; }

h3 {
  font-size: 100%; }

q {
  quotes: "“" "”" "‘" "’"; }

blockquote {
  font-style: italic; }

/* Figures are displayed full-page, with the caption on
   top of the image/video */
figure {
  background-color: black; }

figcaption {
  margin: 70px; }

footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 40px;
  text-align: right;
  background-color: #F3F4F8;
  border-top: 1px solid #CCC; }

/* Transition effect */
/* Feel free to change the transition effect for original
   animations. See here:
   https://developer.mozilla.org/en/CSS/CSS_transitions
   How to use CSS3 Transitions: */
section {
  -moz-transition: left 400ms linear 0s;
  -webkit-transition: left 400ms linear 0s;
  -ms-transition: left 400ms linear 0s;
  transition: left 400ms linear 0s; }

/* Before */
section {
  left: -150%; }

/* Now */
section[aria-selected] {
  left: 0; }

/* After */
section[aria-selected] ~ section {
  left: 150%; }

/* Incremental elements */
/* By default, visible */
.incremental > * {
  opacity: 1; }

/* The current item */
.incremental > *[aria-selected] {
  color: red;
  opacity: 1; }

/* The items to-be-selected */
.incremental > *[aria-selected] ~ * {
  opacity: 0.2; }

.center {
  text-align: center; }

li p {
  text-align: left;
  padding-left: 0; }

ul, ol {
  line-height: 150%; }

#movielens img {
  max-height: 300pt; }

img {
  margin: 0 1ex; }

pre.small {
  font-size: 18pt; }