Top margin too large on inline images

[paulrobertlloyd]

Inline images (.img--inline) should have a top margin of 3px, but this value is overridden by the default value for .img, which is 20px. The CSS for .inline--img appears on line 15, whereas the base styles for .img appear later (on lines 74 and 161). So to fix this bug, the order in which images styles are loaded will need to be changed. (Tried to fix this myself, but soon got lost in a maze of CSS!)

Here is the incorrect appearance:

And here is how it should look:

[phamann]

PDD!

[paulrobertlloyd]

As seen on this page: http://www.theguardian.com/football/blog/2014/apr/10/champions-league-semi-finals-how-teams-compare

[mattosborn]

fixed by #3901