@import url(http://fonts.googleapis.com/css?family=Karla:400,700,400italic,700italic);
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,400italic,600italic);
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
    border:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline;
    margin:0;
    padding:0
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
    display:block
}
body{
    line-height:1
}
ol,ul{
    list-style:none
}
blockquote,q{
    quotes:none
}
blockquote:before,blockquote:after,q:before,q:after{
    content:none
}
table{
    border-collapse:collapse;
    border-spacing:0
}
*{
    -webkit-font-smoothing:antialiased;
    list-style:none;
    outline:none
}
body{
    color:#000;
    font-family:Karla, sans-serif;
    font-size:13px;
    line-height:140%;
    font-weight:400;
    list-style:none
}
h1{
    font-family:Source Sans Pro, sans-serif;
    font-size:24px;
    font-weight:600
}
h2{
    font-size:13px;
    font-weight:700
}
.entry h2{
    padding-top:9px
}
h3{
    font-size:13px;
    font-weight:400;
    font-style:italic
}
h4{
    font-size:13px;
    font-style:italic
}
.date{
    font-style:normal
}
.gold{
    color:#8B7F2C
}
p{
    margin-bottom:10px
}
a,a:active,a:visited{
    color:#000;
    text-decoration:none;
    border:0
}
a:hover{
    color:#8B7F2C
}
.current a,.current a:active,.current a:visited,.current a:hover,.current-menu-item a,.current-menu-item a:active,.current-menu-item a:visited,.current-menu-item a:hover,.current_page_ancestor a,.current_page_ancestor a:active,.current_page_ancestor a:visited,.current_page_ancestor a:hover,.current_page_parent a,.current_page_parent a:active,.current_page_parent a:visited,.current_page_parent a:hover,.rslides_here a,.rslides_here a:active,.rslides_here a:visited,.rslides_here a:hover{
    color:#8B7F2C
}
.current .children a,.current .children a:active,.current .children a:visited,.current-menu-item .children a,.current-menu-item .children a:active,.current-menu-item .children a:visited,.current_page_ancestor .children a,.current_page_ancestor .children a:active,.current_page_ancestor .children a:visited,.current_page_parent .children a,.current_page_parent .children a:active,.current_page_parent .children a:visited,.rslides_here .children a,.rslides_here .children a:active,.rslides_here .children a:visited{
    color:#000
}
.current .children a:hover,.current-menu-item .children a:hover,.current_page_ancestor .children a:hover,.current_page_parent .children a:hover,.rslides_here .children a:hover{
    color:#8B7F2C
}
.current .children .current-menu-item a,.current .children .current-menu-item a:active,.current .children .current-menu-item a:visited,.current .children .current-menu-item a:hover,.current-menu-item .children .current-menu-item a,.current-menu-item .children .current-menu-item a:active,.current-menu-item .children .current-menu-item a:visited,.current-menu-item .children .current-menu-item a:hover,.current_page_ancestor .children .current-menu-item a,.current_page_ancestor .children .current-menu-item a:active,.current_page_ancestor .children .current-menu-item a:visited,.current_page_ancestor .children .current-menu-item a:hover,.current_page_parent .children .current-menu-item a,.current_page_parent .children .current-menu-item a:active,.current_page_parent .children .current-menu-item a:visited,.current_page_parent .children .current-menu-item a:hover,.rslides_here .children .current-menu-item a,.rslides_here .children .current-menu-item a:active,.rslides_here .children .current-menu-item a:visited,.rslides_here .children .current-menu-item a:hover{
    color:#8B7F2C
}
.top-nav{
    position:fixed;
    top:0;
    left:0;
    width:94%;
    padding:20px 3%;
    z-index:3;
    background:#fff
}
.top-nav .title{
    position:relative;
    float:left
}
.top-nav .nav{
    position:relative;
    float:right;
    font-weight:700
}
.top-nav .nav .menu-item{
    position:relative;
    float:left;
    margin-left:25px
}
.top-nav .nav .children{
    position:absolute;
    width:125px
}
.top-nav .nav .children .menu-item{
    margin:0;
    position:relative;
    float:left;
    clear:left
}
.slicknav_menu{
    display:none;
    position:fixed;
    top:90px;
    left:0;
    width:100%;
    z-index:100
}
.menu-item_has_children a a,.menu-item_has_children a a:hover{
    background-color:transparent
}
.slicknav_parent .children{
    background-color:rgba(255,255,255,0.9);
    margin:0;
    padding:0 2.5%
}
.slicknav_parent .children a,.slicknav_parent .children a:hover{
    background-color:transparent
}
.blank{
    position:fixed;
    width:100%;
    height:100%;
    top:0;
    left:0;
    z-index:9
}
.loading{
    position:relative;
    width:24px;
    height:24px;
    margin:0 auto;
    margin-top:25%
}
.arrow_left,.arrow_right{
    width:90px;
    height:110px;
    top:45%;
    position:absolute;
    cursor:pointer;
    z-index:4
}
.arrow_left{
    left:0;
    padding:0
}
.arrow_right{
    right:0;
    padding:0
}
.dark-bg{
    background:#000 !important
}
.dark-bg a,.dark-bg a:active,.dark-bg a:visited{
    color:#fff !important
}
.dark-bg a:hover{
    color:#8B7F2C !important
}
.dark-bg .title{
    color:#fff !important
}
.dark-bg .loading{
    background-image:url("http://jyllbradley.com/wp-content/themes/jb_theme/img/ajax-loader-dark.gif")
}
.dark-bg .slicknav_menu .slicknav_icon-bar{
    background-color:#fff !important
}
.dark-bg .slicknav_open .slicknav_icon .slicknav_icon-bar{
    background-color:#8B7F2C !important
}
.dark-bg .slicknav_btn:hover{
    background-color:transparent !important
}
.dark-bg .slicknav_btn:hover .slicknav_icon-bar{
    background-color:#8B7F2C !important
}
.dark-bg .slicknav_nav a{
    color:#000 !important;
    background-color:rgba(255,255,255,0.9)
}
.dark-bg .slicknav_nav a:hover{
    color:#8B7F2C !important
}
.light-bg .slicknav_btn:hover{
    background-color:transparent !important
}
.light-bg .loading{
    background-image:url("http://jyllbradley.com/wp-content/themes/jb_theme/img/ajax-loader.gif")
}
.caption-container{
    position:absolute;
    left:0;
    bottom:0;
    width:30%;
    margin:0 3% 3% 3%;
    max-width:300px
}
.caption-container .caption{
    position:relative;
    float:left;
    padding:5px 5px 0 5px;
    background:#fff;
    font-weight:700;
    display:none
}
.caption-container .caption p{
    margin-bottom:5px
}
.caption-container .caption a,.caption-container .caption a:active,.caption-container .caption a:visited{
    color:#000 !important
}
.caption-container .caption a:hover{
    color:#8B7F2C !important
}
.side-nav{
    position:fixed;
    top:100px;
    left:0;
    width:23%;
    margin-left:3%;
    font-weight:700;
    z-index:2
}
.side-nav li{
    margin-bottom:5px
}
.page-scroll{
    position:relative;
    float:left;
    width:65.5%;
    padding:0 0 30px 31.5%
}
.page-scroll .subpage{
    position:relative;
    float:left;
    width:100%;
    padding:100px 0 0 0;
    z-index:1
}
.page-scroll .subpage hr{
    position:relative;
    float:left;
    width:100%;
    height:1px;
    border:0;
    background:#ddd;
    margin:-5px 0 0 0
}
.page-scroll .subpage li{
    margin:5px 0
}
.page-scroll .subpage li .expand-link{
    cursor:pointer
}
.page-scroll .subpage li .expand-link:hover{
    color:#8B7F2C
}
.page-scroll .subpage li .expand{
    display:none
}
.page-scroll .subpage .entries{
    position:relative;
    float:left;
    width:65.8%;
    margin-right:2%;
    max-width:600px
}
.page-scroll .subpage .entry{
    position:relative;
    float:left;
    clear:both
}
.page-scroll .subpage .entry-wrapper{
    position:relative;
    float:left;
    clear:both;
    width:100%;
    margin-top:5px
}
.page-scroll .subpage .sub-gallery{
    position:relative;
    float:left;
    width:32.2%;
    margin-top:-5px
}
.page-scroll .subpage .sub-gallery li{
    padding:0;
    margin:0 !important
}
#site-credits h2{
    margin-bottom:0
}
#site-credits .entry{
    padding:0;
    margin:0
}
.news h2{
    position:relative;
    float:left;
    margin-bottom:5px;
    width:60%;
    padding:0
}
.news p{
    position:relative;
    float:left;
    width:65%
}
.news img{
    position:relative;
    float:right;
    width:30%;
    height:auto
}
.page-scroll .news .entry{
    margin:5px 0 40px 0
}
.page-scroll .news .entry:last-child{
    margin:5px 0
}
.news-single{
    position:relative;
    float:left;
    width:55%;
    padding:100px 0 0 31.5%
}
.news-single hr{
    position:relative;
    float:left;
    width:100%;
    height:1px;
    border:0;
    background:#ddd;
    margin:-5px 0 0 0
}
.news-single h2{
    position:relative;
    float:left;
    margin-bottom:5px;
    width:60%;
    padding:0
}
.news-single p{
    position:relative;
    float:left;
    width:55%
}
.news-single img{
    position:relative;
    float:right;
    width:40%;
    height:auto;
    margin:5px 0
}
.space{
    position:relative;
    float:left;
    width:100%;
    height:30px
}
.container{
    position:relative;
    float:left;
    width:95.86%;
    padding:110px 2.07% 30px 2.07%
}
.container h4{
    height:30px
}
.container .thumbnail{
    position:relative;
    float:left;
    display:inline-block;
    width:23%;
    margin:0 1% 3% 1%
}
.container .thumbnail .sound-icons{
    position:relative
}
.container .thumbnail .sound-icons .play,.container .thumbnail .sound-icons .pause{
    width:48%;
    position:absolute;
    bottom:10px
}
.container .thumbnail .sound-icons .play img,.container .thumbnail .sound-icons .pause img{
    width:15%;
    height:auto;
    padding-bottom:15%
}
.container .thumbnail .sound-icons .play{
    left:0;
    text-align:right
}
.container .thumbnail .sound-icons .pause{
    right:0;
    text-align:left
}
.container .thumbnail img{
    width:100%;
    height:auto
}
.gallery-container{
    position:relative;
    float:left;
    width:94%;
    padding:100px 3% 30px 3%
}
.gallery{
    position:relative;
    float:left;
    width:74.5%;
    height:49.625%
}
.gallery-content{
    position:relative;
    float:left;
    width:23.5%;
    max-width:600px;
    margin-left:2%
}
.gallery-content h3{
    margin-bottom:10px
}
.no-image{
    max-width:600px
}
.gallery-loading{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#fff;
    z-index:5
}
.rslides{
    position:relative;
    list-style:none;
    overflow:hidden;
    width:100%;
    padding:0;
    margin:0
}
.rslides li{
    -webkit-backface-visibility:hidden;
    position:absolute;
    display:none;
    width:100%;
    left:0;
    top:0
}
.rslides li:first-child{
    position:relative;
    display:block;
    float:left
}
.rslides img{
    display:block;
    float:left;
    width:auto;
    height:100%;
    border:0
}
.gallery-nav a{
    padding:5px 0;
    display:inline-block
}
.gallery-nav .rslides_tabs{
    position:relative;
    float:right;
    display:block;
    margin:5px 0
}
.gallery-nav .rslides_tabs li{
    position:relative;
    float:left;
    line-height:60%
}
.gallery-nav .rslides_tabs li a{
    padding:5px 0 5px 10px;
    display:block
}
.audio-controls{
    position:absolute;
    bottom:0;
    left:0;
    width:25%;
    margin:0 37.5%;
    z-index:3
}
.audio-controls .audio{
    position:relative;
    float:left;
    width:30%;
    margin:10%;
    text-align:center;
    cursor:pointer
}
.audio-controls .audio img{
    width:100%;
    height:auto
}
.audio-controls .active{
    opacity:1.0;
    filter:alpha(opacity=100);
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'
}
.audio-controls .inactive{
    opacity:0.70;
    filter:alpha(opacity=70);
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)'
}
@media screen and (max-width: 500px){
    .page-scroll{
        width:65%
    }
    .page-scroll .subpage .sub-gallery{
        width:100%;
        margin-top:5px
    }
    .page-scroll .subpage .entries{
        width:100%
    }
    .container .thumbnail h4{
        height:50px
    }
    .gallery{
        width:100%
    }
    .gallery-content{
        width:100%;
        margin:20px 0 0 0
    }
    .news h2{
        margin-bottom:5px;
        width:100%
    }
    .news p{
        width:100%
    }
    .news img{
        position:relative;
        float:left;
        width:100%;
        height:auto;
        margin-bottom:9px
    }
    .news-single{
        width:65%
    }
    .news-single h2{
        margin-bottom:5px;
        width:100%
    }
    .news-single p{
        width:100%
    }
    .news-single img{
        position:relative;
        float:left;
        width:100%;
        height:auto;
        margin:5px 0 10px 0
    }
}
@media screen and (min-width: 501px) and (max-width: 850px){
    .gallery{
        width:59%
    }
    .gallery-content{
        width:39%
    }
    .news h2{
        margin-bottom:5px;
        width:100%
    }
    .news p{
        width:100%
    }
    .news img{
        position:relative;
        float:left;
        width:100%;
        height:auto;
        margin-bottom:9px
    }
    .news-single h2{
        margin-bottom:5px;
        width:100%
    }
    .news-single p{
        width:100%
    }
    .news-single img{
        position:relative;
        float:left;
        width:100%;
        height:auto;
        margin:5px 0 10px 0
    }
}
@media screen and (max-width: 850px){
    .nav{
        display:none
    }
    .slicknav_menu{
        display:block
    }
    .container .thumbnail{
        width:48%
    }
}
.mc-hide-scrolls{
    overflow:hidden
}
body .mc-cycle{
    height:100%;
    left:0;
    overflow:hidden;
    position:fixed;
    top:0;
    width:100%;
    z-index:-1
}
div.mc-image{
    -webkit-transition:opacity 1s ease-in-out;
    -moz-transition:opacity 1s ease-in-out;
    -o-transition:opacity 1s ease-in-out;
    transition:opacity 1s ease-in-out;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
    height:100%;
    overflow:hidden;
    width:100%
}
.mc-old-browser .mc-image{
    overflow:hidden
}