/* CSS Document for Print */

@import 'https://fonts.googleapis.com/css?family=Roboto+Condensed';

@page {
margin: 0.5cm;
}
body {
	color: #000;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 12pt;
	font-weight: normal;
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4 {
	margin: 0;
	font-family: "Open Sans", sans-serif;
}
h1 {
	font-size: 1.4em;
}
h2 {
	font-size: 1.3em;
}
h3 {
	font-size: 1.2em;
}
h4 {
	font-size: 1.1em;
}
p {
	margin: 0 0 1em 0;
	font-size: 0.9em;
}
a, a:visited {
	color: inherit;
	text-decoration: none;
}
a::after, a:visited::after {
	content: ' (' attr(href) ')';
	font-style: italic;
	word-wrap: break-word;
}
nav {
	display: none;
}
/* Header */

header {
	position: relative;
	min-height: 120px;
}
header::after {
	width: 90%;
}
header a.logo {
	display: block;
	width: 145px;
	height: 60px;
	position: absolute;
	top: 20px;
	left: 20px;
}
header a.logo::before {
	content: url(../images/hi-consulting-print.svg);
}
header a.logo::after {
	display: block;
	position: absolute;
	top: 20px;
	left: 175px;
}
header a.logo span {
	display: none;
}

/* Section */

section {
	margin-bottom: 50px;
}

/* Section Intro */

section.intro {
	position: relative;
	margin-bottom: 40px;
	padding-top: 50px;
	border-top: 1px solid #ccc;
}
section.intro::before {
	content: url(../images/article-intro.gif);
}
section.intro article {
	width: 40%;
	position: absolute;
	top: 40px;
	left: 425px;
}
/* Section Detail */

section::after {
	content: '';
	display: block;
	clear: both;
}
section {
	margin-top: 20px;
	margin-bottom: 30px;
}
section aside {
	width: 33%;
	float: left;
	text-align: center;
}
section aside div.content {
	margin: 15px;
}
section aside div.content h3 a::after {
	display: block;
	font-family: serif;
	font-weight: normal;
}
/* Section How To */

section.further {
	padding-top: 50px;
	border-top: 1px solid #ccc;
	page-break-inside: avoid;
	}
	
section.further aside {
width: 25%;
float: left;
margin: 0 35px 0 0;
}
section.further div.content img {
	display: none;
}
section.further aside:nth-child(1) div.content::before {
	content: url(../images/photo-books.gif);
}
section.further aside:nth-child(2) div.content::before {
	content: url(../images/photo-latest.gif);
}
section.further blockquote {
	width: 30%;
	float: left;
	margin-left: 30px;
	position: relative;
}
section.further blockquote::before {
	content: '\201c';
	color: #ccc;
	font-size: 5em;
	font-family: serif;
	display: inline-block;
	position: absolute;
	top: -20px;
	left: -45px;
}
section.further blockquote p.quote {
	font-style: italic;
	font-size: 1.4em;
	color: #888;
}
section.further blockquote p.quote::after {
	content: '\201d';
	font-family: serif;
}
section.further blockquote p.credit {
	padding-left: 20px;
	position: relative;
}
section.further blockquote p.credit::before {
	content: '\2014';
	position: absolute;
	left: 0px;
	top: -1px;
}

/* Footer */

footer { border-top: 1px solid #ccc; position: relative; min-height: 200px; padding: 20px 0 0 170px; }
footer::after { content:url(../images/qr-staniforth-consulting.png); position: absolute; top: 20px; left: 0; }
footer a { display: block; margin-top: 15px; }
footer a::after { display: block; }
footer div.content { padding-left: 20px; }
footer div.content::after { 
	content:'this page was printed from http://www.staniforthconsulting.com';
	display: block;
	margin-top: 30px;
	font-style: italic;
	font-size: 0.9em;
 }
 
footer a.privacy { display: none; }