ho un foglio di stile col seguente testo:

[code]
#layer1 { width:400px; }
#layer1 br { clear:both; }
#layer1 ul { list-style:none; padding:0; margin:0; }
#layer1 ul li { float:left; width:40px; }
#layer1 ul li a { text-decoration:none; font-weight:bold; }
#layer1 ul li a:hover { text-decoration:none; text-transform: uppercase; }
#layer1 ul li a b { color:#000000; background-color:#FFFFFF; text-transform:uppercase; }
[code]

converrete con me che c'è un uso smodato ed inutile (date le ripetizioni) del nome #layer1

---------------------------------------------

come posso ridurre notevolmente il peso del css (15 kb)?

a conti fatti il css e l'html pigliano più spazio del testo del contenuto vero e proprio!