/* SBFDN.ORG */
/* Core Styles for the Hero slideshow */
/* Author: Brainstorm, Inc */
/* Author URI: http://www.brainstormbrand.com/ */

/*
* Picture slideshow
*/
#core-stories-wrap {
}

* html #ieroot #core-stories {
    padding-left : 15px;
}

#core-stories {
    position : relative;
    width : 331px;
    height : 344px;
    z-index : 1;
}

* html #core-stories {
    overflow : hidden;
}

#core-stories-title-bar {
    background : #dfc650;
    color : #fff;
    height : 33px;
}

#core-stories-title-bar h2 {
    float : left;
    margin : 0;
    padding : 0 11px 0 21px;
}

#slideshowlist,
#slideshowlist li.slide {
    display : block;
    margin : 0;
    padding : 0;
    list-style : none;
}

#slideshowlist li.slide {
    position : absolute;
    left : 17px;
    top : 33px;
}

* html #ieroot #slideshowlist li.slide {
    left : 0;
}

/** for before JS is loaded */
@media screen, handheld {
    #slideshowlist li.slide {
        visibility : hidden;
    }
}

#slideshowlist .slidetextcontainer {
    position : absolute;
    top : 0px;
    left : 10px;
    font-size : 10px;
    font-family : arial, sans-serif;
    padding : 13px 0 0px 0;
    width : 207px; /*140px; */
    -o-border-bottom-left-radius  : 5px;
    -o-border-bottom-right-radius : 5px;
    -khtml-border-bottom-left-radius  : 5px;
    -khtml-border-bottom-right-radius : 5px;
    -moz-border-radius-bottomleft  : 5px;
    -moz-border-radius-bottomright : 5px;
    -webkit-border-bottom-left-radius  : 5px;
    -webkit-border-bottom-right-radius : 5px;
    border-bottom-left-radius  : 5px;
    border-bottom-right-radius : 5px;
    filter:alpha(opacity=70); /* for ie */
	background : #000;
    background : rgba(0, 0, 0, 0.7);
    color : #fff;
}

* html #ieroot #slideshowlist .slidetextcontainer {
    left : 27px;
}

#slideshowlist .slidetext {
    padding : 0 13px;
}

#slideshowlist .slidetext p {  /* really for IE, but whatev */
    margin : 1em 0;
}

#slideshowlist .slidetext h3 + p {
    margin-top : 0;
}

#slideshowlist .slidetext h3 {
    margin : 0 0 4px 0;
    font-size : 1.1em;
    font-weight : bold;
}

#slideshowlist .slidetext a:link,
#slideshowlist .slidetext a:visited {
    text-decoration : none;
    color : #fff;
}

/** controls */
.heroslideshowcontrols {
    display : block;
    margin : 0;
    padding : 0;
    list-style : none;
}

.heroslideshowcontrols li.control {
    display : block;
    float : left;
    width : 15px;
    margin : 0;
    padding : 0;
    list-style : none;
}

.heroslideshowcontrols li.control a span {
    display : none;
}

.heroslideshowcontrols li.control a:link,
.heroslideshowcontrols li.control a:visited {
    display : block;
    width : 15px;
    height : 33px;
    background : transparent url(/storage/images/slideshow_button.gif) top left no-repeat;
}

.heroslideshowcontrols li.control a.selected:link,
.heroslideshowcontrols li.control a:link:hover,
.heroslideshowcontrols li.control a.selected:visited,
.heroslideshowcontrols li.control a:visited:hover {
    background : transparent url(/storage/images/slideshow_button_over.gif) top left no-repeat;
}

