@page {margin: 1.5cm 1cm}

.restricted-height {overflow: auto}
/*
pre, code {font: 1em "1942 report", Prestige Elite Std, Courier,
            Courier New, monospace; letter-spacing: -0.15em; x-color: #630}
*/
pre b, code b {background: url(highlighter.png) 100% 50% repeat-x}
.illustration, .illustration2 {max-width: 30%}
.illustration {float: right; margin: 0 0 0.2em 1em}
.illustration2 {float: left; margin: 0 1em 0.2em 0}
img {max-width: 100%}
img.genie {vertical-align: middle; max-width: 3.5em; max-height: 3.5em}

.hovertoggle *:first-child {display: inline}
.hovertoggle * {display: none}
.hovertoggle:hover *:first-child {display: none}
.hovertoggle:hover * {display: inline}

.dim {color: #BBB}

/*
@media screen, tv, print {

  body {background: #005A9C}
  div.slide {background: white; clear: both; padding: 1em;
              margin: 0; min-height: 20em; overflow: hidden}
  h1:first-child {background: #005A9C; color: white; padding: 0.5em;
                   font-size: 200%; margin: -0.5em -0.5em 0.5em -0.5em;
                   page-break-after: avoid}
  p.progress {display: none}
  div.comment {background: #EEE; margin: 2em 0 0 0;
                padding: 1em; border-style: dotted none none none}
}
*/

/*
@media projection {
*/
  body {overflow-x: hidden /* Hack: hide scrollbar in FF Fullerscreen */}
/*
}
*/

@media print, screen, tv {

  .restricted-height {overflow: hidden}
  div.slide {border: medium solid; border-radius: 1em; padding: 1em;
    margin: 2em auto; page-break-inside: avoid; min-height: 15em; width: 26em}
  div.slide:after {content: " "; display: block; height: 0; clear: both}
  div.slide > *:first-child {margin-top: 0}
  div.comment {background: none; margin: 2em 0 0 0; border-style: none;
    padding: 0; columns: 2; hyphens: auto; widows: 1; orphans: 1}
  div.callout, div.sidebar {border-radius: 0.5em}
  dt {float: left}
  div.comment p {margin: 0}
  div.comment p + p {text-indent: 1em}
}

@media print {
  .no-print {display: none}
}