html {
    overflow-x: auto;
}
html, body {
    width: auto;
    height: 100%;
    background: #5a5551 url(/images/theme-tricirclepavers/bricks.jpg);
}
#slideshow {
    height: 100%;
}
#slideshow div.controls {
    position: fixed;
    width: 100%;
    text-align: center;
    background: #ffd640;
}
#slideshow div.controls button {
    width: 90px;
    height: 27px;
    margin: 3px 8px;
    border: 1px solid #ccab33;
    border-left-color: #ffeba0;
    border-top-color: #ffeba0;
    padding-left: 5px;
    font-family: "Verdana", "Lucida Grande", "Arial", "Helvetica", sans-serif;
    font-size: 100%;
    text-align: left;
    background: transparent;
    color: black;
}
#slideshow div.controls button img {
    margin-right: 2px;
}
#slideshow .caption {
    display: block;
    color: white;
    text-align: center;
    height: 31px;
    line-height: 31px;
    margin-top: -32px;
    background: transparent url(/images/cache/images-util-corners-54ce0d562f4e37012a0011d885ccc2e8.png) repeat;
    position: relative;
    font-size: 120%;
    _background: black none;
    text-decoration: none;
    width: 100%;
    border: 1px solid black;
    border-top-width: 0px;
}

#slideshow img {
    border: 1px solid black;
}

/* Distribute controls horizontally {{{ */
#slideshow div.controls div.statusBar {
    position: absolute;
    left: 9px;
    top: 7px;
}
#slideshow div.controls button.btnPlayPause {
    position: absolute;
    left: 20%;
}
#slideshow div.controls div.counter {
    position: absolute;
    left: 33%;
    top: 7px;
}
#slideshow div.controls button.btnMute {
    position: absolute;
    right: 20%;
    width: 110px;
}
#slideshow div.controls button.btnClose {
    position: absolute;
    right: 0;
}
/* }}} */