1/* The following styles size and place the slide components.
2   Edit them if you want to change the overall slide layout.
3   The commented lines can be uncommented (and modified, if necessary)
4    to help you with the rearrangement process. */
5
6div#header, div#footer, div.slide {width: 100%; top: 0; left: 0;}
7div#header {top: 0; height: 3em;}
8div#footer {top: auto; bottom: 0; height: 2.5em;}
9div.slide {top: 0; width: 92%; padding: 3.5em 4% 4%;}
10div#controls {left: 50%; top: 0; width: 50%; height: 100%;}
11#footer>div#controls {bottom: 0; top: auto; height: auto;}
12
13div#controls form {position: absolute; bottom: 0; right: 0; width: 100%;
14  margin: 0;}
15#currentSlide {position: absolute; width: 10%; left: 45%; bottom: 1em; z-index: 10;}
16html>body #currentSlide {position: fixed;}
17
18/*
19div#header {background: #FCC;}
20div#footer {background: #CCF;}
21div#controls {background: #BBD;}
22div#currentSlide {background: #FFC;}
23*/
24