ciao, sto provando ad usarele funzioni nei fogli di stile, ma non capisco perchè non funziona. La sintassi sembra corretta

vi scrivo il codice così capite megio

codice:
@color: #000;

.header{
	background-color:@color;
	.aa;
	width:100%;
	height:55px;
	border:1px solid;
}

.aa(){
	background-color:#F96;
}
il background di #header non diventa nero, e non entra nemmeno nella funzione aa().
Sapete darmi qualche dritta su come si usa questo tipo di "linguaggio"

ho guardanto anche sul sito lesscss.org e usato il file js
<script src="js/less.js" type="text/javascript"></script>

ma non funziona comunque...

ps: quello che ho scritto nella funziona aa è una prova, ovvio che non voglio usare 2 background color ;-)