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, .slide {width: 100%; top: 0; left: 0;} 7div#header {top: 0; left: 0; z-index: 1;} 8div#footer {top: auto; bottom: 0; width: 100%; z-index: 5;} 9.slide {top: 0; width: 88%; padding: 1em 7% 2em 5%; z-index: 2;} 10 11div#controls {bottom: 1em; left: 0; width: 100%; text-align: center; z-index: 1000;} 12div#controls form {margin: 0; padding: 0;} 13 14#currentSlide {position: absolute; left: 0; bottom: 0.5em; z-index: 10; 15 width: 100%; text-align: center;} 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