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

div#header {
  top: 0;
  left: 0;
}

div#footer {
  top: auto;
  bottom: 0;
  width: 100%;
}

div.slide {
  top: 0; 
  width: 88%; 
  padding: 0 7% 1em 5%; 
}

#footer div#controls {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
}
div#controls form {
  margin: 0;
  padding: 0;
}

#currentSlide {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
}
html>body #currentSlide {
  position: fixed;
}