/* 
    Document   : slideshow
    Created on : Mar 26, 2012, 11:32:30 AM
    Author     : Andy Schmidt <aschmid5@hawk.iit.edu>
    Description:
       CSS from slideshow file. Only files specific to slideshow HTML.
       Modified as necessary. (e.g., fixed image paths)
*/

/**
 * Slideshow style rules.
*/

#frontPageSlideShow  header h1 {
    background-color: #A50021;
    color: white;
    font-size: 2em;
    text-align: center;
    padding: 10px 0px;
    border-bottom: 5px black solid;
    border-top: 5px black solid;
    margin-top: -60px;
}

#slideshow {
    margin:0 auto;
    width:800px;
    height:263px;
    background:transparent url(../img/bg_slideshow.jpg) no-repeat 0 0;
    position:relative;
}
#slideshow #slidesContainer {
    margin:0 auto;
    width:700px;
    height:263px;
    overflow:auto; /* allow scrollbar */
    position:relative;  
}
#slideshow #slidesContainer .slide {
    margin:0 auto;
    width:700px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
    height:263px;
}

/**
 * Slideshow controls style rules.
*/
.control {
    display:block;
    width:39px;
    height:263px;
    text-indent:-10000px;
    position:absolute;
    cursor: pointer;
}
#leftControl {
    top:0;
    left:0;
    background:transparent url(../img/control_left.png) no-repeat 0 0;
}
#rightControl {
    top:0;
    right:0;
    background:transparent url(../img/control_right.png) no-repeat 0 0;
}

#pause {    
    width: 100%;
    height: 24px;    
    background-image: url('../img/slideshow_pause.png');
    background-position: center center;
    background-repeat: no-repeat;    
    text-indent: -10000px;
    cursor: pointer;
    position: absolute;
    top: 235px;
    left: 0;
}

.slide h1, .slide p, .slide figcaption {
    margin:15px;
    color: #000;
}

.slide figcaption {
    width: 50%;
}

.slide h1 {
    font:italic 24px Georgia, "Times New Roman", Times, serif;
    color: #A50021;
    letter-spacing:-1px;
}
.slide img {
    float:right;
    margin:0 15px;
}