body {
	background-image: url(../images/style/k1/k1ordertop.png), url(../images/style/k1/k1footer.png);
	background-repeat: repeat-x, repeat-x;
	background-position: top, bottom;
	background-color: #AAAAAA;
	max-width: 70em;
	font-family: monospace;
	margin: 72px auto;
}
.meta {
	text-align: right;
}
.post {
	text-align: justify;
	padding: 3px;
}
.screenie {
	width: 100%;
	max-width: 430px;
	float: right;
}
.code {
	background-color: lightgray;
	border: 1px solid gray;
	display: block;
	padding: 4px;
}
/* we move the width into the inner element to fake box-sizing: border-box on IE7 */
.code pre {
	white-space: pre-wrap;
	width: 100%;
}

.subsection {
	background-color: white;
	border: 16px solid transparent;
	border-image: url(../images/style/k1/k1border.png) 32 round;
}

.subsection h2 {
	background-color: rgb(170,170,170);
	margin-top: 0;
}

/* Forces floats to move out of the way rather than make paragraphs too thin. */
p:before {
	content: "";
	width: 10em;
	display: block;
	overflow: hidden;
}

hr {
	border: none;
	width: 96px;
	height: 32px;
	background-size: contain;
	background-repeat: none;
	background-image: url(../images/style/k1/k1-hr-blue.png);
}