style.css

/*
Theme Name:24 jours de web
Theme URI:http://www.24joursdeweb.fr
Description:Thème de 24 jours de web, édition 2014
Version:3.0.0
Author:Rémi
Author URI:http://www.hteumeuleu.fr
*/

/**
 * 1. Header
 * 2. Footer
 * 3. Calendrier
 * 4. Article
 * 5. Bundle
 */

/**
 * Styles globaux
 */
* {
	margin:0;
	padding:0;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

body {
	min-width:17.5em;
	color:#595959;
	font:1em/1.5 Georgia, serif;
	background-color:#fafafb;
	scroll-behavior:smooth;
}

a {
	color:inherit;
}

a img {
	border:none;
}

textarea {
	padding:0.5em 1em;
	width:100%;
	color:#777;
	font:0.8125em 'Lucida grande', sans-serif;
	border:1px solid #aaa;
	border-radius:0.25em;
	resize:vertical;
	min-height:2em;
}

.wrap {
	width:41.8em;
	margin:0 auto;
}

/**
 * Header
 */
.header {
	position:relative;
}

	.header--2013 .wrap,
	.header--2014 .wrap {
		min-height:21.875em;
	}

	.header .logo {
		width:10em;
		margin:0 auto 0.5em;
		padding-top:3em;
		font-size:1em;
	}

		.header .logo img {
			display:block;
			width:100%;
			height:auto;
		}

	.header .baseline {
		width:16em;
		margin:0 auto;
		padding:0 1em;
		color:#aa160e;
		font-family:sans-serif;
		font-size:0.625em;
		line-height:1.25;
		text-align:center;
	}

	/* Header simple */
	.header--back {
		padding:0.4em 0 0.6em;
		margin-bottom:3.5em;
		text-align:left;
		color:#fff;
		vertical-align:baseline;
		background:#4a725b;
	}

		.logo-link,
		.comments-link {
			display:inline-block;
			font-size:1em;
			line-height:2;
			text-decoration:none;
		}

			.logo-link:hover, .comments-link:hover {
				opacity:0.8;
			}

			.logo-link:before {
				content:'\2039';
				margin-right:0.3em;
			}

		.comments-link {
			float:right;
		}

			.comments-link:after {
				content:'\25BC';
				margin-left:0.3em;
				font-size:0.8em;
			}

/**
 * Footer
 */
.footer {
	margin:2em 0;
	padding:0 2em;
	font-size:0.8em;
	text-align:center;
}

	.footer-links {
		list-style:none;
		font-size:0;
	}

		.footer-links li {
			display:inline;
			font-size:13px;
			font-size:0.8rem;
		}

		.footer-links a {
			padding:0 0.5em;
			text-decoration:none;
			white-space:nowrap;
		}

		.footer-links a:hover {
			text-decoration:underline;
		}

	@media only screen and (min-width:30em) {
		.footer-links li:not(:last-child):after {
			content:'|';
		}
	}

	@media only screen and (max-width:30em) {
		.footer {
			padding:0;
			margin:0;
		}

		.footer-links li {
			display:block;
			border-bottom:1px solid #c6ccc8;
		}

			.footer-links li:last-child {
				border-bottom:none;
			}

		.footer-links a {
			display:block;
			padding:1em;
		}
	}

/**
 * Calendrier
 */
body.home .page.wrap, body.date .page.wrap {
	width:57.5em;
}

.calendar {
	position:relative;
	margin-top:1.5em;
	display:block;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-direction:row;
	-ms-flex-direction:row;
	flex-direction:row;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-align-items:stretch;
	-ms-flex-align:stretch;
	align-items:stretch;
	width:100%;
}

	.day,
	.day-off {
		-webkit-flex-grow:1;
		-ms-flex:1 0 auto;
		flex-grow:1;
		position:relative;
		width:15.625em;
		min-height:15.625em;
		list-style:none;
		border:3px solid transparent;
	}

	.day {
		position:relative;
		z-index:1;
		display:block;
		display:-webkit-flex;
		display:-ms-flexbox;
		display:flex;
		-webkit-align-items:stretch;
		-ms-flex-align:stretch;
		align-items:stretch;
		-webkit-justify-content:stretch;
		-ms-flex-pack:stretch;
		justify-content:stretch;
		-webkit-perspective:80em;
		perspective:80em;
	}

		.day:hover {
			z-index:2;
		}

	.day-link {
		display:block;
		overflow:hidden;
		display:-webkit-flex;
		display:-ms-flexbox;
		display:flex;
		-webkit-flex-direction:column;
		-ms-flex-direction:column;
		flex-direction:column;
		width:100%;
		min-height:100%;
		padding:1em;
		font-size:1.25em;
		color:#002c3e;
		text-decoration:none;
		word-wrap:break-word;
		-webkit-transform-origin:50% 0;
		transform-origin:50% 0;
		-webkit-transform-style:preserve-3d;
		transform-style:preserve-3d;
		-webkit-transform:rotateX(0);
		transform:rotateX(0);
		transition:-webkit-transform cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.4s 0.1s;
		transition:transform cubic-bezier(0.5, 1.5, 0.5, 1.5) 0.4s 0.1s;
		background-color:#89ab83;
	}

		.day:nth-child(3n+1) .day-link { background:#c6c095; }
		.day:nth-child(3n+2) .day-link { background:#b6c194; }
		.day:nth-child(3n+3) .day-link { background:#dae4ce; }

	.day-number {
		display:block;
		margin:-0.5em 0 0.5em -0.5em;
		width:2.7em;
		height:2.45em;
		text-align:center;
		font-size:1em;
		line-height:2.45em;
		white-space:nowrap;
		color:#aa160e;
		font-weight:bold;
		letter-spacing:-0.05em;
		background:url(images/number.png) no-repeat 0 0;
		background-size:cover;
	}

	.day-title {
		-webkit-flex-grow:1;
		-ms-flex-positive:1;
		flex-grow:1;
		position:relative;
		display:block;
		color:#3a3122;
		line-height:1.3;
	}

	.day-author {
		position:relative;
		display:block;
		padding-top:1em;
		margin-top:1em;
		color:#3a3122;
		font-size:0.8em;
		line-height:1;
		font-style:italic;
	}

		.day-author:before {
			content:'';
			position:absolute;
			left:0;
			top:0;
			display:block;
			width:64px;
			height:2px;
			background:#fff;
		}

	.day-off {
		display:block;
		display:-webkit-flex;
		display:-ms-flexbox;
		display:flex;
		-webkit-align-items:stretch;
		-ms-flex-align:stretch;
		align-items:stretch;
		-webkit-justify-content:center;
		-ms-flex-pack:center;
		justify-content:center;
		color:#c6ccc8;
	}

		.day-off-cell {
			display:block;
			display:-webkit-flex;
			display:-ms-flexbox;
			display:flex;
			-webkit-align-items:center;
			-ms-flex-align:center;
			align-items:center;
			-webkit-flex-grow:1;
			-ms-flex-positive:1;
			flex-grow:1;
			border:1px dashed #c6ccc8;
		}

		.day-off-number {
			display:block;
			-webkit-flex-grow:1;
			-ms-flex-positive:1;
			flex-grow:1;
			vertical-align:middle;
			font-size:3em;
			letter-spacing:-0.05em;
			text-align:center;
		}

	@media only screen and (min-width:63.125em) {
		.day,
		.day-off {
			width:25%;
		}

			.day-off:nth-child(8n + 1),
			.day-off:nth-child(8n + 1) ~ .day-off {
				width: 12.5%;
				min-height:7.8125em;
			}
	}

	@media only screen and (min-width:46.875em) and (max-width:63.125em) {
		.day,
		.day-off {
			width:33.33333333%;
		}

			.day-off:nth-child(6n + 1),
			.day-off:nth-child(6n + 1) ~ .day-off {
				width:16.6666667%;
				min-height:7.8125em;
			}
	}

	@media only screen and (min-width:31.25em) and (max-width:46.875em) {
		.day,
		.day-off {
			width:50%;
		}

			.day-off:nth-child(4n + 1),
			.day-off:nth-child(4n + 1) ~ .day-off {
				width: 25%;
				min-height:7.8125em;
			}
	}

	@media only screen and (min-width:31.25em) {
		.day-link:hover,
		.day-link:focus {
			-webkit-transform:rotateX(20deg);
			transform:rotateX(20deg);
		}
	}

	@media only screen and (max-width:31.25em) {
		.calendar {
			-webkit-flex-wrap:nowrap;
			-ms-flex-wrap:nowrap;
			flex-wrap:nowrap;
			-webkit-flex-direction:column;
			-ms-flex-direction:column;
			flex-direction:column;
		}

		.home .calendar {
			-webkit-flex-direction:column-reverse;
			-ms-flex-direction:column-reverse;
			flex-direction:column-reverse;
		}

		.day,
		.day-off {
			min-height:0;
			width:auto;
		}

		.day-off {
			display:none;
		}

		.day-link {
			display:block;
			-webkit-transform:none;
			transform:none;
		}

			.day-link:hover {
				-webkit-transform:none;
				transform:none;
			}
	}

	/* Support des vieux navigateurs, sans flex-wrap */
	.no-flexwrap .calendar {
		display:block;
		overflow:hidden;
	}

	.no-flexwrap .day,
	.no-flexwrap .day-off {
		float:left;
	}

	.no-flexwrap .day-link,
	.no-flexwrap .day-off-number {
		height:250px;
		height:15.625rem;
		overflow:auto;
	}

	@media only screen and (max-width:31.25em) {
		.no-flexwrap .day {
			width:100%;
		}
	}

/* Archive */
.archive-title {
	margin:0.5em 0;
	color:#4a725b;
	font-size:1.8em;
	text-align:center;
}

/* 2014 */
.header--2014 {
	background:url(images/header/2014/background.png) repeat-x center top;
}

	.header--2014 .wrap {
		background:url(images/header/2014/illustration.png) no-repeat center top;
		background-size:cover;
	}

	.header--back--2014 { background-color:#4a725b; }

/* 2013 */
.archive--2013 {
	background-color:#00141c;
}

	.archive--2013 .baseline,
	.archive--2013 .archive-title {
		color:#e6daa8;
	}

	.archive--2013 .footer {
		color:#9aafb7;
	}

	.archive--2013 .calendar {
		background-color:#fff;
		border:3px solid #fff;
	}

	.archive--2013 .day-author:before {
		background-color:#d9c98c;
	}

	.archive--2013 .header {
		background:#002c3e url(images/header/2013/stars.png) repeat-x center top;
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#002c3e), color-stop(99%,#019397));
		background:-webkit-linear-gradient(top,  #002c3e 0%,#019397 99%);
		background:url(images/header/2013/stars.png) repeat-x center top, linear-gradient(to bottom,  #002c3e 0%,#019397 99%);
	}

	.archive--2013 .header .wrap {
		width:auto;
		max-width:62.5em;
		background-image:url(images/header/2013/illustration.png);
		background-size:contain;
		background-position:center bottom;
		background-repeat:no-repeat;
	}

		.archive--2013 .day-link { background-color:#d6ceaf; }
		.archive--2013 .day:nth-child(3n+1) .day-link { background-color:#d6ceaf; }
		.archive--2013 .day:nth-child(3n+2) .day-link { background-color:#e6e0cd; }
		.archive--2013 .day:nth-child(3n+3) .day-link { background-color:#bbc8bf; }

	.header--back--2013 { background-color:#00141c; }

/* 2012 */
.archive--2012 {
	border-top:5px solid #E13930;
	background:#fff;
}

	.archive--2012 .archive-title {
		font-size:2em;
		color:#E1392C;
	}

	.header--2012 .wrap {
		min-height:0;
		padding-top:2em;
		padding-bottom:2em;
	}

	.header--2012 .baseline {
		width:auto;
		color:#595959;
		font:1.1em/1.5em Georgia, serif;
	}

	.header--2012 .logo {
		padding-top:0;
		margin-bottom:0;
		width:auto;
		color:#e1392c;
		font-size:2.31em;
		text-align:center;
	}

		.header--2012 .logo a {
			text-decoration:none;
		}

	.header--back--2012 { background-color:#e13930; }

	.archive--2012 .calendar-day--2012:nth-child(5n+1) .calendar-day-link--2012 {
		background-color:#accbbb;
	}

	.archive--2012 .calendar-day--2012:nth-child(5n+2) .calendar-day-link--2012 {
		background-color:#3e403d;
	}

	.archive--2012 .calendar-day--2012:nth-child(5n+3) .calendar-day-link--2012 {
		background-color:#dad3a7;
	}

	.archive--2012 .calendar-day--2012:nth-child(5n+4) .calendar-day-link--2012 {
		background-color:#a90d01;
	}

	.archive--2012 .calendar-day--2012:nth-child(5n+5) .calendar-day-link--2012 {
		background-color:#740700;
	}

.calendar--2012 { position:relative; padding:6px; margin:0; text-align:center; box-sizing:border-box; }
	.calendar--2012 * { box-sizing:border-box; }
	.calendar-day--2012 { display:inline-block; padding:6px; width:112px; height:112px; list-style:none; text-align:right; }
		.calendar-day-link--2012, .calendar-day-off--2012 { display:block; width:100%; height:100%; padding:6px; font-size:32px; color:#fff; text-decoration:none; background:#ccc no-repeat 0 0; box-sizing:border-box; transition:transform linear 0.3s; }
			.calendar-day-link--2012:hover { -webkit-transform:scale(1.2); transform:scale(1.2); }
		.calendar-day-off { background:#ddd; }
		.calendar-day-01 { background-image:url(images/calendar/icon01.png); }
		.calendar-day-02 { background-image:url(images/calendar/icon02.png); }
		.calendar-day-03, .calendar-day-18 { background-image:url(images/calendar/icon03.png); }
		.calendar-day-04, .calendar-day-19 { background-image:url(images/calendar/icon04.png); }
		.calendar-day-05, .calendar-day-21 { background-image:url(images/calendar/icon05.png); }
		.calendar-day-06, .calendar-day-22 { background-image:url(images/calendar/icon06.png); }
		.calendar-day-07, .calendar-day-23 { background-image:url(images/calendar/icon07.png); }
		.calendar-day-08, .calendar-day-24 { background-image:url(images/calendar/icon08.png); }
		.calendar-day-09, .calendar-day-25 { background-image:url(images/calendar/icon09.png); }
		.calendar-day-10, .calendar-day-26 { background-image:url(images/calendar/icon10.png); }
		.calendar-day-11, .calendar-day-27 { background-image:url(images/calendar/icon11.png); }
		.calendar-day-12, .calendar-day-28 { background-image:url(images/calendar/icon12.png); }
		.calendar-day-13, .calendar-day-29 { background-image:url(images/calendar/icon13.png); }
		.calendar-day-14 { background-image:url(images/calendar/icon14.png); }
		.calendar-day-15 { background-image:url(images/calendar/icon15.png); }
		.calendar-day-16 { background-image:url(images/calendar/icon16.png); }
		.calendar-day-17 { background-image:url(images/calendar/icon17.png); }

.posts-list--2012 { max-width:49.75em; margin:0 auto; border-top:1px solid #ccc; font-size:1em; line-height:1.2em; }
	.list-post--2012 { list-style:none; border-bottom:1px solid #ccc; list-style-position:inside; }
	.list-post-link--2012 { position:relative; overflow:hidden; display:block; padding:10px 0; text-decoration:none; }
		.list-post-link--2012:hover { background:#ddd; }
		.list-post-day--2012 { float:left; width:5%; min-width:40px; color:#999; }
		.list-post-title--2012 { float:left; width:90%; }
		.list-post-author--2012 { color:#999; }

@media screen and (max-width:49.75em) {
	.posts-list--2012 { margin:0 12px; }
}

/**
 * Article
 */
.post-title {
	margin:0 0 1.5rem;
	color:#aa160e;
	font-size:3em;
	font-weight:normal;
	text-align:center;
}

.post-meta {
	margin-bottom:2em;
	color:#595959;
	font-size:1.5em;
	line-height:2;
	text-align:center;
}

	.post-meta-date { white-space:nowrap; }

.entry {
	position:relative;
	color:#111;
	font-size:1.1em;
	word-wrap:break-word;
	-moz-hyphens:auto;
	-webkit-hyphens:auto;
	-ms-hyphens:auto;
	hyphens:auto;
	text-align:left;
}
		.entry > :last-child { margin-bottom:0; }
		.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { margin-bottom:24px; margin-bottom:1.5rem; font-size:1em; }
		.entry h1 { font-size:3em; }
		.entry h2 { font-size:2em; }
		.entry h3 { font-size:1.5em; line-height:2; }
		.entry p { margin:0 0 1.5em; }
		.entry img { display:block; margin:1.5em 0; max-width:100%; width:auto; height:auto; border:none; }
		.entry img.alignleft { float:left; margin:0 1.5em 0.5em 0; max-width:25em; margin-left:-6.25em; }
		.entry img.alignright { float:right; margin:0 0 0.5em 1.5em; max-width:25em; margin-right:-6.25em; }
		.entry img.aligncenter { margin-left:auto; margin-right:auto; }
		.entry object { display:block; margin:1.5em 0; }
		.entry a { color:#0654a4; }
		.entry sup { vertical-align:text-top; line-height:0.8em; font-size:0.8em; }
		.post hr { margin:2em auto; width:30%; }
		.entry ul, .entry ol { margin-bottom:1.5em; padding-left:1.5em; }
		.entry blockquote { position:relative; margin:1.5em 0; padding:0 1.5em 0 3.5em; min-height:3em; color:#666; font-style:normal; text-align:left; }
			.entry blockquote::before { position:absolute; left:0; top:0; content:'\201C'; font-size:7em; line-height:0.9; color:#eee; z-index:-1; }
			.entry blockquote a { color:inherit; }
			.entry blockquote img { max-width:100%; }
		.entry pre code { display:block; overflow:auto; margin:1.5em 0; padding:1.5em 1em; color:#333; font-size:1em; line-height:1.5em; border:1px solid #e5e5e5; background:#f5f5f5; word-wrap:normal; tab-size:2; }
			.entry code.inline { display:inline; margin:0; padding:0; }
			.code-comment { color:#4a725b; }
			.entry pre[class] code { margin:0; padding:0; color:inherit; border:none; background:none; }
		.entry table { min-width:100%; margin:1.5em 0; border:1px solid #E4E4E4; border-collapse:collapse; }
			.entry table th { padding:2px 10px; color:#fff; border:1px solid #E4E4E4; background:#333; }
			.entry table td { padding:2px 10px; border:1px solid #E4E4E4; }
			.entry table tr:nth-child(2n+1) td { background:#f4f4f4; }
		.entry .footnotes { font-size:0.8em; color:#444; }
			.entry .footnotes ol { padding-left:0; }
			.entry .footnotes p { margin-bottom:1.5em; }
			.entry .footnotes li:target { background:#ffffe0; }
			.entry .footnotes h1, .entry .footnotes h2 { font-size:1.2em; line-height:1.5; margin-bottom:0.5em; }
			.entry .footnotes h3, .entry .footnotes h4, .entry .footnotes h5, .entry .footnotes h6 { font-size:1em; line-height:1.5; margin-bottom:0.5em; }
		.wp-caption[style] { width:auto !important; }
		.wp-caption-text { font-size:0.9em; line-height:normal; font-style:italic; color:#666; text-align:left; }
		.gallery-item { margin-top:0 !important; }
			.gallery-item img { border:none; margin:0; display:block; }
				.gallery-item a { display:block; }
/* Auteur */
.author-donation { clear:both; padding:40px 0; border-top:1px solid #ccc; text-align:justify;  }
	.author-donation strong { font-weight:bold; }
.author { clear:both; margin-top:3em; padding:3em 0; min-height:70px; border-top:1px solid #ccc; }
	.author-avatar { float:left; }
		.author-avatar img { display:block; margin-bottom:0.5em; }
	.author-text { padding-left:90px; }
		.author-title { font-size:1.2em; font-weight:bold; margin:0 0 0.2em; }
	.author-name { display:block; text-align:right; font-size:1.5em; }
		.author-name a { color:#999; }
		
/* Don */
body.home .donation, body.date .donation,
body.home .kthxbye, body.date .kthxbye { margin-top:30px; }
.donation { margin-top:3em; padding:30px 0 40px 0; color:#fff; text-shadow:1px 1px 0 #b12a2a; background:#990000; }	
	.donation a { color:#fff; }
	.box { position:relative; padding:20px 0; margin:20px 0; border:1px solid rgba(0,0,0,0.2); border-left:none; border-right:none; }
		.box-title { color:#fff; font-weight:normal; font-size:1.5em; text-shadow:2px 2px 0 rgba(0,0,0,0.2); }
			.box-title a { text-decoration:underline; }
			.box-title span { display:block; font-size:2em; line-height:1; margin-bottom:0.1em; }
		.gift-button { position:absolute; right:0; top:1em; }
	.description { font-size:15px; line-height:1.4em; text-align:justify; }	
		.description p { margin-bottom:1.5em; }
		.description p:last-child { margin-bottom:0; }
	.gift.box:first-child { border-top:0; padding-top:0; margin-top:0; }
	.gift.box:only-child { border:0; padding:0; margin:0; }	
		.gift.box:first-child .gift-button,
		.gift.box:only-child .gift-button { top:0; }

/* Merci bisous */
.kthxbye { margin-top:3em; padding:30px 0; color:#fff; text-shadow:1px 1px 0 #6e706e; background:#3d403d; }	
	.kthxbye .wrap { position:relative; }
	.kthxbye a { color:#fff; }
	.thx { padding-bottom:20px; }
		.thx:first-child { padding-top:0; margin-top:0; border-top:none; }
	.ohhai { position:absolute; right:0; bottom:2em; display:block; width:200px; height:200px; border:10px solid #fff; box-shadow:0 0 5px rgba(0,0,0,0.6); -webkit-transform:rotate(3deg); -ms-transform:rotate(3deg); -o-transform:rotate(3deg); transform:rotate(3deg); }
	.kthxbye p { max-width:680px; }

/* Navigation entre articles */
.posts-nav { position:relative; overflow:hidden; margin:20px 0 0; }
	.posts-nav-link { position:relative; float:left; width:50%; line-height:1.1; }
		.posts-nav-link:only-child { width:100%; float:none; }
		.posts-nav-link a { display:block; padding:10px; text-decoration:none; }
			.posts-nav-link a:hover { background:#c6ccc8; }
		.posts-nav-date { display:block; font-size:0.9em; color:#595959; }
		.posts-nav-title { display:block; }
	.posts-nav-next { float:right; text-align:right; }
		.posts-nav-next a { padding-right:35px; }
		.posts-nav-previous a { padding-left:35px; }
	.posts-nav-link a:before { position:absolute; top:0.5em; font-size:2em; }
		.posts-nav-next a:before { content:'\00BB'; right:0.33em; }
		.posts-nav-previous a:before { content:'\00AB'; left:0.33em; }

/* Commentaires */
.comments { margin:40px 0 0; }
	.comments-title { font-size:1.2em; font-weight:bold; margin:0 0 20px; }
	.comments-list { list-style:none; margin:0 0 40px; border-top:1px solid #ccc; }
		.comments .comment { position:relative; min-height:50px; padding:15px 0 15px 78px; text-align:left; line-height:1.4em; border-bottom:1px solid #ccc; }
			.comment-meta { color:#666; font-size:0.95em; }
				.comment-meta a { color:#666; }
			.comment .avatar { position:absolute; left:0; top:15px; }
			.comment:last-child { border-bottom:none; }
			.comment-edit-link { display:inline-block; padding:2px 4px; color:#fff; background:#ccc; border-radius:4px; }	
			.comment-entry p { margin:0 0 10px; word-wrap:break-word; }	
			.comment-entry img { max-width:100%; height:auto; }
			.comment-moderation { display:block; margin:0 0 4px; font-style:normal; font-weight:bold; }
			.comment-button { font-size:16px; }
	/* Formulaire */
	.comment-field { margin:0 0 15px; }
		.comment-form label { display:block; margin:0 0 3px; }
			.comment-form label em { color:#666; }
		.comment-textbox { display:block; width:100%; padding:2px 10px; color:#333; font:1em Georgia, serif; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
		.comment-warning { display:block; margin:10px 0; font-size:0.8em; color:#666; line-height:1.2em; }
	#commentform label { display:block; margin:0 0 3px; }
		#commentform label em { font-style:normal; font-size:10px;}
	#commentform .textbox { margin:0 0 5px; }
	#commentform textarea { width:568px; resize:vertical; padding:5px 10px; margin:0 0 10px; border:1px solid #e4e4e4; font-family:Verdana, sans-serif; font-size:12px; color:#666; }
		#commentform textarea:focus { outline:none; border:1px solid #B2D234; }
	#commentform .user { font-size:11px; color:#A4A4A4; margin:0 0 5px 0; }
		#commentform .user a { color:#A4A4A4; }
		#commentform .user strong a { font-size:12px; text-decoration:none; }
		#commentform small { display:block; margin:5px 0; color:#999; }	

/**
 * Bundle
 */
.page--bundle {
	background-image:url(images/header/2014/background.png);
	background-repeat:repeat-x;
	background-position:center 3em;
}

	.page--bundle .header--back {
		margin-bottom:0;
		background-color:#dadcdd;
	}

	.page--bundle .logo-link {
		color:#aa160e;
	}

	.page--bundle .intro {
		text-align:center;
	}

.bundle-button {
	margin:1.5em;
}

	.bundle-button form {
		max-width:12.25em;
		margin:0 auto;
	}

		.bundle-button form img {
			margin:0;
		}

.bundle-list {
	overflow:hidden;
	list-style:none;
	margin-top:3em;
}

	.bundle-list > li {
		display:block;
		margin-bottom:3em;
	}

	.entry .bundle-list {
		padding-left:0;
	}

.book {
	display:block;
	overflow:hidden;
	text-decoration:none;
}

	.entry .book {
		color:inherit;
	}

	.book-cover {
		float:left;
		width:6em;
		text-align:right;
		margin-right:1em;
		margin-bottom:1em;
	}

		.book-cover img {
			margin:0;
			border:1px solid #ccc;
		}

	.book-info {
		display:block;
		overflow:hidden;
		margin-right:1em;
	}

		.book-title {
			display:block;
			font-size:1.4em;
			font-weight:bold;
		}

		.book-meta {
			display:block;
			font-size:0.8em;
			margin-bottom:0.5em;
		}

		.book-specialoffer {
			display:block;
			margin-top:1em;
			color:#5F3813;
			padding:0.75em;
			background:#D6CEAF;
		}

.notice {
	margin-bottom:1.5em;
	padding:.6em;
	color:#333;
	background:#ffffe0;
	border:1px solid #e6db55;
	border-radius:3px;
}

/**
 * Gros Papa Noël
 */
@media only screen and (min-width:63.125em) {
	.calendar {
		width:62.5em;
		left:-2.5em;
	}

	.post-title,
	.entry table,
	.entry img.size-large {
		margin-left:-6.25rem;
		margin-right:-6.25rem;
	}

	.entry table,
	.entry img.size-large {
		min-width:-webkit-calc(100% + 12.5em);
		min-width:calc(100% + 12.5em);
	}
}

/**
 * Papa Noël
 */
@media only screen and (max-width:63.125em) {
	body.home .page.wrap, body.date .page.wrap { padding-left:0; padding-right:0; width:auto; }
	.calendar { margin-top:0; border:3px solid transparent; }
}

@media only screen and (max-width:43.8em) {
	.wrap { width:auto; padding-left:20px; padding-right:20px; }
	.post-title { font-size:2em; }
	.post-meta { font-size:1em; line-height:1.5; }
	.list-post-title { width:75%; }
	.gift-button { position:relative; margin:20px auto 0; top:0; }
		.box-title { font-size:0.9em; } 
			.box-title span { font-size:2.7em; }
	.ohhai { position:relative; left:auto; right:auto; top:auto; bottom:auto; margin:20px auto; }
	 /* Images */
	.entry img.size-large, .post-title, .entry img[width="860"].size-full, .entry table { margin-left:0; margin-right:0; }
	.entry img.size-large, .entry img[width="860"].size-full { display:block; max-width:660px; margin-left:auto; margin-right:auto; }
	.entry img.alignleft { margin-left:0; }
	.entry img.alignright { margin-right:0; }
	.entry img.alignleft, .entry img.alignright { max-width:330px; } 
	.entry img { width:100%; height:auto; }
	.entry img.alignleft, .entry img.alignright { float:none; width:100%; max-width:100%; margin-left:0; margin-right:0; } 
}

@media only screen and (max-width:47.5em) {
	.bundle-img { max-width:100%; height:auto; }
}

/**
 * Petit Papa Noël
 */
@media only screen and (max-width:37.5em) {
	.book-title { line-height:1; margin-bottom:0.5em; }
	.book-cover { width:auto; }
	.book-info { margin-right:0; overflow:visible; }
}

@media only screen and (max-width:30em) {
	.calendar { border:3px solid #fff; }
	.logo { font-size:1.8em; }
	.author-text { padding-left:0; }
	.author-avatar { margin-right:20px; }
	.entry h2 { font-size:1.4em; line-height:1.5; }
	.entry h3 { font-size:1.2em; line-height:1.5; }
	.comments .comment { padding-left:0; }
		.comment .avatar { position:relative; left:auto; top:auto; float:left; display:block; margin-right:20px; margin-bottom:10px; }
	.archive--2013 .header .wrap { min-height:15em; }
}

@media only screen and (max-width:22.5em) {
	.book-cover { float:none; display:block; max-width:50%; }
}