Lo de las imagenes centradas no se a que te refieres.
El problema de que no funciona es el siguiente.
En la página externa donde tienes el CSS que te ha creado el programa pa hacer blogs, hay redefinidas(alteradas sus propiedades habituales o por defecto) varias etiquetas.
Entonces al poner el class que te di en la misma página en la que se aplica, rige la regla de la herencia, es decir, que si tu tubieras en el archivo css externo puesto que un titulo fuera de color Rojo y en la web le dices que sea verde, el color que imperaría sería el verde ya que es la que mas directamente se aplica en orden jerarquico.
Retomanto tu código, en la hoja externa tienes definidas propiedades para los div que contienen "jodidacosaverde"
<div id="links">
como
#links ul {
padding: 20px 10px 30px 10px;
margin: 0;
}
#links a {
font-size: .9em;
text-decoration: none;
}
#links a:link {
color: #565D4A;
font-weight: normal;
}
#links a:visited {
color: #aaa;
}
#links a:hover, #links a:active {
background: #80BE14;
color: #fff;
}
Entonces si pones ahí el código que te dí, choca con ciertas propiedades que ya estaban. Por eso si lo escribes en la página funciona y si lo escribes en la externa no funciona.
Por cierto, debería de capar el acceso a esta IP 83.165.249.56 que puedo ver todo el arbol de tu servidor.
Saludos