.album
{
    font-size: 16px;

    display: inline-block;
    vertical-align: middle;

    padding: 0 15px 0 0;

    color: #666;
    text-decoration: none;

    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.album__pic
{
    display: inline-block;
    vertical-align: middle;

    margin: 0 12px 0 0;

    border: solid 1px #999;
    border-radius: 4px;
}

.album__title
{
    line-height: 1.3em;

    display: inline-block;
    vertical-align: middle;
}

.album2 img
{
    vertical-align: top;
}

.album2__pic
{
    margin: 0 0 5px;

    overflow: hidden;

    border: solid 1px #d9d9d9;
    border-radius: 3px;
}

.album2__preview
{
    display: inline-block;
    vertical-align: top;

    overflow: hidden;

    height: 64px;
    width: 64px;

    border: solid 1px #bdc2c6;
    border-radius: 3px;
}

.block__album
{
    padding: 10px 12px 12px;

    border-top: solid 1px #d9d9d9;
}

.block_type_mutual
{
    padding-bottom: 15px;
    margin-right: 8px;

    text-align: center;
}

.block_type_mutual:last-child
{
    margin-right: 0;
}

.block_type_mutual .block__icons
{
    position: absolute;

    margin-top: 6px;
}

.block_type_mutual .block__user
{
    font-size: 13px;

    text-align: left;
}

.block_type_mutual .block__user:hover
{
    background-color: #fff;
}

.block_type_mutual .block__user-desc
{
    font-size: 14px;
}

.blocks_type_mutual
{
    margin-bottom: 5px;
}

.blocks__more
{
    font-size: 14px;
    font-weight: 700;

    color: #666;
    text-align: center;
}

.blocks-title
{
    font-size: 16px;
    font-weight: 700;

    margin: 0 0 15px;

    color: #666;
}

.button2
{
    font-size: 13px;

    display: inline-block;
    vertical-align: middle;

    padding: 4px 6px;
    margin: 0 0 0 6px;

    background: #fff;
    border: solid 1px #999;
    border-radius: 3px;
    color: #666;
    cursor: pointer;
    text-decoration: none;

    transition: border-color .2s ease;
}

.button2--compact {padding: 0 6px;}

.button2--top {vertical-align: top;}

.button2:hover
{
    border-color: #5f5e5e;
}

.button2__ico
{
    line-height: 20px;

    display: inline-block;
    vertical-align: middle;

    height: 18px;
    width: 18px;
    margin: 0 5px;

    background: url(/i/post-icons.png) no-repeat -100px -100px;
}

.button2__ico:first-child
{
    margin-left: 0;
}

.button2__ico:last-child
{
    margin-right: 0;
}

.button2_type_diary .button2__ico
{
    background-position: 0 0;
}

.button2_type_diary:hover .button2__ico
{
    background-position: 0 -20px;
}

.button2_type_web .button2__ico
{
    background-position: -21px 0;
}

.button2_type_web:hover .button2__ico
{
    background-position: -21px -20px;
}

.button2_type_like .button2__ico
{
    background-position: -42px 0;
}

.button2_type_like:hover .button2__ico
{
    background-position: -42px -20px;
}

.button2__text
{
    display: inline-block;
    vertical-align: middle;
}

.clearfix:after
{
    content: '';

    height: 0;
    overflow: hidden;
    clear: both;
    display: block;
}

.photos
{
    padding: 10px 10px 13px;

    border-top: solid 1px #d9d9d9;
}

.photos__footer
{
    padding: 12px 0 0;

    clear: both;
    text-align: center;
}

.photos__left
{
    float: left;

    overflow: hidden;

    width: 106px;

    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.photos__right
{
    float: right;

    overflow: hidden;

    width: 98px;

    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.photos img
{
    display: block;

    margin: 0 0 7px;
}

.photos img:last-child
{
    margin-bottom: 0;
}

.post
{
    margin: 0 0 20px;
    padding: 0 250px 0 0;
}

.post--width100 {padding: 0;}

.post--wide {padding: 0;}
.post--wide .post__user {padding-top: 15px;}
.post--wide .post__title-wrap {padding-top: 10px; padding-bottom: 30px;}


.post__block
{
    margin: 0 0 30px;

    background: #fff;
    border: solid 1px #d9d9d9;
    border-radius: 3px;
    box-shadow: 0 0 4px rgba(0, 0, 0, .1);
}

.post__block-title
{
    font-size: 16px;

    padding: 10px 20px;

    color: #666;
}

.post__body
{
    padding: 0 20px 25px;
}

.post__comments
{
    margin: 0 0 -30px;
    padding: 0 0 0 60px;
}

.post__comments .post__user
{
    left: -60px;
}

.post__comment span {
	position: relative;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.2em;
	display: inline-block;
	vertical-align: middle;
	padding: 7px 0 0 60px;
	color: #333;
	text-decoration: none;
	left: -60px;
}
.post__comment
{
    margin: 0 0 30px;
}

.post__comment-send
{
    margin: -25px 0 0;

    text-align: right;
}

.post__comment-send .button2
{
    display: none;

    margin-top: 10px;
}

.post__comment-text
{
    max-width: 800px;

    text-align: left;
}

.post__header
{
    position: relative;

    padding: 12px 12px 12px 10px;

    border-bottom: solid 1px #dadada;
    box-shadow: 0 0 4px 1px rgba(0, 0, 0, .1);
}

.post__header-left
{
    float: left;

    width: 60%;
}

.post__header-right
{
    float: right;

    width: 35%;

    text-align: right;
}

.post__left
{
    float: left;

    width: 100%;
}



.post__links .album
{
    max-width: 62%;
}

.post__links .button2
{
    float: right;
}

.post__links-left
{
    float: left;

    width: 49%;
}

.post__links-left .button2
{
    margin-top: 10px;
}

.post__links-link
{
    margin-bottom: 0;
    padding: 17px 20px;
}

.post__links-link2
{
    margin-bottom: 0;
    padding: 10px 20px;
}

.post__links-link .post__user
{
    max-width: 95px;

    word-break: break-all;
}

.post__links-right
{
    float: right;

    width: 49%;
}

.post__links-right .button2
{
    margin-top: 15px;
}

.post__pic
{
    margin: 0 -20px 30px;

    background: #f2f2f2;
    border-bottom: solid 1px #d9d9d9;
    text-align: center;
}

.post__pic img
{
    vertical-align: top;
}

.post__right
{
    float: right;

    margin: 0 -250px 0 0;
    width: 235px;
}
.post__right .photos img { cursor: pointer; }

.post__right .post__block
{
    margin-bottom: 10px;
}

.post__share
{
    font-size: 13px;

    display: inline-block;
    vertical-align: middle;

    margin: 0 0 0 20px;

    color: #666;
}

.post__share-link
{
    display: inline-block;
    vertical-align: middle;

    height: 27px;
    width: 27px;
    margin: 0 0 0 5px;

    background: url(/i/post-icons.png) no-repeat -100px -100px;
    cursor: pointer;
}

.post__share-link_type_vk
{
    background-position: -68px 0;
}

.post__share-link_type_vk:hover
{
    background-position: -68px -30px;
}

.post__share-link_type_ok
{
    background-position: -103px 0;
}

.post__share-link_type_ok:hover
{
    background-position: -103px -30px;
}

.post__share-link_type_mail
{
    background-position: -138px 0;
}

.post__share-link_type_mail:hover
{
    background-position: -138px -30px;
}

.post__share-link_type_fb
{
    background-position: -173px 0;
}

.post__share-link_type_fb:hover
{
    background-position: -173px -30px;
}

.post__share-link_type_gplus
{
	background-position: -208px 0;
}

.post__share-link_type_gplus:hover
{
	background-position: -208px -30px;
}

.post__share-link_type_tw
{
	background-position: -243px 0;
}

.post__share-link_type_tw:hover
{
	background-position: -243px -30px;
}


.post__share-title
{
    display: inline-block;
    vertical-align: inherit;

    margin: 0 5px 0 0;
}

.post__text
{
    margin: 0 0 25px;
    max-width: 800px;
}

.post__controls {margin: 20px 0 0 0;}

.post__textarea
{
    font-size: 16px;
    font-family: inherit;

    height: 70px;
    max-width: 800px;
    padding: 5px 10px;
    width: 100%;

    background: #f2f2f2;
    border: solid 1px #b8b8b8;
    color: #6c6b6b;
    resize: vertical;
    text-align: left;

    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.post__textarea::-webkit-input-placeholder
{
    color: #dadada;
}

.post__textarea::-moz-placeholder
{
    color: #dadada;
}

.post__textarea:-ms-input-placeholder
{
    color: #dadada;
}

.post__textarea:focus + .button2
{
    display: inline-block;
}

.post__title
{
    font-size: 18px;
    font-weight: 700;

    padding: 5px 0 0;
}

.post__title-wrap
{
    position: relative;

    padding: 0 170px 15px 60px;
}

.post__title-wrap .button2
{
    position: absolute;
    right: 0;
    top: 14px;
}

.post__title-wrap .post__user
{
    left: -60px;
}

.post__user
{
    position: relative;

    font-size: 14px;
    font-weight: 700;
    line-height: 1.2em;

    display: inline-block;
    vertical-align: middle;

    padding: 7px 0 0 60px;

    color: #333;
    text-decoration: none;
}

.post__user:hover
{
    text-decoration: underline;
}

.post__user_height_yes
{
    min-height: 40px;
}

.post__user_height_yes:before
{
    display: inline-block;
    vertical-align: middle;

    height: 40px;
    margin: 0 0 0 -5px;

    content: '';
}

.post__user_height_yes .post__user-name
{
    display: inline-block;
    vertical-align: middle;
}

.post__user-pic
{
    position: absolute;
    left: 0;
    top: 0;

    border-radius: 50%;
}

.modal_theme_post .modal-body
{
    padding: 0;
}

.modal_theme_post .modal-content
{
    background-color: transparent;
    box-shadow: none;
    border: 0;
}

.modal_theme_post .modal-dialog
{
    margin-top: 30px;
    width: 990px;
}

.modal-backdrop.in
{
    background-color: #000;
    opacity: .7;
}

.modal-close_theme_post
{
    position: fixed;
    display: block;
    z-index: 2000;
    top: 0;
    left: 50%;

    height: 41px;
    width: 41px;
    margin: 0 0 0 510px;

    background: #fff;
    border: solid 1px #d9d9d9;
    border-radius: 3px;
    box-shadow: 0 0 3px rgba(0, 0, 0, .1);
    cursor: pointer;
}

.modal-close_theme_post .modal-close__i
{
    position: absolute;
    top: 50%;
    left: 50%;

    margin: -7px 0 0 -7px;
    height: 14px;
    width: 15px;

    background: url(/i/post__close.png) no-repeat 0 0;
}

.modal-close_theme_post:hover .modal-close__i
{
    background-position: 0 -14px;
}

.post__left--center {margin: 0 0 0 125px;}

.post__post-date {font-size: 13px; line-height: 16px; color: #aaa; padding: 10px 0 0 0;}

@media screen and (max-width: 1200px) {
    .post__left--center {margin: 0;}
    .modal_theme_post .modal-dialog {width: auto; margin: 30px 55px 30px 20px;}
    .article {width: 100%;}
    /*.post--wide {width: 90%;}*/


    .post__right {display: none;}
    .post {padding: 0;}

    .post__pic img {max-width: 100%; height: auto !important;}

    .modal-close_theme_post {right: 20px; top: 0; margin: 0; left: auto;}

}

@media screen and (max-width: 900px) {
    .post__header-left {width: 100%; float: none; margin: 0 0 20px 0;}
    .post__header-right {width: 100%; float: none; text-align: left;}

    .post__links-left {float: none; width: 100%; margin: 0 0 20px 0;}
    .post__links-right {float: none; width: 100%;}
    .post__title-wrap {padding-right: 0;}
    .post__title {margin: 0 0 10px 0;}
    .post__title-wrap .button2 {position: static;}


    .article__block_type_image .article__block-h_type_1 {font-size: 20px; font-weight: normal;}
    .article__block_type_image .article__block-h_type_3 {font-size: 20px; font-weight: normal;}
}

.artivle .post__block img {display: block; width: 100%!important; height: 100%!important;}
/*
.post__block .post__user-pic {width: auto!important; height: auto!important;}
.post__block .post__pic img {width: auto!important; height: auto!important;}*/
.post--max_width_1000 {max-width: 1000px; margin: 0 auto;}


.article__image--old img {
    display: block;
    width: 100%;
    height: auto;
}

/*.article__block_type_image .article__block-titles*/

@media screen and (max-width: 900px) {
    .post__header-right {
        float: right;
        width: auto;
        text-align: right;
    }

    .post__header-left {
        float: left;
        width: 80%;
        margin: 0;
    }
/*}
@media screen and (max-width: 750px) {*/
    .post__header-left .button2__ico  {display: none;}
    .post__header-left .button2__text {display: none;}
    .post__header-right .button2__text {display: none;}
    .post__header-right .button2__ico {display: none;}

    .button2_type_diary {
        background: url(/i/article/share_like2.png) no-repeat 0 0;
        width: 30px;
        height: 32px;
        border: none;
        padding: 0;
    }

    .button2_type_diary.like {
        background: url(/i/article/share_like1.png) no-repeat 0 0;
    }

    .button2_type_like {
        background: url(/i/article/share_like3.png) no-repeat 0 0;
        width: 30px;
        height: 32px;
        border: none;
        padding: 0;;
    }
    .button2_type_like.like {
        background: url(/i/article/share_like4.png) no-repeat 0 0;
    }

    .button2_type_like .button2__ico {}
    .post_in_lent .button2_type_like.like .button2__ico {}

    .button2__ico {
        line-height: 20px;
        display: inline-block;
        vertical-align: middle;
        height: 18px;
        width: 18px;
        margin: 0 5px;
        background: url(/i/post-icons.png) no-repeat -100px -100px;
    }

    .modal .post__header-right .button2_type_web {
        display: none;
    }

}