Come realizzare questa barra con css?

[Alejandro]

Mmm guarda com'era strutturato prima il css:

/*
	TOP 10 USERS
*/

.top10users {
    width: 300px;
}

.top10users .top {
    background-image: url('../img/top_10_users.png');
    background-position: top left;    
    background-repeat: no-repeat;
    height: 23px;
}

.top10users .middle {
    background-color: #f1f1f1;
    color: black;
    border-left: 1px solid #aeaeae;
/*    border-right: 1px solid #aeaeae;	*/
    padding-left: 0px;
    padding-right: 0px;
    width: 299px;   
}

ossia mi sembra che il mio programmatore abbia creato una classe per ogni blocco tipo: latest reviews, latest news, top10users, ecc.

Mi sa che il tutto cozzerebbe con creare uno stile per H1, H2 ecc o sbaglio? Certo che se il css è così a blocchi devo ripetere il codice per ogni barra una marea di volte no?