The CSS
#xg_head {
position: relative;
}
/*
This is where you put the header image. While I linked directly to a background image,
you can also upload your image in the Appearance page, under your manage tab. You may
want to change the height properties accordingly.
Header image from jumblejet, via a Flickr Creative Commons License
http://flickr.com/photos/jumblejet/2496870165/
*/
#xg_masthead {
background:url('http://farm3.static.flickr.com/2150/2496870165_ebb5005646_o.jpg') bottom right;
height: 300px;
}
/*
if flush right, change left:20px; to right:20px;
*/
#xg_navigation {
position: absolute;
left: 20px;
top: 5px;
}
#xg_navigation ul {
margin-right: 10px;
}
/*
if flush right, change text-align:left to text-align:right;;
*/
#xg_navigation ul li {
display: block;
float: none;
margin: 0.2em 0;
text-align: left;
}
#xg_sitename a {
position: absolute;
bottom: 0;
right: 0;
color: #fff;
font: 120% Helvetica Neue Bold Condensed, Tahoma;
}
#xg_navigation ul li a {
color: #fff;
}