ul.linklist {height:auto !important;}

#gallery-holder {position:relative;}
#gallery-header {width:100%;height:20px;}

/**
 * Gallery main page loader
 */
#gallery-load {width:100%;height:100%;display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:999;background-color:#000;opacity:0.9;}
#gallery-load::before, #gallery-topic-loader::before {
    content: '';
    width: 100px;
    height: 100px;
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: url("/images/logo.png");
    animation: loadingspinner 2s infinite linear;
}
@keyframes loadingspinner {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(359deg);
    }
}

/**
 * Gallery main page nav including num topics and sort
 */
#gallery-nav {width:100%;display:block;margin:10px 0;}
#gallery-nav p {margin-bottom:5px;}
#gallery-nav .gallery-nav-button {width:30px;height:35px;display:inline-block;cursor:pointer;border:1px solid #CACCCF;border-radius:8px;-moz-border-radius:8px;background-color:#7c8891;text-align:center;line-height:30px;padding:0;margin-right:10px;}
#gallery-nav .gallery-nav-button p {color:#fff !important;font-size:16px;margin:0;}
#gallery-nav .gallery-nav-button input {position:relative;top:-10px;}
#gallery-nav #gallery-shownum {float:left;}
#gallery-nav #gallery-sortby {float:left;margin-left:20px;}
#gallery-nav #gallery-sortby select {width:200px;height:35px;border:2px solid #7c8891;}
#gallery-nav::after {content:'';display:block;clear:both;}
@media ( max-width: 580px ) {
    #gallery-nav #gallery-shownum {float:none;}
    #gallery-nav #gallery-sortby {float:none;margin:10px 0;}
}

/**
 * Gallery main page Images
 */
#gallery-images {width:100%;margin:0;box-sizing:border-box;}
#gallery-images .outerDiv {width:25%;position:relative;display:inline-block;margin:-5px -10px;float:left;padding:10px;padding-bottom:20%;}
#gallery-images .innerDiv {padding:0px;box-sizing:border-box;position:absolute;top:10px;right:15px;bottom:10px;left:15px;overflow:hidden;box-sizing:border-box;cursor:pointer;background-size:cover;background-position:center;}
#gallery-images .innerImg {width:100%;height:auto;margin:-5px 0 0 0;}
#gallery-images .innerTxt {width:100%;height:auto;display:block;position:absolute;padding:10px;background-color:#000;opacity:0.8;bottom:0;left:0;box-sizing:border-box;}
#gallery-images .innerTxt p {margin:0 0 5px 0;color:#fff;}
#gallery-images .innerTxt p:last-child {margin:0;}
@media ( max-width: 920px ) {
    #gallery-images .outerDiv {width:50%;padding-bottom:40%;}
}
@media ( max-width: 500px ) {
    #gallery-images .outerDiv {width:100%;padding-bottom:80%;}
}

/*.scroll {width:100%;height:20px;display:none;position:absolute;top:0;background-color:#000;opacity:0.8;color:#fff;}
.scroll.scleft {left:0;}
.scroll.scright {right:0;}*/

/**
 * Gallery main page Next / Previous buttons
 */
.gallery-buttons {width:100%;height:30px;position:relative;margin:10px 0;}
.gallery-buttons .gallerybutton {width:280px;height:30px;position:relative;display:block;border:1px solid #CACCCF;border-radius:8px;-moz-border-radius:8px;background-color:#7c8891;z-index:2;
    color:#fff !important;font-size:16px;text-align:center;line-height:30px;text-decoration:none;
    transition:background-color 0.25s ease-in-out;-webkit-transition:background-color 0.25s ease-in-out;-moz-transition:background-color 0.25s ease-in-out;-o-transition:background-color 0.25s ease-in-out;}
