body {
	cursor: url(../images/style/civctp/civcursor.png), pointer;
	background-image: url(../images/style/civctp/backdrop.png);
	background-size: cover;
	background-attachment: fixed;
}

footer {
	text-align: center;
}


.header {
	background: #00AA00;
	border-bottom: 3px black solid;
	margin-top: 0;
	text-align: center;
}

.header h1 {
	margin-top: 0;
}
.meta {
	text-align: right;
}
.post {
	text-align: justify;
	padding: 3px;
	max-width: 70em;
	margin: auto;
	background-image: url(../images/style/civctp/textbg.png);
	border: 10px solid transparent;
	border-image: url(../images/style/civctp/border.png) 10 round;


}
.screenie {
	width: 100%;
	max-width: 352px;
	float: right;
}
.code {
	background-color: lightgray;
	border: 2px 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%;
}

.warning {
	background-color: lightcoral;
	border: 2px solid red;
	display: block;
	padding: 4px;
}


.warning:before {
	content: "";
	background: url(../images/style/civctp/warning.png) no-repeat;
	display: block;
	width: 33px;
	height: 33px;
	float: left;
	padding: 4px;
}

.note {
	background-color: lemonchiffon;
	border: 2px solid gold;
	display: block;
	padding: 4px;
}

.note:before {
	content: "";
	background: url(../images/style/civctp/note.png) no-repeat;
	display: block;
	width: 33px;
	height: 33px;
	float: left;
	padding: 4px;
}

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