I used a public domain image (fire) then wrote the css around it... yeah...

Others:
Water

-----*****-----NOTE-----*****-----
DA WON'T LET ME EDIT THE CODE, SO IF YOU WISH TO MAKE THE TEXT MORE VISABLE, REPLACE THE CODE UNDER OPTIONS>>SKIN CSS TO READ THE FOLLOWING:
{WHERE IT SAYS [link] THE IMG CODE IS THIS: http//fc06.deviantart.net/fs50/o/2009/315/2/2/143315024_95696_myflameedit01 with a .jpg at the end}

.journalbox {
background-color: #000000 !important;
background-image: url([link]);
background-position: bottom right;
background-repeat: no-repeat;
border: none;
padding: none;
font-family:tahoma;
font-size:14px;

-moz-border-radius: 8px;
-webkit-border-radius:8px;

}

.journalbox .list li {
background-color: transparent !important;
color: #FFFFFF !important;
}

.journalbox .list li.a {
background-color: transparent !important;
color: #FF6600 !important;
}

.journalbox h2 {
color: black !important;
font-family:georgia,serif,tahoma;
font-variant:small-caps;
margin-top:20px;
background-color:#CC8833;
opacity:.7;
padding:5px;
}

.journalbox .journaltop {
background-color: transparent;
text-align: center !important;
color: #FFFFFF !important;
font-size: 10px;

}

.journalbox a {
color: #FF6600 !important;
}

.journalbox a:hover {
color: #FFFFFF !important;
}

.journalbox .journalbottom a.commentslink {
color: #FFFFFF !important;
}

.journalbox .journalbottom a.prevlink {
color: #FFFFFF !important;
}

.journalbox .journalbottom a.commentslink:hover {
color: #FFFFFF !important;
}

.journalbox .journalbottom a.prevlink:hover {
color: #FF6600 !important;
}

.journalbox .journaltext .content {

}

.journalbox .journalbottom {
background-color: transparent !important;
padding-top: 6px;
}


.journalbox .journaltop img {
display: none !important;
}

.box1 {
background-color:#CC8833;
opacity:.7;
margin-left: 20%;
margin-right: 20%;
padding-left:10px;
padding-right: 10px;
margin-top: 150px;
border: 0px white solid;
-moz-border-radius: 8px;
-webkit-border-radius:8px;
font-weight: 100%;
}

.title1 {
color: #FFFFFF !important;
font-family:georgia,serif,tahoma;
font-variant:small-caps;
font-size: 20px;
border-bottom:2px white solid;
margin-right:20%;
margin-left:20%;
text-align:center;
}

.scrollbox1 {
overflow: auto;
height: 200px;
margin-left: 10px;
margin-right: 10px;
border-left: 2px white solid;
padding: 10px;
}