/**
 * Топики
 *
 * @license   GNU General Public License, version 2
 * @copyright 2013 OOO "ЛС-СОФТ" {@link http://livestreetcms.com}
 * @author    Denis Shakhov <denis.shakhov@gmail.com>
 */


/**
 * Основные стили
 */
.ls-topic {
    overflow: hidden;
    zoom: 1;
    margin-bottom: 50px;
}
.ls-topic:last-child {
    margin-bottom: 0;
}


/**
 * Шапка
 */
.ls-topic-header {
    margin-bottom: 25px;
}
.ls-topic-header .ls-topic-title {
    font: 400 32px/1.3em "Open Sans", sans-serif;
    margin: 0 0 15px;
}
.ls-topic-header .ls-topic-title a {
    text-decoration: none;
}
.ls-topic-header .ls-topic-title a:visited {
    color: #000;
}
.ls-topic-header .ls-topic-title i {
    position: relative;
    top: 8px;
    cursor: help;
}
.ls-topic-header .ls-topic-info {
    color: #777;
    margin-bottom: 15px;
    overflow: hidden;
}
.ls-topic-header .ls-topic-info-item {
    float: left;
    margin-right: 15px;
}


/**
 * Содержимое топика
 */
.ls-topic-content {
    margin-bottom: 20px;
}
.ls-topic-text.ls-text {
    color: #333;
    font-size: 15px;
    line-height: 1.6em;
}
.ls-topic-cut {
    margin-top: 10px;
}


/**
 * Подвал
 */
.ls-topic-footer .ls-topic-info-item {
    float: left;
    padding: 8px;
    margin-right: 20px;
}
.ls-topic-info a {
    text-decoration: none;
}
.ls-topic-info a:hover {
    text-decoration: underline;
}

/* Автор */
.ls-topic-info-item.ls-topic-info-item--author {
    padding: 0;
}
.ls-topic-info-item .ls-avatar .ls-avatar-image {
    width: 36px;
    height: 36px;
    border-radius: 50%;
}
.ls-topic-info-item .ls-avatar .ls-avatar-name-link {
    color: #333;
}

/* Ссылка на комментарии */
.ls-topic-info-item.ls-topic-info-item--comments a span {
    color: #777;
}

/* Голосование */
.ls-topic-info-item.ls-topic-info-item--vote {
    padding: 0;
}

.ls-topic-info-item.ls-topic-info-item--date--deferred {
    color: #ff0000;
}

/**
 * Responsive styles
 */
@media (max-width: 480px)  {
    .ls-topic-header .ls-topic-title {
        font-size: 24px;
    }
}

/**
 * Превью (изображение)
 */
.ls-topic-preview-image {
    padding: 10px;
    margin-bottom: 20px;
    text-align: center;
    background: #f7f7f7;
}
.ls-topic-preview-image img {
    max-width: 100%;
    vertical-align: top;
}

/**
 * Предпросмотр топика
 */
.ls-topic-preview {
    margin-top: 30px;
    border: 1px solid #eee;
    display: none;
}
.ls-topic-preview-header {
    padding: 20px 30px;
    background: #fafafa;
}
.ls-topic-preview-title {
    margin: 0;
}
.ls-topic-preview-body {
    padding: 30px;
}
.ls-topic-preview-footer {
    padding: 0 30px 30px;
}