How can I make an image, or just a thumbnail, fade to black and white on hover? And

a margin question.? I am using the theme Los Angeles: http://themeforest.net/item/los-angeles-a-premium-wordpress-theme/84768
Here is my site: http://cdrphotography.net/

I was just wondering how I could make images on my site fade to black and white when you hover over them. The effect does not have to happen, I would be fine with it just happening on the thumbnails in the portfolio page: http://cdrphotography.net/full-portfolio/

In addition, I added Cu3er to the blog page as well, which messes up the #page and #sidebar margins.

I would enter these codes:

.subpage #sidebar { margin-top:-380px; }
.subpage #page { margin-top:-22px; }

into the custom CSS box in the custom Los Angeles admin panel, but that not only changes the blog, blogroll.php, but it also changes the posts, single.php.
How can I move up the blog’s #sidebar and #page margins independently of the posts margins?
Oh, and I should have said, I am looking for a way to make the images fade without having to use 2 images, the color image, and black and white image underneath.
 
Back
Top