Como personalizar a areá de comentários

Yo galera nesse tutorial eu vou encinar a vocês como personalizar a área de comentários,esse tutu vai encinar a vocês um pouco de CSS então preste muito atenção a aula está preste a começar.[Leia Mais]
Demo Procure pela tag: ]]></b:skin>
Acima desse tag cole esse código /* Container Comentários ----------------------------------------------- */ .comments { background: none repeat scroll 0 0; clear: both; color: #000 !important; margin-bottom: 0; margin-top: 10px; padding: 5px; }<br /> #comments h4 { color: #000 !important; font-family: Arial; letter-spacing:0; font-size: 20px; text-transform: capitalize; }<br /> .comment-header { background: none repeat scroll 0 0 #ccc; /* COR DA BARRA DE INFOS. DO COMENTÁRIO */ dispay: block; color: #000 !important; margin: 10px -10px !important; padding: 10px 0 10px 50px !important; } .comment-header a { color:#fff !important; }<br /> .comment-header a:hover { text-decoration:none; } .comments .comment-block { background: #e1e1e1; /* COR DO FUNDO GERAL */ border-radius: 20px 20px 20px 20px; /* BORDA GERAL DO FUNDO */ font-family: calibri,arial; margin-left:0 !important; padding: 5px 10px; position: relative; } .comments .comments-content .user { font-size: 20px; } .comments a, .comments-content .user a { opacity: 0.8; font-weight:normal; font-size: 18px; font-family: Arial; color:#fff !important; text-shadow:0px 0px transparent !important; padding-top:20px !important; } .comments .avatar-image-container { margin: 20px 0 0 5px; } .comments .avatar-image-container img { position:relative; z-index:999; } .comment-actions a { opacity:0.4; border-radius:5px; /* BORDA DOS BUTTONS */ font-family:Arial; font-size:13px; color:white; background:#ccc !important; /* COR DOS BUTTONS DE RESPONDER E EXCLUIR * margin-left:2px !important; margin-bottom:2px !important; padding:2px 2px 4px 4px !important; -webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear; } .comment-actions a:hover { opacity:100; -webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear; }
Agora é só você editar o código de acordo com seu templete,dica copie e cole esse código no blocos de notas edite ele e já cole no HTML do seu site pronto.