/* --- css/comment.css -- start ---------------------------------- *
 * $Id: comment.css 562 2011-09-26 23:16:02Z vugluskr $
 *
 */

.comments {
    text-align: left;
}

.comments > *[bind="new_header"] {
    cursor: pointer;
}
.comments > div > .comment_wrap + .comment_wrap {
    margin-top: 5px;
}
.comments > div > .comment_wrap .comment_wrap {
    margin-top: 5px;
    padding-left: 20px;
}
.comments > div > .comment_wrap > .comment_wrap > .comment_wrap > .comment_wrap > .comment_wrap > .comment_wrap > .comment_wrap > .comment_wrap > .comment_wrap > .comment_wrap > .comment_wrap > .comment_wrap .comment_wrap {
    padding-left: 0;
}
.comments .header {
    margin-bottom: 2px;
}
/*.comments .author .header > span {
    border-bottom: 2px solid #2030ff;
}*/
.comments .date {
    font-size:12px;
}

.comments .author .body {
    min-height: 40px;
    border-left: 6px solid #2030ff;
    border-top: 2px solid #2030ff;
}
.comments .body {
    background: url(/images/comments/body_bg.gif);
    background-color: white;
    background-repeat: repeat-x;

    border-left: 6px solid #580;
    padding-left: 0.4em;
    word-wrap: break-word;
}
.comments .body .removed {
    display: block;
    color: red;
    padding: 5px 0;
    font-weight: bold;
    font-size: 8pt;
}
.comments .ctrl {
    text-align: right;
}
.comments .ctrl > span {
    cursor: pointer;
    color: #069;
    font-size: 8pt;
    text-decoration: underline;
}
.comments img.avatar {
    margin-right: 2px;
}
/* --- Pages ----------------------------------------------------- */
.puzzle_assemble .comments, .puzzle_done .comments {
    max-width: 850px;
    margin: 0 auto;
}
/* --- css/comment.css -- end ------------------------------------ */