Have You tried a search in this Forum? 🙂
You have to change the image & color code in the background line:
#top-bar {
background: url("images/sprite_h.png") repeat-x scroll right -196px #000000;
border-bottom: 1px solid #191919;
height: 54px;
position: relative;
z-index: 10;
}
#footer {
background: url("images/sprite_h.png") repeat-x scroll left -117px #000000;
box-shadow: 0 -3px 5px 0 #000000;
height: 49px;
position: relative;
}
Its a simple CSS trick, also described with text effect here:
http://webdesignerwall.com/tutorials/css-gradient-text-effect
Kim