Problém s CSS

Zdravím,
vopred sa ospravedlňujem za nasledujúci príspevok, ale nie som v CSS až taký zbehlý. Mám taký problém, že chcel by som na hlavnej stránke nastaviť background-color článkom. Problém ale je, že keď so to nastavil, podfarbenie sa nastavilo aj pre články na ostatných stránkach, nielen na hlavnej. Vie mi niekto poradiť, ako dosiahnuť pomocou CSS, aby mali podfarbnenie nastavené iba články na hlavnej stránke? Napadlo mi využiť PageClass, ktorý nastavím hlavnej stránke v menu, ale neviem, či to robím dobre. Do PageClass som napísal "MyHomePage" a do templatu šablóny nasledovné:

div.MyHomePage article.item {
margin-bottom: 10px;
background-color: #f5f5f5;
margin: 0 5px 12px 12px;
padding: 5px;
width: 275px;
height: 820px;
}

Na stránke sa však nič nepremietlo. Čo robím zle?
Ešte mi napadlo, že by som to mohol urobiť aj cez samostatné CSS-ko, ale neviem, kde mám názov CSS súboru napísať a či ho napísať aj s príponou, alebo bez prípony.
Tu je ukážka, ako by som to chcel, ale iba na hlavnej stránke:

www.ksjl.ff.ukf.sk/

Vďaka za každú radu!

Funguje to, pretože teraz to mám zapnuté len na ukážku pre všetky articles, teraz to mám v CSS takto:
article.item {
margin-bottom: 10px;
background-color: #f5f5f5;
margin: 0 5px 12px 12px;
padding: 5px;
width: 275px;
height: 820px;
}
Takto to funguje. Len problém je, že to chcem použiť iba na hlavnej stránke, teraz sa to použije na všetky stránky. Odkomentovanie som už skúšal...

Druhá možnosť je použiť modul
extensions.joomla.org/extension/blank-module/
do neho vložiť CSS, alebo link na CSS súbor
nastaviť na existujúcu pozíciu podľa šablóny a priradiť pre hlavnú stránku

Nemusí to fungovať pre akúkoľvek šablónu, treba vyskúšať...

Vďaka za tip s tou kópiou šablóny, funguje to . Skúšal som i ten modul, ale to nešlo... Ale aj tak vďaka .