Google Maps toma el CSS de mi página y se ve feo

[chitoso]

Hola, les cuento que no se mucho de CSS.
Tengo un blog e wordpress y el css de la plantilla se ve que está definiendo estilos que se aplican luego a mis mapas y se ven feo, con el fondo de color de la pagina, etc.

Acá pueden ver la versión online de una pagina con un mapa y ven como el globito se ve con el fondo gris de la pagina: link

Tengo instalado firebug y hasta ahora me he manejado para alterar estilos, etc. Pero me gustaría encontrar una solución clara y lo mas directa posible para que el mapa no tome ningun atributo css de mi pagina, o al menos, que se vea OK.

Desde ya, muchas gracias y saludos.

[Mikmoro]

Tienes un selector genérico que está poniendo ese color de fondo a todas la imágenes de la parte de contenido, y como el mapa de google te genera varios divs con imágenes con transparencia, les está poniendo ese color que tienes declarado.

#primary .entry-content img, #primaryFirst .entry-content img {
background:#444444 none repeat scroll 0%;
border:1px solid #555555;
margin:0px;
padding:5px;
}

Elimina ese color de fondo y tu mapa se verá bien.

[chitoso]

Gracias por la ayuda, ya lo solucioné.
Agregué este codigo
#event-map img {style.css (línea 2513)
background:transparent none repeat scroll 0 0 !important;
}

Saludos