Estilos css para la lista numerada

Descripción Principal

La lista numerada es una lista en orden numérico, Pero por defecto tiene un estilo algo feo "Ver ejemplo".
Con los estilos css le darán un poco mas de profesionalismo a su blog.

Instrucciones

1. En blogger Plantilla->Edición Html.
2. Antes de que termine la etiqueta ]]></b:skin ponen el siguiente código.

.post ol{font-family: Orbitron, sans-serif !important;font-style:none;text-transform: none;font-size:12px;font-weight:none;text-align:left;counter-reset:li;margin-left:0;padding-left:0}
.post ol li{ /*Estilos de cada elemento*/position:relative;margin:0 0 20px 2em !important;padding:4px 8px !important;
list-style:none;*list-style: decimal;border:1px solid #000; /*Color de borde*/
background:url(https://googledrive.com/host/0B9Ne9DpD03M5eVd2cEFSZVI1U2s/product-bg-stripe.png) right center!important;text-indent:10px;}
.post ol li:before{ /*Los estilos del Número*/content:counter(li);counter-increment:li;position: absolute;top: -20px;
left: -20px;border-radius: 50%;background: #353535;width: 26px;height: 26px;line-height: 25px;font-family: Yanone Kaffeesatz, sans-serif !important;text-align: left!important;font-size: 10px;color: #fff;font-weight:700;}



3. Por ultimo me dan en guardar, Y pueden crear una pagina o entrda en su blog y crear una lista numerada y ver el estilo funcionando.