/*
* total vote color 
*/
.joc-red     { color: #cc3333; }
.joc-green   { color: #009933; }
.joc-neutral {}

/*
* defualt comment styling 
*/
#joc-gravatar img { border: 1px solid #ddd; float: left; display: inline; }
#joc-body { margin: 0 0 0 80px; padding: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
    #joc-title    { font-size: 16px; padding: 5px 0 0; }
    #joc-comments { padding: 5px 0 0; }
    #joc-actions  { padding: 20px 0 0; }

#joc-admin a, #joc-actions a { background: url('images/joc-sprites.png') 0 0 no-repeat; padding-left: 15px; margin-left: 5px; }
    
    #joc-admin .joc-edit            { background-position: 0 -78px;  }
    #joc-admin .joc-edit:hover      { background-position: 0 -98px;  }
    #joc-admin .joc-unpublish       { background-position: 0 -118px; }
    #joc-admin .joc-unpublish:hover { background-position: 0 -138px; }
    
    #joc-actions .joc-reply         { background-position: 0 -38px;  }
    #joc-actions .joc-reply:hover   { background-position: 0 -58px;  }
    #joc-actions .joc-report        { background-position: 0 2px;    }
    #joc-actions .joc-report:hover  { background-position: 0 -18px;  }
    
#joc-vote { right: 7px; bottom: 7px; }
#joc-vote a { background: url('images/votes.png') 0 0; width: 20px; height: 20px; }
#joc-vote a, #joc-vote span   { margin-left: 5px; }
#joc-vote .joc-voteup:hover   { background-position: 0 -20px; }
#joc-vote .joc-votedown       { background-position: -20px 0; }
#joc-vote .joc-votedown:hover { background-position: -20px -20px; }
#joc-vote .joc-votetotal      { line-height: 20px; height: 20px; font-weight: bold; font-size: 14px; }

/*
* threading level
*/
 .joc-thread-0 { margin-left:   0px; }
 .joc-thread-1 { margin-left:  30px; }
 .joc-thread-2 { margin-left:  60px; }
 .joc-thread-3 { margin-left:  90px; }
 .joc-thread-4 { margin-left: 120px; }
 .joc-thread-5 { margin-left: 150px; }
 .joc-thread-6 { margin-left: 180px; }
 .joc-thread-7 { margin-left: 210px; }
 .joc-thread-8 { margin-left: 240px; }
 .joc-thread-9 { margin-left: 270px; }
 
/*
* extra styling
*/
.jomentry1 #joc-body,
.jomentry3 #joc-body,
.jomentry5 #joc-body,
.jomentry7 #joc-body,
.jomentry9 #joc-body 
{ background: #e6eee1; border: 1px solid #b3c9a6; }
.jomentry2 #joc-body,
.jomentry4 #joc-body,
.jomentry6 #joc-body,
.jomentry8 #joc-body
{ background: #dee7f0; border: 1px solid #a9bdd1; }

#joc-bubble { width: 34px; height: 34px; background: url('images/joc-bubble.png') 0 0; left: -34px; top: 10px; }
.jomentry2 #joc-bubble,
.jomentry4 #joc-bubble,
.jomentry6 #joc-bubble,
.jomentry8 #joc-bubble { background-position: 0 -34px; }

.joc-editform { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.joc-textareawrap { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

.joc-lowvote #joc-bubble { background: url('images/joc-bubble-err.png') 0 0; }
.joc-lowvote #joc-body   { background: #f9f9f9; border: 1px solid #ddd; margin-left: 80px; }
.joc-lowvote .joc-comment #joc-body   { margin-left: 80px; background: #f9bebe; border: 1px solid #df9898; }
.joc-lowvote #joc-gravatar img { border: 2px solid #df9898; }