body {
	background: url("img005-day/top.gif") no-repeat -40% 0;
}
.ie8 body {	/* Patch for IE8/XP crashes; temporary until respond.js is fixed */
	background: none;
}

#comments {
	background: url("img005-day/comments.gif") no-repeat 100% 0;
}

@media screen and (min-width: 37.5em) {
	body {
		background-position: 200px -10px;
	}
}
@media screen and (min-width: 48em) {
	body {
		background-position: 200% -20px;
	}
	.cm-search {
		border: 1px solid #CECECE;
	}
}
@media screen and (min-width: 60em) {
	body {
		background: url("img005-day/top.gif") no-repeat 65% 0;
		/* multiple backgrounds? */
		background-image: url("img005-day/top.gif"),
			url("img005-day/right.gif"),
			url("img005-day/right-low.gif"),
			url("img005-day/left.gif"),
			url("img005-day/left-low.gif");
		background-position: 65% 0,
			110% 25em,
			140% 50%,
			-50% 25em,
			-90% 70%;
	}
}
@media screen and (min-width: 80em) {
	body {
		background: url("img005-day/top.gif") no-repeat -40% 0;
		/* multiple backgrounds? */
		background-image: url("img005-day/top.gif"),
			url("img005-day/right-top.gif"),
			url("img005-day/right.gif"),
			url("img005-day/right-low.gif"),
			url("img005-day/left-top.gif"),
			url("img005-day/left.gif"),
			url("img005-day/left-low.gif");
		background-position: 65% 0,
			110% 0,
			110% 45%,
			130% 60%,
			-55% 0,
			-50% 45%,
			-40% 70%;
	}
	#comments {
		background-position: 90% 0;
	}
}