Personalizando citas - El blockquote

En mucho blogs, y páginas encontramos citas de autores, o cualquier otra frase entrecomillada y con un aspecto, distinto. Esto en blogger lo hacen con la etiqueta
o con el botón en el editor de entradas  donde hay dos comillas  esto de añade una etiqueta blockquote.

Una vez sabemos esto, solo hay que darle estilos, y eso como siempre nos vamos a la plantilla CSS y buscamos un: .post-body blockquote si no lo tenemos lo ponemos antes del 
]] b:skin; 


El codigo es el siguiente: 



.post-body blockquote {
border-radius: 5px; 
box-shadow: 5px 5px 2px #696969;
-webkit-transform: rotate(-4deg);
-moz-transform: rotate(-4deg);
-o-transform: rotate(-4deg);
background-color: #F4A460;
padding: 10px;
color: #FFFFFF;
}
.post-body blockquote:before {
content: "\201C";
font-family: Georgia;
font-size:40px;
font-weight: bold;
line-height:0px;
vertical-align:middle;
}
.post-body blockquote:after {
content: "\201D";
font-family: Georgia;
font-size:40px;
font-weight: bold;
line-height:0px;
vertical-align:middle;
padding-top:10px;
}

Y nuestra cita quedaría así de graciosa, todo esto si lo mezclamos con un poco de arte natural, tal vez podáis hacer algo hasta bonico.