#comments {
    margin-bottom: 3em;
}

#comments h1 {
    margin: 1em 0px 1em 0px;
}

#comment-form {
    width: 70%;
    padding: 2em 2em 2em 2em;
    background-color:#6599FF;
    border: 1px solid #3366CC;
}

#comment-form .success {
    color: #FFCC00 !important;
}

#comment-form .error {
    color: #B22222 !important;
}

#comment-form .syntax-note {
    /*float: left;*/
    margin: 0px 0px 1em 0px;
    padding: 1em;
    border: 1px solid #333333;
    background-color: #EEEEEE;
    color: #999999;
    font-size: 85%;
}

#comment-form .submit {
    float: right;
    text-align: right;
    width: 10%;
}

#comment-form .comment-response {
}

#comment-form h3 {
    margin-top: 0px;
}

#comment-form textarea {
    width: 100%;
    /* make it looks like the comment-entry pre style */
    font-family: Futura Medium, "Century Gothic", AppleGothic, sans-serif;
    line-height: 1.25em;
}

#comment-form form label {
    margin-left: 1em;
}

.comment-entry {
    width: 75%;
    /* protect from long user comment without space */
    overflow-x: auto;
    margin: 0px;
}
.comment-entry pre {
    font-family: Futura Medium, "Century Gothic", AppleGothic, sans-serif;
    line-height: 1.25em;
    white-space: pre-wrap;       /* css-3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
.comment-entry code {
    background-color: inherit;
}

.comment-entry textarea {
    /*margin: 0px;
    padding: 0px;*/
}
.comment-entry .header {
    border-top: 1px solid #333333;
    background-color: #CCCCCC;
    padding: 0.25em 0.5em;
}
.comment-entry .comment-number {
    margin-right: 1em;
}
.comment-entry .name, .comment-entry .comment-number {
    font-family: Georgia, "Times New Roman", serif;
    font-weight: bold;
    font-size: 116%;
}
.comment-entry .date {
    font-size: 85%;
    margin-left: 1em;
}
.comment-entry .body {
    margin: 1em 0px 1em;
    padding-left: 1.25em;
}
.comment-entry .body .dp-highlighter {
    margin: 0.5em 0px 0.5em 0px;
}
.comment-entry.from-me .header {
    background-color: #000000;
    color: #FFFFFF !important;
}
.comment-entry.from-me .header a {
    color: #FFFFFF !important;
}
/* used in the sidebar */
#comments-abstract {    
    font-size: 93% !important;
    margin-bottom: 1em;
    padding-bottom: 0.25em;
    border-bottom: 1px dotted #AAAAAA;
}
#comments-abstract p.header {
    background-color:#CCCCCC;
    padding:0px 0px 0px 0.15em;
}
#comments-abstract p.abstract {
    /* protect from long user comment without space */
    overflow-x: auto;    
    border-left: 2px solid #CCCCCC;
    padding-left: 0.5em;
    /*height: 100%;
    width: 100%;
    clear: both;*/
}
#comments-abstract .name {
    font-family: Georgia, "Times New Roman", serif;
    font-weight: bold;
}
#comments-abstract .date {   
    font-size: 93% !important;
}
#comments-abstract .body {    
}