Haha, I have edited this 3 times now, i asked for help last two times, but i did it myself. heres the code:
body { background: #000000 url[img]http://elementscommunity.org/forum/Smileys/SoLoSMiLeYS1/fire18x18.png[/img] top; }
h3.catbg a, h3.catbg {color:#681800; font-style: italic;}
body, td, th, tr {color:#000000;}
.windowbg, #preview_body {color:#335566;}
#header { filter: alpha(opacity=80); opacity: .8; background: none; }
#upper_section { display: none }
[profile_left] | h3 { visibility: hidden }
#content_section { padding-top: 0px; filter: alpha(opacity=90); opacity: .9; background: none}
#admin_content { font-family:"Lucida Calligraphy"; font-weight: bold; font-size: 14pt; table {visibility: hidden} }
#profile_right:before { }
Basically to change the element of the icon just change the fire part of the code to the element you want (for
change ...SoLoSMiLeYS1/fire18x18.png to ...SoLoSMiLeYS1/air18x18.png) and if you want the big icons change the 18x18 part to 120x120 (so:...SoLoSMiLeYS1/air18x18.png to ...SoLoSMiLeYS1/air120x120.png) and if you want the square marks, change the end of the url to MarkOf*Element*.gif (in this case: ...SoLoSMiLeYS1/air18x18.png to ...SoLoSMiLeYS1/MarkOfAir.gif)
Thanks smuglapse