taking the bakround out of this layout.. Options

[alli]

umm yahh i reallyyy like this layout..but i dont like the picture in the bakround..and i cant figure out how to delete it.. if someone can tell me how to delete it..or take it out? and just give me the code?? thankss


<style type="text/css">
/* Something Corporate 2 */
/* ITSxMExANDxTHExMOON */
body {
background-color: #ffffff;
background-image:url(http://img.photobucket.com/albums/v342/TelescopeEyesx/amazinggrace.jpg);
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center right scrollbar-arrow-color: #FDADCB;
scrollbar-track-color: #ffffff;
scrollbar-shadow-color: #FDADCB;
scrollbar-face-color: #FDADCB;
scrollbar-highlight-color: #FDADCB;
scrollbar-darkshadow-color: #ffffff;
scrollbar-3dlight-color: #ffffff;
}

.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
font:normal 11px arial;
line-height:10px;
color: #000000;
letter-spacing:0px;
text-align:justify;
}

table.footer TD {
/* this makes the footer at the bottom centered */
/* leave it alone unless you know what to do*/
text-align: center;
}

div.blogheader, .caption {
/* edits the dates */
font-family: Arial;
font-size:25pt;
color:#000000;
cursor:default;
text-align:center;
letter-spacing:-2pt;
text-transform: lowercase;
line-height:14pt;
background-color: transparent;
background-image:url();
background-repeat: no-repeat;
border:0px dashed #000000
}

a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
color:#00C0C0;
text-decoration: none;
}

a:visited, a.footernav:visited, {
/* edits the links that the user has visited */
color:#000000;
text-decoration: none;
}

a:hover {
/* edits when user mouseovers the links */

font-color: #FDADCB;
border: 2px solid #000000
cursor: ne-resize;
text-decoration: none;
}

input, select, textarea, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
border: 3px solid #000000;
font:normal 11px arial;
background-color: #00C0C0;
letter-spacing:0px;
color: #ffffff;
}

table.left {
/* this edits the menu module */
border: 6px solid #FDADCB;
width:160px;
background-color: transparent;
}

table.blogbody {
/* this edits the other the place where the blog is */
font-family:arial;
font-size:15pt;
color:#000000;
cursor:default;
text-align:justify;
background-color: #ffffff;
border:#FDADCB solid 6px}

table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
background-image: url(none);
background-color: #ffffff;
font-family: Arial ;
font-size:15pt;
color:#000000;
text-transform: lowercase;
color: #00C0C0;
}
table.left TD {
/* on your menu module, this edits the body part of it */
background-image: url(none);
background-color: #ffffff;
border: none;
}

table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
background-color: transparent;
border: 3px solid #ff0000;
}
table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
border: 0px solid #8b0000;
}
table.navigation, table.main, table.footer {
/* the width of your blog with modules */
width: 542px;
}
hr {
/* horizontal divider */
border: 10px dashed #000000;
}

</style>

<style type=text/css>

BODY
{border-style: dashed;
border-top-width: 15px;
border-bottom-width: 15px;
border-left-width: 15px;
border-right-width: 15px;
border-color: #00C0C0;}
</style>
<style type="text/css"><!-- a:hover {background:url(http://members.asianavenue.com/risa-cute-image/starglow.gif); text-decoration: none;} //--></style

[lhuvhurts]

<style type="text/css">
/* Something Corporate 2 */
/* ITSxMExANDxTHExMOON */
body {
background-color: #ffffff;
background-image:url(http://img.photobucket.com/albums/v342/TelescopeEyesx/amazinggrace.jpg);

change the url to an image of your choice or just take it out all together...its in the code in the layout its up the top..