blog posts with medium sized image on left and excerpt on the right

Thanks Richard,
My website has not launched yet, but I can send you a temporary user in the private section. I have removed what I experimented with so far, though, to clean it out.
I was thinking something like amyporterfield.com or draxe.com. I would just assume this layout would be something many people want.

I have tried different things in css, but I found it was not easy to get it right and it was not very consistent. For instance when making the browser smaller, the text left “margin” moved towards the picture and I part of the picture became gray.

This is what I took out:
.big-preview.single-big {
float: left;
clear: both;
margin-right: 3%;
height: auto !important;
width: 100% !important;
}

.entry-content-wrapper.clearfix.standard-content {
width: 70%;
float: right;
}

#top .fullsize .template-blog .blog-meta {
float: left;
width: 50%;
}

.home .fullsize .template-blog .post .entry-content-wrapper {
margin-top: 0;
width: 70%;
float: right;
}

.home .fullsize .template-blog .blog-meta {
float: left;
width: 70%;
}

.home .fullsize .template-blog .post-title, .home .fullsize .template-blog .post-meta-infos {
text-align: left;
}

#top .flex_column .template-blog .post-title, #top .fullsize .template-blog .post-meta-infos { text-align: left; }

.home .entry-content-wrapper { margin-top: 0!important; }
.home .entry-content-wrapper h2.post-title.entry-title { padding-top: 1px!important; }

@media only screen and (max-width: 989px) and (min-width: 768px) {
.home .fullsize .template-blog .post .entry-content-wrapper {
width: 80%;
}
}

.small-preview, #top .fullsize .template-blog .blog-meta {
width: 230px;
height: 230px;
}