[SOLVED] IMAGE STYLING: Hover Over Effect to All Linked Images

Is there a way to add hover over effects (opacity change on mouse over) to all linked images on the site?

This code worked for a single image:

<a href="http://www.americansuburbx.com/2012/12/keizo-kitajima-ussr-1991-2012.html"><img src="http://www.americansuburbx.com/wp-content/uploads/2012/12/BANNER-1b.jpg" style="opacity:1;filter:alpha(opacity=100)"
onmouseout="this.style.opacity=1;this.filters.alph a.opacity=100"
onmouseover="this.style.opacity=0.5;this.filters.a lpha.opacity=50" /></a>

You can see the result here - the largest image on the front page:

http://www.americansuburbx.com

I want to apply this to the entire site including the front page, center post column and widgets where the images are linked.

I would have posted this to a sub-category of the forum but it wasn't clear which one it best fit in.

Thanks!

Doug