/**
 * 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 { /* the most new article at the home page, in layouts: daily, digg, slashdot */
	clear: left;
	margin: 0.5em 0 0.5em 0;
	padding: 0.5em 0;
}

#newest h2 { /* space above title to be partly delegated to the containing div */
	margin-top: 0.5em;
}

#newest p.ddate { /* space above date to be partly delegated to the containing div */
	margin-top: 0.5em;
}

.post {
	position: relative;
	margin: 1em 0 2em 10px; /* left margin to display post date */
	display: flex;
	max-height: 200px;
	overflow: hidden;
}

.post h2 {
	border: none;
	margin: 0;
	padding-top: 3px;
}
.image {
	overflow: hidden;
	min-width: 220px;
}
@media (max-width : 480px) {
	.image {
	overflow: hidden;
	min-width: 136px;
}
}
.post h2,
.post h2 span,
.post h2 a,
.post h2 a:hover,
.post h2 a span {
	font-size: 1.8rem;
	line-height: normal;
	text-decoration: none;
	color:#01b3a7;
}

.post .introduction {
	padding-top:20px;
	font-size: 1.6rem;
}

/* you can also rotate some date elements, as explained at http://www.wplover.com/1449/easier-date-display-technique-with-css-3/ */
.texte {
	margin-left:20px;
}
.ddate { /* date of a post */
	font-size: 14px;
        border-radius:5px;
        display:inline-block;
        line-height: 1.5em;
        padding:0 16px ;
        color: #69c9c7;
        background: #e9f7f7;
        border:1px solid  #01b3a7;
        margin:5px auto;
}

.ddate .day { /* day of the post */
	font-size: 30px;
}

.ddate .month { /* month of the post */
	font-size: 16px;
}

.ddate .year { /* year of the post */
	font-size: 12px;
}