CSS e Estruturação

Opa, estou começando com webstandards, e preciso de uma ajuda, é para a home de um site de tutoriais. Quero que fique assim:

/applications/core/interface/imageproxy/imageproxy.php?img=http://www.tutoruga.com.br/wp-content/uploads/2010/08/tutorugaduvida.jpg&key=68f1d073b9d0a0bab2183cb95851c2d7564391785c7347c794cda052fc641990" alt="Imagem Postada" />

desconsiderem o menu

e o html esta assim:

 <div id="posts">
 <div id="tutoriais">
 <div class="thumbs">
 <img src="" alt="" width="144" height="144" />
 </div>
 <div class="thumbs">
 <img src="" alt="" width="144" height="144" />
 </div>
 <div class="thumbs">
 <img src="" alt="" width="144" height="144" />
 </div>
 <div class="thumbs">
 <img src="" alt="" width="144" height="144" />
 </div>
 <div class="thumbs">
 <img src="" alt="" width="144" height="144" />
 </div>
 <div class="thumbs">
 <img src="" alt="" width="144" height="144" />
 </div>
 <div class="thumbs">
 <img src="" alt="" width="144" height="144" />
 </div>
 <div class="thumbs">
 <img src="" alt="" width="144" height="144" />
 </div>
 </div><!-- tutoriais -->
 <div id="adsense">

 </div><!-- adsense -->
 </div><!-- posts -->

Esta certa a estruturação? Como faço o css para ficar igual imagem?

ps: os thumbs possuem 144x144px e as divs 150x150px é uma borda de 3px.

Aguardo resposta. Obrigado!

Fabrício.