/* don't change this unless you want the layout stuff to show up in the outline view! */

.layout div, #footer *, #controlForm * {display: none;}
#footer, #controls, #controlForm, #navLinks, #toggle {
  display: block; visibility: visible; margin: 0; padding: 0;}
#toggle {float: right; padding: 0.5em;}
html>body #toggle {position: fixed; top: 0; right: 0;}

/* making the outline look pretty-ish */

.slide {font: Garamond, Times New Roman, Times, serif;}
.slide h1 {text-align: center; top: 0; margin: 0; padding: 0;
  font: 150% Garamond, Times New Roman, Times, serif;}
.slide h2 {text-align: center;
  font: 125% Garamond, Times New Roman, Times, serif;}
.slide h3 {text-align: center; 
  font: 125% Garamond, Times New Roman, Times, serif;}
.slide .ending {top:auto; bottom: 0; text-align:center;}

.slide div.handout {border-top: 1px dotted #888; padding:0 1em 0 1em;}

#slide0 h1, #slide0 h2, #slide0 h3, #slide0 h4 {border: none; margin: 0;}
.slide {margin: 1.5em 0 0; border: 1px solid #000;}
.slide#slide0 {margin: 0; border:none;}
 
#toggle {border: 1px solid; border-width: 0 0 1px 1px; background: #FFF;}