OK, how's this.....

Here are the settings. I'd still like to getr rid of that new blue in the side bar and at the bottom of the page but not sure what to change.

/* Colours refer to -> http://www.w3schools.com/cssref/css_colors.asp /
/ Be sure to pick your own and edit in. /
/ These are just what works for me, your not expected to like them */

/* Link colouring -> http://www.w3schools.com/css/css_link.asp */
a { color: #FFFFFF }
a:hover { color: #9CA3C6; }
a:visited { color: #EAD310; }
a:active { color: #FFFFFF; }

/* Sizing to expand to full screen width /
table { width: 100%; }
#container { width: 100%; }
/ See note below on how to calculate for your screen size */
#content { width: 85%; }

/* Thread / post colouring */
body { background-image: none; background-color: #2C3B4E; color: #000000; }

#forum_inner_table { background-color: #1A293E; }

#forum_inner_table th { color: #C0C0C0; background-color: #1A293E; }

#forum_inner_table td { color: #C0C0C0; background-color: #000000; }

.inner_page { background-color: #000000; color: #C0C0C0; }

.forum_message_cell { width: 90%; }

#top_navigation li ul { opacity: 1.0; }

text-decoration: underline;

When copying to the stylesheet editor, you can remove comment lines, i.e. those between /* */ as they are not necessary, but may help you remember what each bit is for.

The calculation for the optimal value for the width % to use for #content is :-

rounddown(1 - (160 / screen width)) * 100