Problemi con il mio tema

[jokerinos]

Problemi con il mio tema

Salve a tutti , come si va ? tutto bene ? spero di si , sono un new bie a livello di css e di template per wordpress , ho conoscenza del php pero' i css non mi entrano in testa quindi sto sbattendo la test per creare un semplice div.
Il mio problema sta che sto modificando un template di wordpress e mi sono fermato al primo livello cioe' vorrei far si che l'articolo di una categoria venga visualizzato in questa maniera :

bgdinformatica.it/esempio4.jpg

Parte di codice HTML
<div id="container">
<?php
if (have_posts()) : the_post();
$arc_year = get_the_time('Y');
$arc_month = get_the_time('m');
$arc_day = get_the_time('d');
?>

<div id="primapagina">

<div class="titoloprincipale">Le Ultime Notizie</div><br />

<div class="titolo"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></div><br />
<a href="#"><?php dp_attachment_image($post->ID, 'thumbnail', 'alt="' . $post->post_title . '" class="immaginearticolo1"'); ?></a><div class="testoarticolo"><?php the_excerpt(''); ?></div>

<div class="titoloright"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></div>
<a href="#"><?php dp_attachment_image($post->ID, 'thumbnail', 'alt="' . $post->post_title . '" class="immaginearticolo2"'); ?></a><div class="testoarticoloright"><?php the_excerpt(''); ?></div>

</div>

<?php endif; ?>
--- Fine Codice Html

--- Inizio Codice Css :
#navigation_right {
float: right;
padding: 20px 0 10px 0;
margin-right: 15px;
width: 190px;
border:thin;
}

h3 {
font-style:normal;
font:small-caption;
font-family:"Times New Roman", Times, serif;
font-size:large;
}

#novitadititolo {
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
float:left;
text-align:left;
}

#riassuntohome {
font-family:"Arial, Helvetica, sans-serif";
font-size:14px;
float:right;
text-align:justify;
position:relative;
left:10px;
right:10px;
}

#primapagina {
float: left;
padding:5px;
}

.titoloprincipale {
font-family:"Arial, Helvetica, sans-serif";
font-size:18px;
text-align:left;
text-transform:uppercase;
padding:4px;
text-weight:bold;
}

.titolo {
font-family:"Arial, Helvetica, sans-serif";
font-size:18px;
text-align:left;
text-transform:uppercase;
padding:4px;
}

.titoloright {
font-family:"Times New Roman", Times, serif;
font-size:18px;
text-transform:uppercase;
text-align:right;
padding:4px;
}

.testoarticolo {
font-family:"Arial , Helvetia , sans-serif";
font-size:14px;
font-style:normal;
text-align:left;
width: 640px;
float: left;
margin-left:145px;
}

.testoarticoloright {
font-family:"Arial , Helvetia , sans-serif";
font-size:14px;
font-style:normal;
text-align:right;
float: right;
margin-right:145px;
}

.immaginearticolo1 {
float: left;
margin: 0 5px 5px 0;
width: 125px;
}

.immaginearticolo2 {
float: right;
margin: 0 5px 5px 0;
width: 125px;
}

Vi ringrazio anticipatamente.
Cordiali saluti