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: 1em;} 8div#footer {top: auto; bottom: 0; height: 2.5em;} 9div.slide {top: 0; width: 92%; padding: 3.5em 4% 4%;} 10/*div#controls {left: 50%; top: 0; width: 50%; height: 100%;} 11#footer>*/ 12div#controls {bottom: 0; top: auto; height: auto;} 13 14div#controls form {position: absolute; bottom: 0; right: 0; width: 100%; 15 margin: 0;} 16div#currentSlide {position: absolute; left: -500px; bottom: 1em; width: 130px; z-index: 10;} 17/*html>body 18#currentSlide {position: fixed;}*/ 19 20/* 21div#header {background: #FCC;} 22div#footer {background: #CCF;} 23div#controls {background: #BBD;} 24div#currentSlide {background: #FFC;} 25*/ 26