Themes

Good morning,

I am using the 'boxxie' theme in moodle 2.2 and have a custom logo on each page in the top left hand corner with the header 'text' also aligned 'left'. This means the text is covering the logo and I was wondering if there is a way to centre the text while leaving the logo left-aligned.

E.g. screenshot attached.

and my current header area of core.css is as follows  (thanks in advance)

/* Header */

#page-header h1.headermain {
background: url([[pix:theme|logo]]) no-repeat left top;
position: relative;
left: 0px;
width: 400px;
height: 110px;
padding: 0;
margin: 0;
top: 0;
}

#page-header
{background-image:url([[pix:theme|gradient]]);}
 {
    
    color: #fff;
   }

#page-header a:link,
#page-header a:visited {
    color: #b3c79d;
}

#page-header h1.headermain {
    color: #fff;
    font-weight: normal;
    margin: 1em;
    font-size: 2em;
}

.pagelayout-frontpage #page-header h1.headermain {
    font-size: 2.75em;
}