Getting my articles to fill the page

which grey area can you explain???

Yes, sure.
Under the picture I want the writing to basically fill the page (The grey area).

https://oi45.tinypic.com/29ej2gl.jpg

Where I have made the red square is where I want the sentences to end, instead of the middle of the page.

Thanks

Then you have to make changes in the style.css
but it might affect your sidebar area…

you have to increase your #primary width to about 920 px;

Thanks for the reply. Sorry to be a pain, but how do I actually do that?

Cheers man.

GOt to appearrance then go to editor in that in the right hand side there should be written style.css click on that and search for #primary>>
in that there is written width:620px change that to 920px;
This might help

But it may affect the sidebar area…

Done that, updated it, but no difference.

#content { width: 940px; margin: 0 auto; background: #d5d5d5; padding-left: 5px; padding-right: 5px;}
#primary { float: left; width: 920px; }
#sidebar { float: right; width: 300px; z-index: 9000px; }
.sidebar-narrow { width: 140px; }
#footer { clear: both; }
#text-3 {background: #d5d5d5;}

I did do it correct, right?

Thanks for reply

Find this
#single-column-left in that style.css and change the width to 920 px;

Still no difference lol. This stuff is very complicated.

#single-column-left { float: left; width: 920px; background: url(images/bg-widget-title.gif) left top repeat-x; margin-left: 100px; margin-right: 45px; }
p.breadcrumb { font-size: 11px; text-transform: uppercase; margin-bottom: 0; }
p.breadcrumb.archive { margin-bottom: 15px; }
p.breadcrumb a:hover { text-decoration: none; color: #333; }

#single-column-left .entry-meta { padding: 20px 0 15px 0; background: url(images/bg-dots.png) left bottom repeat-x; }
#single-column-left .entry-content { margin-bottom: 40px; }
#single-column-right { float: right; width: 140px;}

Sorry for being a pain mate.

[No bumping. If it’s that urgent, consider hiring someone.]