/**
 * daily layout: first box is shaped as follows:
 *
 * <div class="newest">
 * <div class="box">
 *  <div class="date">date of post</div>
 *	<h2><span>box title</span></h2>
 *  <div class="content">
 * 		<a><img class="left_image" src="page thumbnail" /></a>
 *		<p '.tag::_class('details').'>box details</p>
 *		box content
 *		<div class="menu_bar right">box menu</div>
 *  </div>
 * </div>
 * </div>
 *
 * other boxes have the same layout, except the most external div:
 *
 * <div class="box">
 *  <div class="date">date of post</div>
 *	<h2><span>box title</span></h2>
 *  <div class="content">
 * 		<a><img class="left_image" src="page thumbnail" /></a>
 *		<p '.tag::_class('details').'>box details</p>
 *		box content
 *		<div class="menu_bar right">box menu</div>
 *  </div>
 * </div>
 *
 * @author Bernard Paques
 * @author Alexis Raimbault
 * @reference
 * @license http://www.gnu.org/copyleft/lesser.txt GNU Lesser General Public License
 */
 #newest{clear:left;margin:.5em 0 .5em 0;padding:.5em 0}#newest h2{margin-top:.5em}#newest p.date{margin-top:.5em}.post{position:relative;margin:1em 0 2em 60px;border-top:1px solid #999}.post h2{border:none;margin:0;padding-top:3px}.post h2,.post h2 span,.post h2 a,.post h2 a:hover,.post h2 a span{font-size:24px;line-height:normal;text-decoration:none}.date{width:60px;height:60px;overflow:hidden;font-family:Georgia,serif;font-size:20px;line-height:normal;color:#999;margin:0 auto;position:absolute;left:-60px;top:-1px;border-top:1px solid #999}.date .day{font-size:30px;position:absolute;left:0;top:13px}.date .month{font-size:16px;position:absolute;left:0;top:3px}.date .year{font-size:12px;position:absolute;left:3px;top:43px}