Need help changing theme colour scheme!

p.s. The template may not be in use if you visit the site as I don’t wish to show an incomplete site.

for a formatting/css issue, without seeing the ‘problem’ template active in the site, there is not much help possible.

if the red rectangles outside the center are new ad banners, you will also need to edit some of the template files.

the headings:
in style.css, starting at this line:
h1.playmaker-list {
just work through the list and change the color codes.

to point any single style out to you is, imho, beyond the purpose of this forum.

the block below the image is a div with the css class .topstory

styled in style.css:

.topstory {
	background: #000033;
	padding: 8px 10px 10px 10px;
	height: 100%;
	color: #ffffff;
	margin: 0px 0px 10px 0px;
	}

the headline style for this block is in with the list of the other headline styles.

a tool such as firebug or the firefox web developer add-on might help to identify the individual css classes.
——
there is no space for any boxes outside of the theme body – for the most common monitor width of 1200px, anyway.

the dark blue?

this is in style.css:

body {
	background: #000044;
	color: #333333;
    width: 100%;
	font-size: 12px;
....

or the white of the center:

style.css

#wrapper {
	background: #ffffff;
    width: 984px;
	height: 100%;
......

Cheers mate, you’re a diamond. One last Q (I think!) – Changing the colour of the red tabs?

Using Google Chrome browser:

1) Display the site in question
2) Right-click on the element in question (e.g. the “Red Tabs”)
3) Click “Inspect Element”
4) A window will open, showing you the HTML markup of the page, and listing the styles applied to the highlighted element, including what style declarations are being applied.

(The process should be similar in Firefox, using the Firebug extension.)

you can add something directly after this line
<div id="wrapper"><!-- BEGIN WRAPPER -->

for instance:

<div id="wrapper"><!-- BEGIN WRAPPER -->
<div class="header-ads">ad-code</div>

style it in style.css; for example:

.header-ads {
height:90px;
width:700px;
display:block;
background:#ccc;
padding:2px;
margin: 0 auto;
}

example:

http://pastebin.com/awGCbeuf

used the html in the browser from your site, and added a new div with bet365.

(this is the html before the change http://pastebin.com/kvsnjKJj )
)
hope you can identify what goes where.