/* This is for all IE specfific style less than IE9. We hate IE. */

div.panel { border: 1px solid #ccc; }
    .lt-ie8 .nav-bar li.has-flyout a { padding-right: 20px; }
    .lt-ie8 .nav-bar li.has-flyout a:after { border-top: none; }

#items::-webkit-scrollbar-thumb:vertical { background-color: #81796a }
#items::-webkit-scrollbar { background-color: #402e24 }

hgroup#header h1 { margin: 0 auto;
    max-width: 50%;
    
}

div.social-block img {
    display: inline-block
}

div.social-block {
    display: block;
    width: 110px
}

/* Browser Resets */
.flex-container a:active,
.ieslider a:active,
.ieslider-no-auto a:active, .ieslider-no-auto a:focus,
.ieslider a:focus  {outline: none;}
/* FlexSlider Necessary Styles
*********************************/
.ieslider, .ieslider-no-auto {margin: 0; padding: 0;}

.ieslider.loading, .ieslider-no-auto.loading {
    background: url('../images/loading.gif') center center no-repeat;
    min-height: 456px;
    
}

.ieslider .slides > li, .ieslider-no-auto .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.ieslider .slides > li:first-child {
    display: block;
    -webkit-backface-visibility: hidden;
}

.ieslider .slides img, .ieslider-no-auto .slides img {
    display: block;
    left: 0;
    position: relative;
    width: 100%
}

/* FlexSlider Default Theme
*********************************/
.ieslider, .ieslider-no-auto {
    margin: 0;
    position: relative;
    zoom: 1;
}
.ieslider .slides, .ieslider-no-auto .slides {zoom: 1;}
.loading .flex-viewport {max-height: 300px;}

.ieslider ul.slides li:only-child{
display: block !important;
}

ul.date-menu {
    width: 560px
}