div.background {
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 background: #41517B;
 background: -moz-linear-gradient(bottom, #182853, #41517B);
 background: -webkit-linear-gradient(bottom, #182853, #41517B);
 background: linear-gradient(bottom, #182853, #41517B);
}
div.slide {
 color: #EAE9FF;
 background: transparent;
 font-size: 150%;
 padding-top: 5%;
 padding-left: 10%;
 padding-right: 5%;
}

div.slide.smaller { font-size: 110% }

div.slide.titlepage {
 text-align: center;
}

div.slide.titlepage h1 {
  margin-top: 15%;
}

div.slide.titlepage p {
  color: #FF950E;
}

div.slide h1 {
  text-shadow: 2px 2px #000;
}

div.slide.crowded {
  overflow: hidden;
}

div.slide.crowded p {
  font-size: 80%;
}

div.slide.crowded pre {
  font-size: 35%;
}

div.slide.message img {
  float: right;
  width: 50%;
}

div.slide.message li {
  clear: none;
}

#stata {
 width: 15.86%;
 position: absolute;
 bottom: 0;
 left: 0;
}

#w3c-logo {
 width: 12.642%;
 position: absolute;
 bottom: 40px;
 right: 28px;
}

div.slide ul > li { clear: both }

#rounded {
  background: #507090;
  border-radius: 0.4em;
  box-shadow: #112 0.3em 0.3em 0.2em;
  padding-left: 0.2em;
}

pre {
 font-size: 40%;
 background-color: #507090;
 color: #EAE9FF;
}

.figure img { width: 100%; }

#canvas2, .chroma { border: solid 1px black }
#toucan { margin-top: 1em; }

math { font-size: 70%; padding-top: 1em; padding-left: 2.5em; }

#toucan, #canvas2, #chroma, .chroma { float: right; }

div.slidy_toc a { color: #000 }
a:visited { color: #EAE9FF }
a:link { color: #EAE9FF }
a:hover { color: #FF950E; text-decoration: underline }
a:active { color: #EAE9FF; text-decoration: underline }