Hi,

I'm interested in being able to easily change my site's colors. I've got a main color and a secondary color. Sometimes the main color is maroon and the secondary color is gold, but they may change. I have a lot of design elements that I've defined as classes, that are applied to <div>'s, e.g.:

Code:
.tabbar       {
                position: absolute;
                margin: 0px;
                top: -31px;
                left: 5px;
                width: 710px;
                height: 24px;
                text-align: left;
                background: maroon;
              }
.textarea     {
                position: absolute;
                margin: 0px;
                padding-left: 17px;
                padding-right: 42px;
                padding-top: 17px;
                padding-bottom: 17px;
                top: 0px;
                left: 428px;
                height: 285px;
                width: 282px;
                font-family: verdana, arial, sans-serif;
                font-size: 7pt;
                line-height: 1.4em;
                text-align: left;
                background: gold;
              }
What I'd like is for .textarea to get the secondary color, not hardcoded to gold and for .tabbar to get the main color, not hardcoded either. Then I could just assign colors to main and secondary just once and see what the results for the entire site would be. Any ideas?

Thanks,

cudabean