.comment-container
{
    margin                 :  0 10px 0.5em 0px;
}

.comment-author
{
    color                  :  #336699;
    font-weight            :  bold;
    font-size              :  10px;
}

.comment-time
{
    color                  :  #888888;
    font-size              :  10px;
}

.comment-links a
{
    color                  :  #888;
    font-weight            :  bold;
    font-size              :  10px;
    padding                :  0px;
}

.comment-text p
{
    margin                 : 5px 0px;
}

/*
   The #comment-form and .comment-form entries
   are a result of Byteflow oddity that has both:
   a div with id #comment-form and a div with
   class comment-form
*/

#comment-form
{
    display                : none;
}

.comment-form
{
    margin                 : 10px 10px 10px 15px;
    width                  : 40em;
}

.comment-form p
{
    margin-bottom          : 5px;
}

.comment-form .buttons
{
    margin-top             :  5px;
    margin-left            :  5px;
}

.comment-form textarea
{
    border                 : 1px solid #336699;
    margin                 : 0 0 -1px;
    width                  : 100%;
}

#comment-preview
{
    margin                 : 1em;
    color                  : maroon;
}














.responses .even, .topics .even {
    background-color: #FAFAFA;
}
.responses .odd, .topics .odd {
    background-color: #F3F3F3;
}
.responses {
    margin-left: 0px;
    padding-left: 0px;
}
.responses li { 
    list-style-type: none; 
}
div.meta {
    float: left;
    width: 100px;
    margin: 4px;
    padding: 4px;
}
div.bulk {
    margin-left: 120px;
    padding: 4px;
}
.hidden { display: none; }
.thread-0 { margin-left: 0px; }
.thread-1 { margin-left: 20px; }
.thread-2 { margin-left: 40px; }
.thread-3 { margin-left: 60px; }
.thread-4 { margin-left: 80px; }
.thread-5 { margin-left: 100px; }
.thread-6 { margin-left: 120px; }
.thread-7 { margin-left: 140px; }
.thread-8 { margin-left: 160px; }