DigitalHammer's Journal: GET YOUR OLD SLASHDOT CSS RIGHT HERE (comments.css)

html>body #comments { margin: 0 auto .2em 0; width: 100%; }

#comments
{
    clear: right;
    z-index: 2;
    position: relative;
    margin: 0 -15.6em .2em 0;
        width: 98%;
}
.commentwrap {
    background: #fff;
        position: relative;
        border: 1px solid #aaa;
    clear: right;
}
html > body .commentwrap table {
        width: 100%;
        margin: 0;
}
.commentwrap table {
        width: 99%;
    margin: .3em;
}

.commentBox
{
    background: #555;
    text-align: center;
    color: #fff;
    margin-top: 0.5em;
}

.commentBox a { color: #fff; }
.commentBox a:visited { color: #fff; }

.commentBoxForm
{
    background: #ccc;
    text-align: center;
    padding-bottom: 0.5em;
}
.commentwrap legend
{
        display: none;
}
.commentwrap fieldset, .commentswrap form
{
        margin: 0;
        padding: 0;
        border: none;
}
.linkCommentPage {
    background: #ccc;
    text-align: center;
    margin: .3em;
    padding: .3em;
}
.commentTop .details {
    font-size: 75.5%;
    margin: 0;
    padding: 0;
}
.commentTop .details small {font-size: 100%;}

.commentTop
{
    background: #ddd;
    border: 1px solid #ccc;
    padding: .3em;
}

.commentSub
{
    background: #eee;
    padding: .3em;
    font-size: 80%;
    border: 1px solid #ddd;
    margin: 0;
}

.commentTop H4 { display: inline; }

.commentBody
{
    border: 1px solid #ddd;
    border-bottom: none;
    padding: .3em;
}

.commentshrunk, .commentstatus { font-weight: bold }

#commentlisting {
        padding: 0px;
        margin: 0px;
        list-style: none;
}
.comment { margin-bottom: 0.5em }
#commentlisting li.comment { list-style: none; }
.comment_footer { text-align: center; background: #ddd }
.modsel { display: inline }

.ups
{
    margin: 0 0 0 -.3em;
    padding: 0 .3em;
    text-decoration: none;
    background: url("/images/comm-minus.gif") 0 .2em no-repeat;
    right: -1.4em;
    z-index: 2;
    cursor: pointer;
}

.dwns
{
    margin: 0;
    padding: 0 .3em;
    text-decoration: none;
    background: url("/images/comm-plus.gif") 0 .2em no-repeat;
    right: -1.4em;
    z-index: 1;
    cursor: pointer;
}

.hide { display: none   }
.show { display: inline }

.comment > .hidden  {
    display: none;
}

.comment > .oneline .commentSub, .comment > .oneline .score, .comment > .oneline .otherdetails, .comment > .oneline .sig {
    display: none;
}

.comment > .oneline * {
    display: inline;
}

.comment > .oneline {
    border: 1px solid #e5e5e5;
    margin: 1em 0 0 0;
    padding: .3em 0 0 0;
    position: relative;
    width: 99%;
    height: 1.3em;
    overflow: hidden;
}

/* lots of space between lines */
.comment > .oneline .commentTop, .comment > .oneline .commentBody {
    border: none;
    vertical-align: 10em;
}

.comment > .oneline .details {
    font-size: 100%;
}

.comment > .oneline .commentTop .title h4 a { color: #600; }
.comment > .oneline .commentTop {
    background: transparent;
    color: #600;
}

.comment > .oneline .commentBody {
    background: transparent;
    padding: 0 0 0 .5em;
}

.comment > .oneline .commentBody * {
    font-size: 100%;
    color: #666;
    text-decoration: none;
    font: inherit;
}

/* in oneline, sometimes icons are too tall for text ... this helps a little */
.comment > .oneline .zooicon {
    vertical-align: sub;
}