[HELP| Resizing homepage images – Masterpiece template

[OddThemes]

Hello,

I seem to have a problem with my template. Overtime I try to center the images on the homepage, the pictures appear completely disproportionate. They take the whole content frame.
If I don’t center them, they have the right size but they locate on the left corner of the content frame.
I have located the problem on the HTML but I don’t know what to do to keep their current size and center them.

Could anyone help me please?

body#layout .nav-collapse,.no-image,.pagenavi .pages,#navbar,.date-header,.feed-links,.post-location,.post-share-buttons,.post-icons{display: none !important;}
.section,.widget,.widget-content,.widget ul,.widget li,body,h1,h2,h3,h4,h5,ul,li,a,p,span,img,dd{margin:0;padding:0;list-style:none;text-decoration:none;border:none;outline:none}
body#layout #content {float:left;width:600px;margin-left:30px}
body#layout #side-bar {float:right;width:300px;}

PART WITH THE PROBLEM:
img {
max-width: 250px;
margin-left: auto;
max-height: auto;
}

My blog is here: http://hotchocolatenbooks.blogspot.fr

Thank you, I appreciate it :)

[Author]

Posts