help!: wanting a header image, pls help <333 Options

[hypr_azn]

hey everyone! i just found out this layout that's really simple but i like it a lot. click here to see the layout.

I love it, but I would like to make a header image of my own and place it at the top of the layout. How do I put it in my code?

Here's my layout code:

/* Oxygen - Stylesheet by Emma-Jane @ ephemeres.livejournal.com - Feel free to edit as you wish but do not claim as your own or repost. Remember to credit me in your userinfo!! */


/* replace default ljuser icon */
span.ljuser{
padding: 2px 0 2px 0;
background-image: url("http://img220.imageshack.us/img220/9664/oxygenuserpu8.png");
background-repeat: no-repeat;
background-position: left middler;}

span.ljuser img{
visibility: hidden;}


/* replace default protected entry icon */
.subject img[src="http://stat.livejournal.com/img/icon_protected.gif"]{
width: 0;
height: 0;
padding: 0 8px 10px 0;
background: url("http://img227.imageshack.us/img227/9099/oxygenlockub4.gif");}



/* main layout */
body {
background-color: #FFFFFF;
text-align: center;
color: #000000;
font-family: "Verdana", sans-serif;
font-size: 11px;
margin: 20px 0 20px 0;
}

a, a:link, a:visited {
color: #999999;
text-decoration: none;
}

a:hover {
color: #BBBBBB;
text-decoration: none;
border-bottom: solid 1px #EEEEEE;
}

p, td, blockquote {
background-color: #F5F5F5;
padding:10px;}

code, kbd, pre, tt {
font-family: monospace;
}

#content
{
width: 600px;
margin-left: auto; margin-right: auto;
background-color: #FFFFFF;
border-width: 0px;
border-style: solid;
border-color: #999999;
padding: 15px;
}

#maincontent {
font-family: "Tahoma", "Verdana", sans-serif;
font-size: 7pt;
background-color: #FFFFFF;
color: #888888;
border: 0px;
margin-left: 171px;
text-align: left;
border-left: solid 1px #EEEEEE;
padding-left:10px;}

#sidebar {
background-color: #FFFFFF;
padding-right:10px;
font-size: 7pt;
font-family: "Tahoma", "Verdana", sans-serif;
color: #666666;
width: 160px;
float: left;
text-align: justify;
}

#header {
width: 100%;
padding: 0px;
margin-bottom: 10px;
text-align: left;
font-family: "Tahoma", "Verdana", sans-serif;
font-size: 7pt;
font-weight: normal;
letter-spacing: 2px;
border-width: 0px;
background-color: #FFFFFF;
color: #888888;
text-transform:lowercase;
}

#footer {
width: 100%;
padding: 0px;
margin: 0px;
text-align: right;
font-family: "Tahoma", "Verdana", sans-serif;
font-size: 7pt;
font-weight: normal;
letter-spacing: 2px;
border-width: 0px;
background-color: #FFFFFF;
color: #888888;
z-index: 100;
clear: both;
}

/* header -- links to views; title of journal; subtitle of journal */

ul.navheader
{
padding: 0px;
margin: 0px;
}

ul.navheader li {
display: inline;
padding: 0 10px 0 0px;
}

.title {
display:none;
}

.subtitle{
font-family: "Verdana", sans-serif;
font-size: 11px;
font-weight: normal;
top: 10px;
}


/* sidebar */


.defaultuserpic {
display:none;
}

.sbarheader {
padding: 0px;
}

.sbarbody {
padding: 0px;
}

.sbarbody2 {
padding: 0px;
}

table.calendar {
display:none;
}

.sbarcalendar {
display:none;
}

.sbarcalendarposts {
display:none;
}

ul.sbarlist
{
padding-left: 0px;
margin-left: 0px;
list-style: none;
}

li.sbaritem
{
padding-top:5px;
padding-right: 5px;
list-style: none;
text-align:right;
border-bottom: dotted 1px #EEEEEE;
}

li.sbaritem:hover
{
background-color: #F9F9F9; }

li.sbartitle
{
display:none
}


/* maincontent */

.subcontent {
}

.entry {
margin: 0px;
padding: 0px;
background-color: #FFFFFF;
color: #666666;
font-family: "Tahoma", "Verdana", sans-serif;
font-size: 7pt;
text-align: justify;
border: 0px;
}

.entry ul li
{
padding-left: 5px;
margin-left: 15px;
}

.entry ol li
{
padding-left: 5px;
margin-left: 15px;
}

.userpic {
display:none;
}

.userpicfriends {
margin:10px;
padding:0px;
background-color: #FFFFFF;
float:left; }

.date {
color: #CCCCCC;
font-family: "Tahoma", "Verdana", sans-serif;
font-size: 7pt;
}

.subject, h2 {
font-weight: normal;
color: #000000;
font-family: "tahoma", "Verdana", sans-serif;
font-size: 7pt;
letter-spacing:2px;
text-transform:lowercase;
}

.datesubject {
}

.currents, .currentmood, .currentmusic {
display:none; }

.comments {
font-family: "Tahoma", "Verdana", sans-serif;
font-size: 7pt;
text-align: left;
position: relative;
}

.ljtags {
color: #888888;
margin-bottom:3px;
margin-top:3px; }



/* maincontent -- year/achive pages */

ul.year {
text-align: center;
padding-bottom: 40px;
}

ul.year li {
display: inline;
}

table.yeartable {
margin-left: auto;
margin-right: auto;
}

table.yeartable td.yeardate, table.yeartable td.yearday {
border-width: 0px;
border-style: solid;
border-color: #999999;
}

table.yeartable td.yearday {
background-color: #d4dce8;
text-align: center;
}

td.yearmonth {
border-style: none;
}


/* footer */

ul.navfooter{
padding: 0px;
margin: 0px;
}

ul.navfooter li {
display: inline;
margin: 0 5px 0 5px;
}


.clearfoot {
clear: both;
}


/* misc */

.clear {
height: 0px;
}

.skiplinks {
text-align: center;
}

.headerimage {
/* for formatting header image */
}

.separator{
/* for formatting separators between entries */
height: 1px;
border-bottom: dotted 1px #EEEEEE;
margin:10px;
}

Any help is greatly appreciated!!!! Thanks <3