1 /* The following styles size, place, and layer the slide components.

     2    Edit these 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 

     6 /* target = 1024x768 */

     7 

     8 div#header, div#footer, .slide {width: 100%; top: 0; left: 0;}

     9 div#header {top: 0; z-index: 1;}

    10 div#footer {display:none;}

    11 .slide {top: 0; width: 92%; padding: 0.1em 4% 4%; z-index: 2;}

    12 /*  list-style: none;} */

    13 div#controls {left: 50%; bottom: 0; width: 50%; z-index: 100;}

    14 div#controls form {position: absolute; bottom: 0; right: 0; width: 100%;

    15   margin: 0;}

    16 #currentSlide {position: absolute; width: 10%; left: 45%; bottom: 1em;

    17   z-index: 10;}

    18 html>body #currentSlide {position: fixed;}

    19 

    20 /*

    21 div#header {background: #FCC;}

    22 div#footer {background: #CCF;}

    23 div#controls {background: #BBD;}

    24 div#currentSlide {background: #FFC;}

    25 */