Дитто, дизайн - голову сломала уже

<div id="content">

<h1>Новости</h1>
<ul id="menu">
	<li><a href="/">Главная страница</a></li>
	<li>Новости</li>

</ul>			
<div class="w-15"><div class="col-content col-first">
	<p class="calendar"><span>02</span>June<br />2009</p>	
</div></div>
<div class="w-85"><div class="col-content col-last">
	<h3><a href="/index.php?id=454">Выставка "Деревообработка 2009" в Ижевске</a></h3>
       <p>Наша компания приняла участие в ежегодной региональной выставке «ДЕРЕВООБРАБОТКА 2009», прошедшей в Ижевске.</p>
</div></div><div class="w-15"><div class="col-content col-first">
	<p class="calendar"><span>06</span>May<br />2009</p>	

</div></div>
<div class="w-85"><div class="col-content col-last">
	<h3><a href="/index.php?id=10">Лесопромышленная выставка LIGNA 2009</a></h3>
       <p>С 18 по 22 мая компания посетит в Ганновере крупнейшую в мире специализированную выставку оборудования и технологий для лесной и деревообрабатывающей промышленности LIGNA 2009.</p>
</div></div>


<div id="arhive">
        <h4>Архив новостей</h4>
       Стр. <span class='ditto_currentpage'>1</span>

</div>

</div>

.calendar {
	text-align:center;
	color:#018029;
	padding-top:1.5em;
	background:transparent url(img/cal_bg.gif) no-repeat center 1.4em;
}
.calendar span {
	color:#333;
	display:block;
	font-weight:bold;
}
#arhive {
	margin:2em .5em;
}
#arhive h4 {
	color:#018029;
	margin-bottom:1em;
	background:transparent url( img/bg_h1.gif) repeat-x bottom left;
}
#arhive ul {
	margin:0;
	padding:0.5em 0 0 0;
	background-color:#fff;
}
#arhive li {
	display:inline;
	padding:0.2em 0.5em;
	background-color:#fff;
	background:none;
}
/*	Columns
------------------------------ */

.columns {
	width:100%;
	font-size:11px;
	overflow:hidden;
	vertical-align:top; 
}
.w-5, .w-10, .w-15, .w-20, .w-25, .w-30, .w-35, .w-40, .w-45, .w-50, .w-55, .w-60, .w-65, .w-70, 

.w-75, .w-80, .w-85, .w-90, .w-95, .w-100, .w-33, .w-66, .w-38, .w-62 { float: left; overflow: 

hidden; }

.col-content { padding: 0 6px; }

.col-first { padding-left: 0!important; }
.col-last { padding-right: 0!important; }

.col-content strong a {
	text-decoration:underline;
	color:#6b89b4;
	/* background:transparent url( img/bg_h1.gif) repeat-x bottom left; */
}

.w-5 { width: 5%; }
.w-10 { width: 10%; }
.w-15 { width: 15%; }
.w-20 { width: 20%; }
.w-25 { width: 25%; }
.w-30 { width: 30%; }
.w-35 { width: 35%; }
.w-40 { width: 40%; }
.w-45 { width: 45%; }
.w-50 { width: 50%; }
.w-55 { width: 55%; }
.w-60 { width: 60%; }
.w-65 { width: 65%; }
.w-70 { width: 70%; }
.w-75 { width: 75%; }
.w-80 { width: 80%; }
.w-85 { width: 85%; }
.w-90 { width: 90%; }
.w-95 { width: 95%; }
.w-100 { width: 100%; }

.w-33 { width: 33%; }
.w-66 { width: 66%; }

.w-38 { width: 38%; }
.w-62 { width: 62%; }

[!Ditto? &tpl=`news_all` &sortBy=`pub_date` &summarize=`10`  &dateSource=`pub_date` &dateFormat=`<span>%d</span>%B<br />%Y` &truncText=`>>` &paginate=`1` !]

<div class="w-15"><div class="col-content col-first">
	<p class="calendar">[+date+]</p>	
</div></div>
<div class="w-85"><div class="col-content col-last">
	<h3><a href="[(base_url)][~[+id+]~]">[+pagetitle+]</a></h3>
       <p>[+introtext+]</p>
</div></div>