.gallery-buttons .gallerybutton:hover, .gallery-buttons .gallery-nav-button:hover {background-color:#505c65;}
.gallery-buttons .gallerybutton.galleryprev {float:left;}
.gallery-buttons .gallerybutton.gallerynext {float:right;}
@media ( max-width: 920px ) {
    .gallery-buttons {height:50px;}
    .gallery-buttons .gallerybutton {width:140px;height:50px;line-height:50px;}
}
@media ( max-width: 500px ) {
    .gallery-buttons {margin-bottom: 40px;}
}

/**
 * Gallery main page Pagination
 */
.gallery-pagination {width:100%;position:absolute;text-align:center;padding-top:5px;z-index:1;}
.gallery-pagination a, .gallery-pagination span {padding:0 4px;font-size:16px;color:#898989;}
.gallery-pagination a:hover {color:#000;}
.gallery-pagination a.active {color:red;}
@media ( max-width: 920px ) {
    .gallery-pagination {top:12px;}
}
@media ( max-width: 500px ) {
    .gallery-pagination {top:56px;}
    .gallery-pagination a, .gallery-pagination span {padding:0 6px;font-size:22px;}
}

/**
 * Gallery main page Overlay
 */
#gallery-overlay{width:100%;height:100%;display:none;z-index:99;position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(000, 000, 000, 0.8);}

/**
 * Gallery Topic popup
 */
#gallery-topic {width:80%;height:90%;z-index:100;padding:20px;position:fixed;background-color:#141414;margin:auto;top:0;right:0;bottom:0;left:0;}
#gallery-topic-link {width:120px;height:30px;display:block;position:absolute;top:20px;left:20px;background-color:#333;z-index:100;
    color:#fff;font-size:16px;line-height:30px;text-align:center;text-decoration:none;}
#gallery-topic-title {position:absolute;margin:auto;top:20px;right:0;left:0;z-index:99;color:#fff;text-align:center;font-size:30px;}
#gallery-topic-close {width:160px;height:30px;display:block;position:absolute;top:20px;right:20px;text-align:center;line-height:28px;background-color:#333;z-index:100;cursor:pointer;}
#gallery-topic-close p {font-size:14px;color:#fff;display:inline;}
#gallery-topic-close span {font-size:15px;color:#fff;display:inline;font-weight:bold;}
#gallery-topic-close:hover span {color:#8A0000;}
#gallery-topic-display {width:100%;height:calc(100% - 150px);min-height:300px;background-color:#404040;position:relative;}
#gallery-topic-display img {width:auto;max-width:100%;height:auto;max-height:100%;position:absolute;margin:auto;top:0;right:0;bottom:0;left:0;}
#gallery-topic-loader {display:none;}
#gallery-topic.loading #gallery-topic-loader {display:block;width:100%;height:100%;background-color:#141414;position:absolute;top:0;left:0;z-index:10;}
@media ( max-width: 920px ) {
    #gallery-topic-title {top:50px;}
}

/**
 * Gallery Topic popup Next / Previous buttons
 */
#gallery-prev, #gallery-next {width:5%;min-width:50px;height:130px;position:absolute;bottom:20px;display:inline-block;cursor:pointer;background-color:#404040;}
#gallery-prev {margin:20px 20px 0 0;left:20px;}
#gallery-next {margin:20px 0 0 20px;right:20px;}
#gallery-prev .arrow, #gallery-next .arrow {width:0;height:0;border-top:20px solid transparent;border-bottom:20px solid transparent;}
#gallery-prev .arrow {border-right:20px solid #fff;margin:40px auto;}
#gallery-next .arrow {border-left:20px solid #fff;margin:40px auto;}
#gallery-prev:disabled, #gallery-next:disabled {background-color:#202020;}
#gallery-prev:disabled .arrow {border-right-color:#646464;}
#gallery-next:disabled .arrow {border-left-color:#646464;}

/**
 * Gallery Topic popup thumbnails slider
 */
#gallery-topic-thumbs {width:calc(90% - 40px);height:130px;margin:20px auto 0 auto;display:block;background-color:#404040;overflow:hidden;}
@media (max-width: 850px) { #gallery-topic-thumbs {dispaly:none;} }
#thumbs-slider {min-width:130px;height:130px;position:relative;left:0;padding:5px 0;}
.thumb-slide {width:120px;height:120px;position:relative;margin:0px 10px;display:inline-block;float:left;cursor:pointer;}
.thumb-slide img {max-width:100%;max-height:100%;position:absolute;margin:auto;top:0;right:0;bottom:0;left:0;}
.noselect, #gallery-topic {-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}