@import url(https://fonts.googleapis.com/css?family=Lusitana:400,700);

/* Clearfix micro hack */
/* For modern browsers */
.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;
}

/* For IE 6/7 (trigger hasLayout) */
.clearfix {
	*zoom: 1;
}

div.post {
	background: #c6ae96 url(fawn.jpg) repeat;
	background-size:288px;
	font-family: 'Lusitana', 'Century Schoolbook L', serif;
	font-size: 1.3em;
	color: black;
	box-shadow: inset 0 0 100px #641;
	padding: 5em 0;
}

#post-container {
	position:relative;
	width: 60%;
	min-width: 800px;
	margin: 0 auto;
	background: #f8f3e7 url(paper.png) repeat;
	padding: 2% 5%;
	box-shadow: 4px 4px 1em rgba(0, 0, 0, 0.6);
	border: 4px solid white;
}

#paperclip {
	width:43px;
	position:absolute;
	top:-46px;
}

div.post h1 {
	text-align: center;
	font-size: 2.3em;
	font-weight: 700;
	color: black;
	text-shadow: #853 1px 1px 0;
	line-height: 90%;
	padding: 0 0 0.5em 0;
}

div.post h1 .minor {
	font-size: 60%;
	color: #111;
}

div.post .asterisk {
	color: #2952CC;
	font-weight:700;
}

div.post h2 {
	font-size: 1.6em;
	font-weight: 700;
	text-shadow: #853 1px 1px 0;
	line-height: 90%;
	padding-top: 1em;
	clear: both;
}

div.post p {
	text-align: justify;
	padding: 0.3em 0;
	line-height: 160%;
	word-spacing: 0.25em;
}

div.post blockquote {
	font-size: 1.4em;
	margin: 1em 4em;
	position:relative;
	word-spacing: 0.2em;
}
div.post blockquote::before {
	content: "\201C";
	filter: alpha(opacity=20);
	font-size: 2em;
	left: -0.6em;
	opacity: .2;
	position: absolute;
	font-weight:700;
	top:-0.3em;
}

div.post a {
	color: #2142A3;
}

div.post a:visited {
	color: #a321a0;
}

div.post a:hover, div.post a:focus {
	color: #a32121;
}

div.post .illustration {
	width: 60%;
	margin: 1em auto;
	display: block;
	box-shadow: 0 0 15px rgba(70, 40, 30, 0.5);
	border: 4px solid white;
}

div.post ul {
	margin: 0 2em 0 3em;
	list-style-type: circle;
}
div.post ul li {
	padding: 0.3em 0;
	text-align: justify;
}

div.post hr {
	margin:1.5em 0;
	border:none;
	border-bottom:4px double #666;
}

#specifics {
	color: #E72C1E;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.7);
}

#date {
	float: right;
}

div.post ul.what-list li {
	clear: right;
	line-height: 160%;
}

div.post .what-icon {
	float: right;
	height: 4.95em;
	width: 4.95em;
	padding: 0 0 1em 2em;
}

div.post .process-sequence {
	margin: 0 0 0 1.5em;
}

div.post .process-sequence li {
	line-height: 160%;
	font-size: 0.8em;
	font-weight: 700;
	color: rgba(0,0,0,0.4);
	padding: 1em 0;
	clear: both;
	margin-top: 1em;
	min-height: 4em;
}

div.post .process-sequence li:first-child {
	margin-top: 0;
}

div.post .process-sequence li img {
	float: left;
	height: 7.6em;
	margin-right:1em;
}
div.post .process-sequence .step-title, .process-sequence .step-description {
	color: black;
	font-size: 1.25em;
}
div.post .process-sequence .step-title {
	font-weight: 700;
}
div.post .process-sequence .step-description {
	font-weight: 300;
}

.clear-right { clear: right; }
.pt-4 { padding-top: 1em; }
.line-through { text-decoration: line-through;}
.h-px { height: 1px; }