H1 {margin-bottom: 20px}

/* дочерние альбомы */
.child-albums {margin-top: 10px; margin-bottom: 20px; padding-bottom: 0px}
.child-albums.bordered {border-bottom: 1px solid #E6E6E6; padding-bottom: 20px}
.child-albums .media-object {max-width: 150px; border: 1px solid #D0D2CF}
.child-albums .label {font-size: 85%; padding: .3em .9em; line-height: 2em; font-weight: normal; border-radius: 0; margin-right: 10px}
.child-albums .titles {margin-bottom: 5px}


/* фотки альбома */
#photo-list.mixed {margin-top: 16px; padding-left: 6px; padding-right: 6px}
#photo-list .thumbnail {min-height: 100px; margin-bottom: 0}
#photo-list.mixed .col-xs-4 {padding: 4px}
#photo-list.mixed .col-xs-8 {padding: 4px 4px 3px 4px}
#photo-list.mixed .col-md-4 {padding-left: 0; padding-right: 0}

#photo-list .photo {padding: 0 10px 20px 10px}

.photo-block .thumbnail {min-height: 230px}
.photo-block .thumbnail .corner { position:absolute; z-index:10; color: #fff; }
.photo-block .thumbnail .corner.top { top:7px; }
.photo-block .thumbnail .corner.left { left:10px; }
.photo-block .thumbnail .corner.right { right:10px; }
.photo-block .thumbnail .corner.bottom { bottom:5px; }
.photo-block .thumbnail .corner .indicator { color: #fff; background: rgba(0,0,0,0.5); border-radius: 12px; padding: 3px 8px; }

/* страница фото */
.photo-view {background: #EAEAEA; margin-left: -20px; margin-right: -20px; text-align: center;  /*box-shadow: 0 7px 10px -3px rgba(0, 0, 0, .5);*/ }
.photo-view .stack {background: #000; color: #fff; position: absolute; left: 45%; opacity: 0.6; border-radius: 0 0 15px 15px}
.photo-view .stack:hover {opacity: 1}

.slideshow-navigator { background: #fff; padding: 0; }
.photostream-container { width: 305px; margin: 0 auto; }
ul.photostream { padding: 0; margin: 0; list-style: none; position: relative;}
ul.photostream li { float: left; padding-right: 0px;  }
ul.photostream li img { width: 58px; height: 58px; padding: 0px; border: 4px solid #fff; }
ul.photostream li.selected img { border: 4px solid #FDD93A }
ul.photostream li.stream-nav { position: absolute; top: 25px; }
ul.photostream li.stream-nav i { display: block; width: 12px; height: 14px; }
ul.photostream li.stream-nav.rewind { left: -16px; padding: 0; }
ul.photostream li.stream-nav.rewind i { background: url('img/photostream-rewind.png') no-repeat; background-size: 12px 14px; }
ul.photostream li.stream-nav.ff { right: 0; padding: 0; }
ul.photostream li.stream-nav.ff i { background: url('img/photostream-ff.png') no-repeat; background-size: 12px 14px; }

.stream-wrapper {height: 62px !important}


ul.menu-h li.selected a {
    color: #333;
    text-decoration: none;
    background: #ddd;
}

/* comment */

.comments { margin: 30px 50px 10px 0; }
.comments h3 { margin: 0 0 20px; }
.comments h4 { margin: 0 0 10px; }
.comments .credentials {margin-bottom: 10px}
.comments .credentials .userpic { margin-right: 5px; }
.comments .credentials .username { margin-right: 20px; }
.comments .credentials .userpic.icon16 { min-width: 0; width: 16px; height: 16px; margin: 7px 4px 0; }
.comments textarea { height: 100px; min-height: 100px; width: 75%; margin-top: 0; }
.comments ul,
.comments ul li { padding: 0; margin: 0 0 30px 0; list-style: none;}
.comments ul li ul { margin:20px 0 0 0; }
.comments ul li span.hint a { color: #aaa; text-decoration: underline; }
.comments .text { margin: 5px 0 5px 28px; }
.comments .actions { margin: 0 0 5px 28px; font-size: 0.9em; }
.comments ul li a.comment-delete { margin: 0 0 0 5px; padding: 0; color: #d99; text-decoration: underline; }
.comments ul li a.comment-delete:hover { background: red; color: white; }
.comments ul li ul { padding-left: 25px; }
.comments ul li .comment-form { padding: 10px 30px; margin-top: 0; }
.comments ul li .comment-form textarea { min-height: 100px; }
.comment.in-reply-to { background: #eee; margin: -8px -8px -13px; padding: 8px 35px 8px 8px; position: relative; }
.comment.new { background: #ffc; margin: -8px -8px -13px; padding: 8px 35px 8px 8px; }

ul.auth-type { padding: 0; min-height: 16px; margin-bottom: 30px }
ul.auth-type li { list-style: none; float: left; padding: 0 15px 0 0; }
ul.auth-type li a { display: block; padding: 0px 5px; }
ul.auth-type li a img { position: relative; top: -1px; margin-right: 5px; }
.auth-type p { clear: left; color: #888; font-size: 0.9em; width: 40%; }

.comment-form { padding: 0; margin-top: 30px; margin-bottom: 20px; background: #F2F2F2; padding: 20px; border-radius: 4px}
.comment-form h4 { margin: 0 0 20px; font-weight: normal; }
.comment-form-fields p { margin: 0 0 10px; }
.comment-form-fields p a { display: inline !important; }
.comment-form-fields label { width: 110px; display: block; clear: left; float: left; margin: 0 10px 0 0; color: #aaa; padding-top: 3px; font-weight: normal }
.comment-form-fields input { width: 20em;}
.comment-form textarea { min-width: 70%; min-height: 160px; }
.comment-form .comment-submit { padding:0 0 0 120px;}
.comment-form .userpic { width: 20px; height: 20px; float: left; margin-right: 5px; border-radius: 50%; }

.albumsrow {padding: 10px 10px; margin-bottom: 10px; background: #eee /*url(img/point.gif)*/ repeat 0 0; border-radius:5px; position: relative}
.albumsrow A.dotted {color: #000; /*font-weight: bold;*/ text-decoration: none; /*border-bottom: 1px dotted #000;*/ font-size: 120%; line-height: 1.2;}
.albums-count {padding: 2px 2px 0 0}
.albums-list-inside {display: none; overflow: hidden}
.albumsrow a.album-go {white-space: nowrap; margin-right: 100px}
.albumsrow .albums-count {position: absolute; right: 10px}

.thumbnail .rating {padding-right: 0}

@media screen and (max-width: 767px) {
    .comment-form-fields label { width: auto; float: none; }
    .comment-form-fields input { width: 80%; }
    .comment-form textarea { width: 90%; }
    .comment-form .comment-submit { padding-left: 0; }
    .comment-form .wa-captcha img { margin-bottom: 10px; }
    #photo-list.mixed .col-xs-8 {padding: 3px 4px}
}
.photos_sare {margin-top: 6px}

@media screen and (max-width: 400px) {
    #photo-list .thumbnail {min-height: 100%;}
}

@media screen and (min-width: 768px) {
    #photo-list .photo.col-sm-4.col-md-3 .thumbnail {min-height: 223px;}
}

@media screen and (min-width: 992px) {
    #photo-list .photo.col-sm-4.col-md-3 .thumbnail {min-height: 226px;}
}