[Resolvido] Alterar CSS de 3 em 3 ítens, porém em listas diferent

Fala moçada bonita :lol:

Tenho o seguinte case:

 <ul class="portfolio">
 <li><a href="/site/content/portfolio/prints/hq-yeling-cartaz-100.jpg"><img class="tipsys" src="/site/content/portfolio/prints/yeling-cartaz-100.jpg" title="Luvas Yeling - Cartaz 100%" alt="uvas Yeling - Cartaz 100%" /><span>Luvas Yeling</span></a></li>
 <li><a href="/site/content/portfolio/prints/hq-yeling-cartaz-limpeza.jpg"><img class="tipsys" src="/site/content/portfolio/prints/yeling-cartaz-limpeza.jpg" title="Luvas Yeling - Cartaz Limpeza" alt="Luvas Yeling - Cartaz Limpeza" /><span>Luvas Yeling</span></a></li>
 <li><a href="/site/content/portfolio/prints/hq-yeling-cartaz-mulher.jpg"><img class="tipsys" src="/site/content/portfolio/prints/yeling-cartaz-mulher.jpg" title="Luvas Yeling - Cartaz Mulher" alt="Luvas Yeling - Cartaz Mulher" /><span>Luvas Yeling</span></a></li>
 </ul>

 <ul class="portfolio">
 <li><a href="/site/content/portfolio/prints/hq-yeling-informativo-externo.jpg"><img class="tipsys" src="/site/content/portfolio/prints/yeling-informativo-externo.jpg" title="Luvas Yeling - Informativo (externo)" alt="Luvas Yeling - Informativo (externo)" /><span>Luvas Yeling</span></a></li>
 <li><a href="/site/content/portfolio/prints/hq-yeling-informativo-interno.jpg"><img class="tipsys" src="/site/content/portfolio/prints/yeling-informativo-interno.jpg" title="Luvas Yeling - Informativo (interno)" alt="Luvas Yeling - Informativo (interno)" /><span>Luvas Yeling</span></a></li>
 </ul>
 <ul class="portfolio">
 <li><a href="/site/content/portfolio/prints/hq-yeling-encarte-externo.jpg"><img class="tipsys" src="/site/content/portfolio/prints/yeling-encarte-externo.jpg" title="Luvas Yeling - Encarte (externo)" alt="Luvas Yeling - Encarte (externo)" /><span>Luvas Yeling</span></a></li>
 <li><a href="/site/content/portfolio/prints/hq-yeling-encarte-interno.jpg"><img class="tipsys" src="/site/content/portfolio/prints/yeling-encarte-interno.jpg" title="Luvas Yeling - Encarte (interno)" alt="Luvas Yeling - Encarte (interno)" /><span>Luvas Yeling</span></a></li>
 </ul>

Como podem ver, são várias UL's com itens dentro.

Gostaria que a cada 3 itens, o javascript atribuisse um margin-right = 0.

Fiz a lógica em jQuery:

	$("#coluna-direita #conteudo.interno ul.portfolio li").each(function(index){
 var multiplo = (index+1) % 3;
 if(multiplo == 0)
 {
 $(this).css("margin-right","0");
 }
	});

Porém, se a lista tem menos de 3 itens, ele quebra no lugar errado o margin-right. Ele está somando todas as LIs das ULs, e deveria ser apenas de cada lista...

conseguiram entender?

Vou colocar uma imagem exemplificando:

/applications/core/interface/imageproxy/imageproxy.php?img=http://img825.imageshack.us/img825/4176/errowl.jpg&key=27fd09756fc0b9faa02d7155324cf9ee63a2402fb6bd30f2421782487d9fcdd6" alt="errowl.jpg" />

Como podem ver, realmente na soma dos itens, ele está executando de 3 em 3. Mas são listas diferentes. Gostaria que quebrasse de 3 em 3, começando nas ULs.

Deu pra entender? rs

O que falta para a lógica funcionar?