body {
	background-color: #fafafa;
	color: #333333;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10pt;
	line-height: 17px;
}

/* text styles, general */

a {
	border: 0px 0px 1px 0px;
	color: #00732D;
	text-decoration: none;
}

a h2 {
	color: #00732D;
	margin: 0px 0px 20px 0px;
}

a:hover h2 {
	color: #444;
}

acronym {
	border-bottom: 1px dotted #00732D;
}

blockquote, code, pre, ul {
	margin: 10px 0px 10px 0px;
}

blockquote {
	background: url(/layout/v4/quote.png) no-repeat;
	color: #555;
	margin-left: 10px;
	padding-left: 20px;
}

code {
	font-size: smaller;
	margin-left: 10px;
	overflow: auto;
	white-space: nowrap;
	width: 100px;	
}

pre {
	font-size: 1.1em;
	overflow: auto;
	width: 390px;
}

ul {
	margin-left: 20px;
}

li {
	margin-bottom: 6px;
}

/* large block level elements */

#header {
	background-color: #cccc99;
	border-bottom: 5px solid #cc3333;
	height: 130px;
}

#header form {
	padding: 20px 20px 0px 0px;
	text-align: right;
}

#logo {
	background-image: url(/layout/v4/logo.png);
	cursor: pointer;
	height: 270px;
	left: -40px;
	margin-bottom: -130px;
	position: relative;
	top: -170px;
	width: 250px;
}

#logotype {
	color: white;
	font-size: 3.3em;
	font-weight: bold;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	left: -50px;
	letter-spacing: -2px;
	position: relative;
	top: -74px;
	text-align: right;
}

/* page body container elements */

#container {
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	width: 700px;
}

#left, #right {
	float: left;
	text-align: left;
}

#left {
	margin-top: -170px;
	padding-right: 10px;
	padding-top: 160px;
	width: 220px;
}

#right {
	border-left: 1px solid #cccccc;
	margin-top: -120px;
	padding-left: 50px;
	width: 400px;
}

/* semi-hack for IE's 'escaping floats' bug */

.containerspacer {
	clear: both;
	display: block;
	height: 0;
}

/* footer */

#footerspacer {
	clear: both;
	height: 50px;
}

#footer {
	background-color: #cccc99;
	border-top: 5px solid #cc3333;
	clear: both;
}

#footercontainer {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 700px;
}

#footerbody {
	-moz-column-gap: 40px;
	-moz-column-rule: medium solid;
	-moz-column-width: 150px;
	font-size: 0.8em;
	margin-top: 20px;
	padding: 0px 20px 20px 0px;
	text-align: justify;
}

#badges img {
	border: 0;
	padding: 10px;
	vertical-align: middle;
}

#footer a {
	color: #333;
	text-decoration: underline;
}

/* items (left) */

.item {
	padding: 0px 10px 0px 0px;
}

.item p {
	font-size: 8.5pt;
	line-height: 15pt;
}

.item p a {
	border-bottom: 1px dotted #ccc;
	color: #00732D;
	padding: 2px;
}

.item p a:hover {
	background: #00732D;
	border-bottom: none;
	color: #fafafa;
}

.item, h3 {
	margin: 10px 0px;
}

.item img {
	float: left;
	padding-top: 4px;
}

.feature p {
	padding-left: 90px;
}

img.favicon {
	float: left;
	padding: 5px 5px 5px 0px;
}

/* articles (in #right) */

h3 .postdate {
	font-size: 0.9em;
}

.article {
	line-height: 1.4em;
	margin-bottom: 40px;
}

.article p {
	margin: 10px 0px;
}

.article p a, .article li a {
	border-bottom: none;
	padding: 2px;
}

.article p a:hover, .article li a:hover {
	background: #00732D;
	border-bottom: 1px dotted #ccc;
	color: #fafafa;
	padding: 2px;
}


/* articleinfo (= tags and comment link) */

.article p.articleinfo {
	border-top: 1px dotted #ddd;
	color: #666;
	font-size: 0.9em;
	text-align: right;
}

.article p.articleinfo a {
	background: none;
	border: 0;
	color: #00732D;
	font-weight: bold;
	padding: 0px;
}

/* images in articles */

.article .imageleft {
	float: left;
	margin: 5px 10px 5px 0px;
}

.article .imageright {
	float: right;
	margin: 5px 0px 5px 10px;
}

.article .imageleft img, .article .imageright img {
	border: 1px solid #ddd;
}

.article .imageleft p, .article .imageright p {
	font-size: 0.9em;
}

/* comment form */

#cpreview {
	background-color: #ffcccc;
	margin: 10px 0px 20px 0px;
	padding: 8px;
}

#cerror {
	background-color: #ffcccc;
	margin: 10px 0px 20px 0px;
	padding: 8px;
}

.comment {
	margin-bottom: 10px;
}

.comments-wrapper table {
	background-color: #DDD;
	padding: 20px 20px;
}

.comments-wrapper table td {
	padding: 5px;
}