Gradient page background instead of solid color

Hello Sakin! I was wondering if you could help me with this? I'm currently using a gradient image as my page background image with a default background color of red. I'm thinking I can help my page load times by doing away with the graphic and creating a gradient background via CSS? I've tried several CSS mods but am having issue where no matter what colors I choose the color codes or names in the ( ) are turned red in CSS, where they would normally be colored dk. blue in the CSS editor and the change does not take place. Example CSS: body.custom-background { background: #BA3027; /* Show a solid color for older browsers */ background: -moz-linear-gradient(#000000, #BA3027); background: -o-linear-gradient(#000000, #BA3027); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#000000), to(#BA3027)); /* older webkit syntax */ background: -webkit-linear-gradient(#000000, #BA3027); } Thanks for any guidance you can provide.