Website content area?

Let me first say that the template is a big joke - 7000+ lines of css when unminified (lmfao) most of which is not being used. This is a typical  example of how NOT to produce a streamlined website, seriously. I hope you are not considering a career in web-development and are just producing the one off website? If you are then think again, choose another path, or career.

Now to your issues - the css selectors you need to change are located in the file below, even the file name is ridiculous and meangless.

5174b89aa219ed66f5851cb1cb20fe36.css

In the file (the below is the unminified version of the file) find:

content {
float: right;
width: 65%
}

Change it to:

.content {
float: right;
width: 75%
}

Then after the above css selector add another css selector (this will prevent the images in the .content <div> from floating, which as a result wraps the text around the image, instead of below it, as you require:

.content img {
float: none;
width: 100%
}

Then find the css selector below:

sidebar-primary {
float: right;
width: 40%
}

Change it to:

.sidebar-primary {
float: right;
width: 20%
}

Website looks good from a visual perspective but seriously the code which presents it is bloated and a redundant mess.........little hope when 'developers' are pumping this kind of 'shite' out.

Start using Dreamweaver to develop the website and we can help you. The alternative is to consult your Wordpress comrades.