Ajuda com efeito Java/Script, HTML e CSS

[vtnorton]

Estou com o seguinte codigo no meu blog:

<div style="text-align:left;">Inspirado na Metro UI, agora você pode alterar o esquema de cores do blog</div><br />
<center>
<a href="#" onclick="javascript:document.body.style.background Color='#252525';"><img src="http://3.bp.blogspot.com/-vxSjpH-O5iQ/T-5UPZz3cUI/AAAAAAAAAP4/5sQZMgpjTkI/s1600/01.png" /></a>

<a href="#" onclick="javascript:document.body.style.background Color='#6a1cb9';"><img src="http://1.bp.blogspot.com/rykoQFDlM/T-5UP-CYtYI/AAAAAAAAAQA/iEMVQzzEiu4/s1600/02.png" /></a>

<a href="#" onclick="javascript:document.body.style.background Color='#15992a';"><img src="http://1.bp.blogspot.com/-Sy2goURg7z0/T-5UQkQGtJI/AAAAAAAAAQI/QQHsKwOJgwU/s1600/03.png" /></a>


</center>

(O codigo é maior, mas como tem muitos elementos eu retirei para não ficar tão grande no tópico, não vão fazer falta)
Ele serve para mudar a cor do background para outra selecionada.

Esse é um exemplo do botão que muda a cor para este cinza. (O meu blog é totalmente baseado no windows 8 [Metro UI])
Enfim, queria fazer todas as cores, no CSS, com o mesmo valor (exemplo: #00A3E8) mudarem para outro valor (exemplo: #00ff00), mas como fazer isto?
Ou então, fazer com que todos os elementos marcados com o id='metro' no html do meu site, alterassem para este azul ou outra cor,

Ja tentei 'anexar' varios tipos de codigos em java, mas nenhum funcionou.

P.S.: Uso a plataforma Blogger (www.vtnorton.com)

Aproveitando o embalo, essas alterações são temporarias, ao recarregar a pagina o usuario terá de clicar novamente na cor que ele deseja, TEM COMO, atraves de cookies ou outra coisa, salvar a opção do usuario para todas as vezes que ele entrar novemente no blog?