[Silencer]

<div class="title">
  <span class="date"><?php the_time('j.') ?>
  <span class="day"><?php the_time('M') ?></span>
  <span class="year"><?php the_time('Y') ?></span>
  </span>
</div>

.title{
margin-top:10px;
padding: 0 0 0 20px;
}

.date {
background: transparent url(images/date.gif) no-repeat;
width: 45px;
height: 49px;
float:left;
font-size:0.8em;
text-transform: uppercase;
color:#FFF;
text-align: center;
display:block;
line-height:11px;
padding-top:4px;
margin:0 10px 0 0;
}

.date .day {
color:#ccc;
display:block;
font-weight:bold;
line-height: 11px;
padding:5px 0 3px 0;
}

.date .year {
color:#555;
display:block;
font-size:0.9em;
line-height:1.1em;
padding:1px;
margin:0 0 5px 0;
}

das ganze sieht bei mir dann so aus:
http://img12.myimg.de/datea934d.gif