I am attempting to combine my background images into CSS Sprites, and Google Page Speed gives me the following recommendations:

The following images served from yourdomain.com should be combined into as few images as possible using CSS sprites.

* /includes/templates/cherry_zen/images/delim_h.gif
*/includes/templates/cherry_zen/images/delim_v.gif
*/includes/templates/cherry_zen/images/orange/header.gif
* /includes/templates/cherry_zen/images/orange/sideboxbg.gif
* /includes/templates/cherry_zen/images/orange/tableftE.gif
* /includes/templates/cherry_zen/images/rounded-search-input.gif
* /includes/templates/cherry_zen/images/shadow_e.png
* /includes/templates/cherry_zen/images/shadow_n.png
* /includes/templates/cherry_zen/images/shadow_ne.png
* /includes/templates/cherry_zen/images/shadow_nw.png
* /includes/templates/cherry_zen/images/shadow_s.png
* /includes/templates/cherry_zen/images/shadow_se.png
* /includes/templates/cherry_zen/images/shadow_sw.png
* /includes/templates/cherry_zen/images/shadow_w.png

Does anybody know the proper code to implement for this?