[Tutorial]Como personalizar los comentarios

Hola hola jajaj otra vez yo soy pesada ehh bueno este tutorial no lo tenia pensado hacer hasta dentro de mucho pero como me lo pidieron 9.9 pues ahora lo tengo que hacer n.n es un tuto muy fácil para las que no nos gusta como quedan los comentarios predeterminados y bueno aquí esta el tuto espero que os guste 

Plantilla>Edicion HTLM>Buscas:]]></b:skin>

Y antes de ]]></b:skin> pegas el siguiente codigo

.comment-content{
background:#FFE2E2;
padding:13px;
border-radius:30px;
color:#666;}
h4{
background:#F9D7FF;
text-align:center;
color:#FDBADB;
text-shadow:2px 2px 3px #888;
font:30px ttn !important;}

@font-face{
font-family:ttn;
src:url(http://static.tumblr.com/dep4vzc/82Km8jmz4/tutano_cc_v2.ttf);
}
.comment-block{background:#FEF3F3;
padding:10px;
border-radius:30px;
border:3px dashed #FEE8E8}
.avatar-image-container{background:#FFE2E2;padding:5px;border-radius:50%;}

.avatar-image-container img{
-webkit-transition: all 0.8s ease-out;
-moz-transition: all 0.8s ease-out;
transition: all 0.8s ease-out;
border-radius:50%;}
.avatar-image-container img:hover{
border-radius:50%;
transform: rotate(360deg) ;
-webkit-transform: rotate(360deg) ;
-moz-transform: rotate(360deg) ;
-o-transform: rotate(360deg) ;
-ms-transform: rotate(360deg) ;}

.datetime{
background:#fff;
padding:8px;
float:right;
border-radius:30px;
font:10px arial;
margin-top:10px;}
.secondary-text{
padding:8px;
background:#fff;
border-radius:30px;
float:right;
border:2px solid #FEE8E8;
}

Lo que esta en naranjita son los colores que tenéis que sustituir  no os puedo decir de cada parte porque eso lo teneis que hacer a ojo
Yo lo que hago es cambiar el color y luego guardar y ver como quedo si no me gusto lo cambio otra vez

C R E D I T O S 

Luna :3