The following changes use the the Nouveau theme to start with

Main Header Image

To have a solid colour for header use:

#gl_header {
background:#000 0 0 repeat-x;
height:100px;
}

This is found in: /public_html/layout/nouveau/style.css and is the default for the Nouveau theme.

The header is 100px by 1250px or so wide. A larger image can be used and probably should but only the top left 100px x 1250 px corner of that image will be visible as the header.

Place the image you want in:  /public_html/layout/nouveau/images/

and change 

#gl_header {
background:url(layout/nouveau/images/header-bgNEW.png) 0 0 repeat-x;
height:100px;
}

in /public_html/layout/nouveau/style.css to name the new image you wish to have as the header.

Place that new image in layout/nouveau/images/

If you do not see any change on your site you should clear the cache with ctrl-F5.


Block Header

.ng-selected-day {
/*background:transparent url('layout/nouveau/images/header-bgNEW.png') no-repeat top right;*/
background:#ccc 0 0 repeat-x;
margin:4px auto auto;
border: solid 4px rgb(255,255,255);
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
}

This code is found in /public_html/shanegibney/layout/nouveau/style-colors.css

1. This first line which is commented out in this case can be used to put a image in to the background of the block headers.

background:transparent url('layout/nouveau/images/header-bgNEW.png') no-repeat top right;

2. This line sets the colour of the block header inside the border and would be used instead but not as well as the previous line.

background:#ccc 0 0 repeat-x;

3. The ‘4px’ sets the distance from the top of the block header to the next think above it, which is either the main navigation menu or another block.

margin:4px auto auto;

4. Set the width and colour of the border

border: solid 4px rgb(255,255,255);

5. The last two lines set the radius of the corners of the block header.

-webkit-border-radius: 20px;

-moz-border-radius: 20px;