Borda hover no corpo da postagem

Olá amores, desculpe por não está postando diariamente, estou sem tempo até mesmo de responder os comentários, acho que vocês entendem, são provas e mais provas... Mas prometo que respondo todos.

O efeito é assim, é uma borda em volta do corpo da postagem, mas quando você passa o mouse ele muda a cor, a moldura..., entende? Veja o efeito aqui. Achei esse efeito diferente, porém bem legalzinho rs. Muitos blogs estão optando para colocar borda nas postagens e resolvi criar um hover e eu acho que fica tão fofo. Se usar ou repassar o tutorial credite ok ? Espero que gostem, vamos conferir ?


Modelo >> Editar HTML >> Prosseguir , aperte F3 e procure por ]]></b:skin>
E cole esse código antes da tag procurada

.post-outer {
border: 2px solid#feb7bc;
margin: 0px 0px 0px;
background: #fff;
padding: 21px 22px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
.post-outer:hover {
border: 2px solid#f0c8a7;
margin: 0px 0px 0px;
background: #fff;
padding: 0px 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}  

Entendendo

Essa parte é para você escolher se as bordas iram ficar aredondadas ou não. Se quiser bordas redondas deixa tudo que está em 5px do geito que está, se quiser quadrada zere todos os 5px

-webkit-border-radius: 0px;

-moz-border-radius: 0px;
border-radius: 0px;
} 

1px é o tamanho da borda, solid é o tipo e #af4949 é a cor

border: 1px solid#af4949;

Essa parte é de sua preferencia, é para você subir ou descer o titulo da postagem

padding: 0px 0px;

As outras partes não há necessidade de mexer, só se você quiser.