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


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


/**
 * Шапка
 */
.article-header                         { margin-bottom: 25px; }

.article-header .article-title            { font: 400 32px/1.3em "Open Sans", sans-serif; margin: 0 0 15px; }
.article-header .article-title a          { text-decoration: none; }
.article-header .article-title a:visited  { color: #000; }
.article-header .article-title i          { position: relative; top: 8px; cursor: help; }

.article-header .article-info             { color: #777; margin-bottom: 15px; overflow: hidden; }
.article-header .article-info-item        { float: left; margin-right: 15px; }


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


/**
 * Подвал
 */
.article-footer .article-info-item { float: left; padding: 8px; margin-right: 20px; }

.article-info a       { text-decoration: none; }
.article-info a:hover { text-decoration: underline; }

/* Автор */
.article-info-item.article-info-item--author       { padding: 2px; }
.article-info-item .user-item-avatar-link:hover { text-decoration: none; }
.article-info-item .user-item-avatar            { width: 30px; height: 30px; }
.article-info-item .user-item-name              { color: #333; position: relative; top: 2px; /* TODO: Fix */; }

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

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

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

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

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