/* layout */

/* Bar at the fotter of articles */


.commentsbar {
margin:12px 0 0px 0;
padding:0px;
}

.commentsbar li{
float:left;
display:block;
height:12px
}

.commentsbar ul{
padding: 0; 
margin:0;
}


.blog .commentsbar li.readon, .blog .commentsbar .readon a, .blog .commentsbar li.comments,.blog .comments a {
display:block;
width:42px;
height:12px;
}

.commentsbar ul li.readon a {
 color: #cde7e5}

.commentsbar li span{
display:block;
margin:0 0 0 8px;
}

.commentsbar li.comments span{
width:12px;
text-align:right;
margin: 1px 0 0 12px}

blog li.readon{
padding: 0
}

.blog span.hidden{display:none}
.blog a.readon span.hidden{display:none}

.commentsbar li.rating{
width:40px
}

/* Disenho */

.blog .readon a, .blog .comments a{
 background-image: url(images/800_iconos.gif);
 background-repeat: none;
 background-position: left top;
 font-family: Arial, Verdana, san-serif;
 font-size: 8px;
 }

.blog li.readon, .blog .readon a{
 background-position: -48px top;
}

.blog li.comments,.blog .comments a{
 background-position: -95px top;
 }

.blog .commentsbar .readon a:hover {
 background-position: -48px -20px;
 background-repeat:none;
 color: #887777
}

.blog .comments a:hover {
 background-position: -95px -20px;
 background-repeat:none;
 color:#887777
}
.comments a span{
padding:2px 0 0 0;
}
.commentsbar .readon a span{
padding:1px 0 0 0;
}

.commentsbar li.rating{
 background-position: left top;
 }


/* Bar with Smilies in it */
.smiletoolbar { 
	padding:2px; 
	background-color:#aa9999; 
	color:#000000;
}


/* CSS Document */

div.commentBlogView{
	display:block;
	text-align: right;
	padding-top: 6px;
	padding-bottom: 6px;
	margin-top: 4px;
    margin-bottom: 4px;
	clear:both;
}

div.show-comment, div.show-linkmore {
	display:inline;
    float:right;
    height:18px;
    text-indent: 24px;
    margin-left: 4px;
    margin-right: 4px;
    background-repeat:no-repeat;
	background-position: 0 50%;
	background-image:url(images/comments.gif);
}

div.show-comment{
	background-image:url(images/comments.gif);
}
div.show-linkmore {
	background-image:url(images/page_go.gif);
}

#jc_commentsDiv{
	color: #FFFFFF;
}
#comments{
	overflow: hidden;
}


.jomentry1, .jomentry2{
	border-bottom: 1px solid #000000;
/*	padding: 15px;*/
	color:#fff;
}

.whiter{
	color:#FFFFFF;
}

.jomentry1 blockquote, .jomentry2 blockquote {
	background: transparent url(images/bg_blockquote.gif) no-repeat 0 5px;
  	color: #FFFFFF; 
  	padding-left: 30px;
}

.jomentry2 {
/*background-color: #5B5B57;*/
}

.jomauthor {
    background-color: #F5F5C1;
    border-bottom: 1px solid #FFDE00;
    background-image:none;
}

#postComment{
	/*background:#747474;*/
	padding:15px;
}

#postComment label{
	width:120px;
	display:block;
	float:left;
	clear:both;
	margin:5px 0 0 0;
	text-transform: lowercase;
	color:#fff;
}

#postComment input, #postComment textarea{
	margin:5px 0 0 0;
	width:95%;
}

#postComment textarea {
	height:160px;
}

input, textarea {
	padding:2px;
	border-width:1px;
}

input:focus, textarea:focus, .passwordPost label input:focus {
	background:#ffc;
}
#postComment .button {
	padding:5px;
	clear:both;
	width:140px;
	margin:5px 0 0 0;
	
	background:#024;
	border-color:#357 #002 #002 #357;
	color:#fff;
}

#comments {
	width: 480px;
overflow: hidden;	/*background:#747474;*/
}

#comments a{
color:#caeeff
}
#comments h4
{
	color: #554444;
	font-size: 12px;
	text-transform: uppercase;
	margin: 0 48px 8px 0;
	text-align: left;
	letter-spacing: normal;
}

.avatarImg{
margin:0 0 0 8px
}
.avatarImg img{
	border:1px solid #ddd
}