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

/*
* defualt comment styling 
*/
.joc-comment { padding: 0; margin-top: 10px; }
.joc-comment #comment { padding: 0; border: none; background: #F1F1FE; border: 1px solid #ccc; }
.jomentry2   #comment { background: #eee; }
.joc-comment textarea#comment  { background: #fff; }

#joc-gravatar     { padding-top: 5px; }
#joc-gravatar img { border: 1px solid #ccc; float: left; display: inline; }
#joc-head { padding: 10px; border-bottom: 1px solid #ccc; }
#joc-head a  { font-weight: bold; }
#joc-admin     { right: 10px; top: 10px; } 
#joc-admin a   { float: left; }
#joc-admin a+a { border-left: 1px solid #ccc; padding-left: 5px; margin-left: 5px; }
#joc-authorname { float: left; }
#joc-body { margin: 0; padding: 5px 10px 10px; }
    #joc-title    { padding: 0 0 5px; }
    #joc-comments { padding: 5px 55px 0 0; }
    #joc-actions  { padding: 8px 0 0; margin-top: 8px; border-top: 1px solid #ccc; }
#joc-body a { font-weight: bold; }    
#joc-vote { right: 7px; bottom: 10px; }
.joc-votetotal { font-weight: bold; }
#joc-vote, #joc-actions { text-transform: capitalize; }
	#joc-actions a,
	#joc-vote a,
	#joc-vote span { float: left; margin-right: 5px; }
	#joc-actions a+a,
	#joc-vote a+a,
	#joc-vote span { padding-left: 5px; border-left: 1px solid #ccc; }
	#joc-actions a { padding-left: 5px; margin-left: 5px; margin-right: 0; border-left: 1px solid #ccc; }
#joc-authorname a { float: none !important; border: none; padding: 0; margin: 0; }
	
.joc-comment blockquote { background: #fff; }

/*
* threading level
* disabled this threading function for design purpose.

 .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; }
*/

/*
* threading level
* restructure threading level for design purpose
* you can always change it to normal threading design by using above structure
*/
 .joc-thread-0 { margin-left:   0px; }
 .joc-thread-1,
 .joc-thread-2,
 .joc-thread-3,
 .joc-thread-4,
 .joc-thread-5,
 .joc-thread-6,
 .joc-thread-7,
 .joc-thread-8,
 .joc-thread-9 { margin-left: 30px; }

 
/*
* extra styling
*/
.joc-lowvote #comment { background: #f8f8f8; border: 1px solid #eee; color: #aaa; }
.joc-lowvote #comment #joc-title { color: #999;}
.joc-lowvote #joc-lowtext { padding-top: 0; }
.joc-lowvote #joc-gravatar { margin: 0; padding-top: 0; }
.joc-lowvote #joc-gravatar img { border: 1px solid #ddd; }
.joc-lowvote #joc-author { margin-left: 0; }
.joc-lowvote #joc-head { border-bottom: none; }
.joc-lowvote .joc-comment #joc-author { margin: 0; }
.joc-lowvote .joc-comment #comment { color: #777; }
.joc-lowvote .joc-comment #comment #joc-head { border-bottom: 1px solid #eee; }
.joc-lowvote .joc-comment #comment #joc-title { color: #666;}
.joc-lowvote .joc-comment #joc-author { margin: 0; }
.joc-editform,
.joc-textareawrap { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
#jc_readmore { margin-top: 10px; }

/*
* respond form
*/
#jc_commentForm .jomsForm {
	margin-bottom: 20px;
}