/*
* total vote color 
*/
.joc-red     { color: #cc3333; }
.joc-green   { color: #009933; }
.joc-neutral {}

/*
* defualt comment styling 
*/
.joc-comment { margin-bottom: 5px; padding: 5px 0; }
.joc-comment #comment { padding: 10px; border: 1px solid #ddd; background: url('images/topshade1.gif') top repeat-x #f2f2f2; }
.joc-comment textarea#comment  { background: #fff; }
.jomentry2   #comment { border: 1px solid #ddd; background: url('images/topshade2.gif') top repeat-x #fffff2; }  

#joc-gravatar img { border: 1px solid #ddd; float: left; display: inline; }

#joc-head {}
#joc-author { margin-left: 50px; }
#joc-authorname { font-weight: bold; }
#joc-body { margin: 0; padding: 0; margin-top: 10px; padding-top: 5px; border-top: 1px solid #ddd; ;  }
    #joc-title    { font-size: 14px; padding: 5px 0 0; }
    #joc-comments { padding: 5px 0 0; }
    #joc-actions  { padding: 20px 0 0; }
    
#joc-vote { right: 7px; bottom: 0; }

/*
* 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
*/
.joc-lowvote #comment { background: #f9f9f9; border: 1px solid #eee; padding: 5px; }
.joc-lowvote #joc-author { margin-left: 10px; }
.joc-lowvote #joc-title  { padding-top: 0; }

.joc-lowvote .joc-comment { background: none; border: none; padding: 10px; }
.joc-lowvote .joc-comment #joc-author { margin-left: 55px; }
.joc-lowvote .joc-comment #joc-title  { padding-top: 5px; }
.joc-lowvote #joc-lowtext { padding-top: 5px; }
.joc-editform,
.joc-textareawrap { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }