Changing Basic Colors with CSS

[sethron]

So, I have a forum with multiple different banners and colors for each category. I did this via headers and footers changing basic colors and codes. 

Example: vampst.proboards.com
vampst.proboards.com/index.cgi?board=changeic2
vampst.proboards.com/index.cgi?board=VampIC


These are all the same board, using CSS to change the base theme in each header.

What I am looking for is how to translate those into the new script.

A basic idea of how to translate body into affecting the body again.

These things below don't work anymore for changing individual items via the header images. I need them to translate into being able to grab v5s code.

I tried, even, to change the wrapper on each header and it's not working. How do I make the headers work with the theme and adjust it? If I can figure this out, my forum doesn't lose its ability to have its custom themed areas..

I'm getting really desperate.

This is the basic header stylesheet changes at the top--the most basic ones. I just need the different names translated, that's all. How does body change in v5, why won't body change anything when put into the header? Do I have to delete something off the main css? Is it just a naming issue?

Please.

body { font-family: Verdana, Arial;font-size:12px; margin: 0px; padding: 0px; background: #000000 url(http://img259.imageshack.us/img259/9710/changelingglass.jpg) top center repeat;}

td { font-family: Verdana, Arial; color: #eeeeda; font-size:11px; }

input { font-family: Verdana, Arial; font-size: 9pt; color: #000000; }

textarea { font-family: Verdana, Arial; font-size: 9pt; color: #000000; }

select { font-family: Verdana, Arial; font-size: 7pt; color: #000000; }

optgroup { font-family: Verdana, Arial; font-size: 7pt; color: #000000; }

A:link { text-decoration: none; color: #efd56c; }

A:visited { text-decoration: none; color: #efd56c; }

A:hover { text-decoration: none; color: #fffdd5; }

.nav { font-size: 10px; text-decoration: none; color: #eeeeda; }

.nav:link { font-size: 10px; text-decoration: none; color: #efd56c; }

.nav:visited { font-size: 10px; text-decoration: none; color: #efd56c; }

.nav:hover { font-size: 10px; text-decoration: none; color: #fffdd5; text-decoration: none; }

.windowbg { background-color: #11141e; font-size: 11px; color: #eeeeda;}

.windowbg2 { background-color: #11141e; font-size: 11px; color: #eeeeda; }

.titlebg { background-color: #11141e; font-style: normal; font-weight: bold; font-size: 12px; color: #eeeeda; }

.titletext A { color: #eeeeda;}

.popuptitlebg { background-color: #212121; font-style: normal; font-weight: bold; font-size: 12px; color: #eeeeda; }

.catbg { background-color: #000000; color: #8ca7a1; font-weight: bold; font-size: 13px; ; }

.welcomebg { display:none; background-color: #000000; color: #000000; font-weight: bold; font-size: 13px; }

.hr { color: #eeeeda; background-color: #eeeeda;}

.quote { font-size: 10px; color: #eeeeda; background-color: #11141e; }

.code { font-size: 10px; font-family: Courier New; color: #eeeeda; background-color: #11141e; }

.menubg { background-color:#000000; }

#pagedropmenu {border: 1px solid #000000; background-color: #11141e; font-family: Verdana; font-size: 11px; padding: 5px; text-align: center;}

.newstitlebg { background-color: #212121; font-style: normal; font-weight: bold; font-size: 12px; color: #eeeeda; }

.nosheading {padding:0px; margin:0px;}