/* this file provides theme-specific styles that affect the carousel
 *
 * these changes have been placed in a separate file because they are included
 * in the control panel when the carousel is being previewed
 *
 * they cannot be included in slide-show.css because that is compiled
 * automatically from slide-show.scss */

/* fixes incorrect width created by the `slide' transition in the admin preview
 * modal */

/*#newsSlider {    
    position: relative;
}
#newsSlider .container {
    position: relative;
    height: 540px;
    width: 960px;
    overflow: hidden;
}
ul.slides {
    position: absolute;
    left: 0px;
    top: 10px;
    margin: 0;
    padding: 0;
    width: 100%;
}
ul.slides li {
    margin: 0;
    padding: 0;
}
ul.slides li img {
    max-width: 960px;  
    
}
#newsSlider ul.pagination {
    padding: 0;
    margin: 0px;
    position: absolute;
    bottom: 15px;
    right: 10px;
}
#newsSlider ul.pagination li {
    float: left;
    margin-right: 5px;
    list-style: none;
}
#newsSlider ul.pagination li a {
    display: block;
    background: url(http://www.runcam.com/images/HD/point.png) no-repeat 0px 0px;
    font: bold 12px/15px "Times New Roman", Times, serif;
    width: 15px;
    color: #fff;
    text-align: center;
    text-decoration: none;
}
#newsSlider ul.pagination li.active a {
    background-position: 0px 100%;
    color: #fff;
    text-decoration: none;
}
ul.pagination li a:hover {
    background-position: 0px 100%;
    color: #fff;
    text-decoration: none
}
#newsSlider .next,  #newsSlider .previous {
    margin-top: 0;
    position: absolute;
    width: 70px;
    height: 540px;
    overflow: hidden;
    top: 0;
    cursor: pointer;
    font-size: 0;
}
#newsSlider .next {
    right: 0;
    background: url(http://www.runcam.com/images/HD/slide-arrow.png) -70px center no-repeat
}
#newsSlider .previous {
    left: 0;
    background: url(http://www.runcam.com/images/HD/slide-arrow.png) 0 center no-repeat
}
#newsSlider a.next:hover {
    background: url(http://www.runcam.com/images/HD/slide-arrow.png) -210px center no-repeat
}
#newsSlider a.previous:hover {
    background: url(http://www.runcam.com/images/HD/slide-arrow.png) -140px center no-repeat
}
*/

