body {
	background-image: url(../images/style/omnispeak/bkg_blue.png);
	font-family: sans-serif;
	margin: 0;
}

footer {
	background-image: url(../images/style/omnispeak/footer_green.png);
	padding-top: 96px;
	text-align: center;
}


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

.header h1 {
	margin-top: 0;
}

/*

.header li {
	display: inline;
}

.header li a {
	text-decoration: none;
}

.header li a:hover {
	background-color: green;
} */

.meta {
	text-align: right;
}
.post {
	text-align: justify;
	padding: 3px;
}
.screenie {
	width: 100%;
	max-width: 352px;
	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;
	margin: 48px auto;
	max-width: 70em;
	border: 16px solid transparent;
	border-image: url(../images/style/omnispeak/border.png) 32 round;
	background-clip: padding-box;
	overflow: hidden;
}

.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;
}

ul li:nth-child(1) {
	list-style-image: url(../images/style/omnispeak/gem_red.png)
}
ul li:nth-child(2) {
	list-style-image: url(../images/style/omnispeak/gem_gold.png)
}
ul li:nth-child(3) {
	list-style-image: url(../images/style/omnispeak/gem_blue.png)
}
ul li:nth-child(4) {
	list-style-image: url(../images/style/omnispeak/gem_green.png)
}
ul li:nth-child(5) {
	list-style-image: url(../images/style/omnispeak/gem_red.png)
}
ul li:nth-child(6) {
	list-style-image: url(../images/style/omnispeak/gem_gold.png)
}
ul li:nth-child(7) {
	list-style-image: url(../images/style/omnispeak/gem_blue.png)
}
ul li:nth-child(8) {
	list-style-image: url(../images/style/omnispeak/gem_green.png)
}