@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: none; margin: 2em 0 0 0;
                padding: 1em 0 0 0; border-style: dotted none none none}
}

@media projection {

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

@media print {

  .restricted-height {overflow: hidden}
  .no-print {display: none}
}

/*
      code.block {display: inline-block; padding: 0.3em; white-space: pre;
	border: thin solid; vertical-align: middle}
      .extra {background: url(highlighter.png) 100% 50% repeat-x}
      .choice2, .choice3 {display: inline-block; vertical-align: middle;
	line-height: 1}
      .choice2:before, .choice3:before {content: "{"; float: left; width: 0.4em}
      .choice2:before {font-size: 2em}
      .choice3:before {font-size: 3em}
      address {font-style: italic}
      div.callout {text-align: center}
      .sidebar li {margin-left: 0.75em}
*/