/* sorting */
.comment-sorting {
    text-align: right;
    font-size: 0.5em;
}

.comment-sorting a {
    color: #555;
    font-weight: normal;
    text-decoration: none;
}

.comment-sorting a:hover {
    color: #aaa;
}

/* comment container */
.comment {
    padding: 5px;
    margin-bottom: 15px;
}

.comment:hover {
    background: #fafafa;
}

/* comment title */
.comment-title {
    border-bottom: 1px dotted #eee;
    margin-left: 55px;
    margin-bottom: 10px;
}

.comment-username {
    font-weight: bold;
    font-size: 1.1em;
}

.comment-date {
    color: #999;
    font-size: 0.7em;
    font-weight: 200;
}

/* comment actions */
.comment-actions {
    font-size: 0.8em;
    margin-left: 55px;
    margin-top: 8px;
}

.comment-actions li {
    display: inline;
}

.comment-actions a {
    color: #999;
    text-decoration: none;
}

.comment-actions a:focus,
.comment-actions a:hover {
    color: #333;
    text-decoration: underline;
}

/* comment content */
.comment-content {
    margin-left: 55px;
}

/* comment textarea */
.comment-textarea {
    height: 200px;
    width: 80%;
    max-width: 800px;
}

#comments .comment-textarea {
    height: 80px;
    width: 500px;
}

/* comment board tooltip */
.comment-tooltip {
    min-width: 550px;
}