Here's my site:

http://www.pyrodes.com

2 questions:

1. I want to change the entire header area to one large background picture. Here is the CSS code for my header in my theme:

/* Top Bar */

#bar {
    background-color: #DBE2C2;
    padding-top: 3px;
    padding-bottom: 6px;
    padding-right: 2%;
    padding-left: 2%;
}
#bar .barhead{
    width: 870px;
    margin: auto;
    position: relative;
}
#bar .pdl {
    float: right;
}
#bar .postform {
    font-family:verdana;
    font-size:8pt;
    background-color:#EEEEEE;
    border-width:1px;
    width: 175px;
    margin: 0px;
}
#bar .pdl p {
    margin: 0px;
    padding: 0px;
    font-size: 11px;
}
#bar .sdl {
    float: right;
}
#bar .sdl p {
    margin: 0px;
    padding: 0px;
    font-size: 11px;
}
#bar .sdl a {
    color: #1C5F85;
    font-weight: bold;
}
#bar .sdl a img {
    border: 0px;
}
#bar .sdl .viewcarttop {
    text-align: right;
}
#bar .sdl .topsearchbar {
    position: absolute;
    right: 0px;
    bottom: 2px;
}

What code and exactly where do I add it for an image?

Second Question:

I recently changed my theme, and now I cannot upload photos to my site from my computer. I looked at the file paths. What it is doing is creating a new worpress/wp-content folder when it uploads instead of just putting it in the wp-content folder in the base folder. It then assigns a path to the picture for the wp-content base folder, which of course is not where the picture is.

How do I change where the picture is uploaded to and stop that automatic generation of a new folder?

Thank you!