few things canot be centered?!

It appears that the CSS in your HTML is conflicting with the CSS in your stylesheet. The margin 1em in your style.css is throwing off the center alignment defined for the image in your HTML CSS.

To see what I mean in style.css change:

.article img, img.article {
border:1px solid #B7A971;
margin:1em;
}

to

.article img, img.article {
border:1px solid #B7A971;
}

Content and markup should be separated. So all CSS should go only in your CSS file(s).