CSS .alignright not aligning right

Hi! I just noticed that any images that have the .alignright class on them are not working on my blog any more. The theme is handmade.

You can see the problem on this post: https://craftcore.ca/2015-05-20-diy-running-gear-water-bottle-holder/ You’ll see that there is a drawing that is aligned at the left with text directly beside it at the bottom. It should be aligned to the right with the text wrapping around it instead.

Originally my CSS was:

`.alignright {
float:right !important;
margin-left:20px !important;
margin-bottom:5px;
}`

Then I tried:

.alignright { float: right !important; margin:0 0 15px 15px !important; }

which I got from these forums, but still no luck. It looks great in the post editor screen. Do you have any ideas of what could be causing this not to work as expected?

Thank you!