body {
	font-size: 76%;
	background: #e5dcc8;
	color: #000;
	}
#header {
	background: url(/img/header-bottom.png) center bottom no-repeat;
	}
h1 {
	background-image: url(/img/header-top.jpg);
	}
h1 a {
	background-image: url(/img/logo.png);
	}
#footer {
	background-image: url(/img/footer-top.png);
	}
#footer ul {
	background-image: url(/img/footer-bottom.jpg);
	}
h1 em {
	font-size: 16pt;
	position: absolute;
	display: block;
	top: 16px;
	left: 333px;
	color: #fff;
	}
a {
	color: #412700;
	}

#menu li#home a {
	background-image: url(/img/menu/home.png);
	}
#menu li#home a:hover, #menu li#home a.selected {
	background-image: url(/img/menu/home-h.png);
	}
#menu li#archive a {
	background-image: url(/img/menu/archive.png);
	}
#menu li#archive a:hover, #menu li#archive a.selected {
	background-image: url(/img/menu/archive-h.png);
	}
#menu li#hall-of-shame a {
	background-image: url(/img/menu/hall-of-shame.png);
	}
#menu li#hall-of-shame a:hover, #menu li#hall-of-shame a.selected {
	background-image: url(/img/menu/hall-of-shame-h.png);
	}
#menu li#tip a {
	background-image: url(/img/menu/tip.png);
	}
#menu li#tip a:hover, #menu li#tip a.selected {
	background-image: url(/img/menu/tip-h.png);
	}
#menu li#about a {
	background-image: url(/img/menu/about.png);
	}
#menu li#about a:hover, #menu li#about a.selected {
	background-image: url(/img/menu/about-h.png);
	}
#menu code {
	font-size: 150%;
	}

/* icons in footer */
#icons li a {
	display: block;
	background: center center no-repeat scroll transparent;
	text-indent: -8192px;
	height: 31px;
	}
#icons #w3c a {
	background-image: url(/img/icons/valid-xhtml10.png);
	width: 88px;
	}
#icons #debian a {
	background-image: url(/img/icons/debian.png);
	width: 24px;
	height: 32px;
	}
#icons #apache a {
	background-image: url(/img/icons/apache.png);
	width: 113px;
	}
#icons #php a {
	background-image: url(/img/icons/php.png);
	width: 58px;
	}
#icons #postgresql a {
	background-image: url(/img/icons/postgresql.png);
	width: 88px;
	}

/* search */
form#search label {
	color: #fff;
	display: block;
	}
form#search input.text {
	border-color: #fff;
	background: #d4cbb7;
	color: #412700;
	}

/* boxes */
.box .inner {
	background-color: #fff;
	background-image: url(/img/post-bg.png);
	border-color: #d4cbb7;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	padding: 1ex 1em;
	}
.box h2, .box h3, .box h4 {
	margin: 0;
	}
.box h4 {
	font-size: 100%;
	color: #412700;
	}
.box .inner h4 {
	clear: both;
	margin: 0;
	}
.box .bottom h4 {
	color: #fff;
	}
.box .inner li {
	padding: 0;
	margin: 1ex 0;
	background: transparent;
	border: 0;
	}
.box, .commentlist {
	float: left;
	width: 100%;
	}
#leftcol .commentlist {
	float: none;
	}
.box hr, .commentlist hr, #leftcol hr {
	clear: both;
	height: 0;
	line-height: 0;
	border: 0;
	}
.box blockquote {
	padding: 0;
	}
.box blockquote.left {
	float: left;
	margin: 1ex 1em 1ex -1em;
	}
.box blockquote.right {
	float: right;
	margin: 1ex -1em 1ex 1em;
	}
.box blockquote div {
	border: solid #d4cbb7;
	padding: 16px 1em;
	background: #e5dcc8;
	}
.box blockquote.left div {
	-moz-border-radius: 0 16px 16px 0;
	-webkit-border-radius: 0 16px 16px 0;
	border-width: 3px 3px 3px 0;
	margin: -2px 0 -2px -3px;
	}
.box blockquote.right div {
	-moz-border-radius: 16px 0 0 16px;
	-webkit-border-radius: 16px 0 0 16px;
	border-width: 3px 0 3px 3px;
	margin: -2px -4px -2px 0;
	}
.box blockquote h6 {
	font-size: 100%;
	font-weight: bold;
	margin: -8px 0 0;
	}
.box .bottom {
	border: solid #d4cbb7;
	border-width: 0 3px 3px 3px;
	background: url(/img/post-bg.png) #000;
	-moz-border-radius: 0 0 0 16px;
	-webkit-border-radius: 0 0 0 16px;
	margin: -1ex 16px 1ex;
	padding: .5ex 1em;
	color: #fff;
	}
.box .archive .bottom {
	margin: 0;
	border: 0;
	background: transparent;
	color: inherit;
	}
.box .bottom a {
	color: #fff;
	text-decoration: underline;
	}
.box .archive .bottom a {
	color: inherit;
	}
.box blockquote cite {
	display: block;
	text-align: right;
	font-style: italic;
	}
.bottom ol {
	float: right;
	list-style: none;
	margin: 0;
	padding: 0;
	text-indent: 0;
	}
.bottom ol li {
	float: left;
	margin: 0 0 0 1em;
	padding: 0;
	}
.bottom h4, .bottom h5, .bottom h6 {
	margin: 0;
	font-size: 100%;
	font-weight: normal;
	}
.bottom .categoryheader {
	border-bottom: 1px dotted #d4cbb7;
	font-weight: bold;
	}
.bottom .author {
	border-top: 1px dotted #d4cbb7;
	}

#postlist li, #post .inner, .item .inner, #mcalert .alert-inner {
	background: #fff;
	background-image: url(/img/post-bg.png);
	border-color: #d4cbb7;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	padding: 1ex 1em;
	}
#mcalert ul {
	margin: 0 0 0 20px;
	padding: 0;
	text-indent: 0;
	list-style: url(/img/hand.png);
	}

/* leftcol */
#leftcol a {
	color: #fff;
	}
#leftcol #categories-list ul {
	margin: 0 -24px 0 -8px;
	background: none;
	}
#leftcol #categories-list li {
	float: left;
	width: 100px;
	height: 104px;
	padding: 0;
	margin: 0;
	}
#leftcol #categories-list li a {
	display: block;
	height: 104px;
	background: center center no-repeat;
	}
#leftcol #categories-list li #ie-only {
	background-image: url(/img/categories/ie-only.png);
	}
#leftcol #categories-list li #zonder-geleidehond {
	background-image: url(/img/categories/zonder-geleidehond.png);
	}
#leftcol #categories-list li #leluk {
	background-image: url(/img/categories/leluk.png);
	}
#leftcol #categories-list li #schtoek {
	background-image: url(/img/categories/schtoek.png);
	}
#leftcol #categories-list li #overig {
	background-image: url(/img/categories/overig.png);
	}
#leftcol #categories-list li #gevaarlijk {
	background-image: url(/img/categories/gevaarlijk.png);
	}
#leftcol #categories-list li #duh {
	background-image: url(/img/categories/duh.png);
	}
#leftcol #categories-list li #redactie {
	background-image: url(/img/categories/redactie.png);
	}
#leftcol #categories-list li #spaghetti {
	background-image: url(/img/categories/spaghetti.png);
	}
#leftcol #categories-list li a span {
	display: block;
	position: absolute;
	border: 2px solid #000;
	background: #fff;
	color: #000;
	padding: 2px 1ex;
	text-decoration: none;
	display: none;
	}
#leftcol #categories-list li a:hover span {
	display: block;
	}
#leftcol #last-posts, #leftcol #banner {
	clear: left;
	}
#leftcol #banner {
	text-align: center;
	padding: 0 16px 0 0;
	}
#leftcol #banner div.banner {
	margin: 0 auto;
	width: 300px;
	height: 250px;
	text-align: left;
	padding: 0;
	background: transparent;
	}
#leftcol ul ul.commentlist li {
	border-bottom: 1px dotted #fff;
	}
#leftcol .commentlist div {
	margin-top: .5ex;
	}
#leftcol h4 {
	border-bottom: 2px solid #d4cbb7;
	font-size: 150%;
	font-variant: small-caps;
	margin: 0;
	}
#leftcol h5 {
	border-bottom: 2px solid #fff;
	}
#leftcol h5, #leftcol h6 {
	margin: 0;
	font-size: 100%;
	}
#leftcol h6 {
	text-align: right;
	font-variant: small-caps;
	}
#leftcol ul {
	padding-bottom: 1ex;
	}

.commentlist small {
	display: block;
	float: left;
	width: 50px;
	height: 50px;
	margin: 0 1em .5ex 0;
	text-indent: -8192px;
	}

#centercol, #leftcol ul ul li {
	font-size: 90%;
	}
#centercol h2, #mcalert h2 {
	background: url(/img/post-bg.png) center center #000;
	border: solid #d4cbb7;
	border-width: 2px 2px 0;
	-moz-border-radius: 0 16px 0 0;
	-webkit-border-radius: 0 16px 0 0;
	padding: .5em 2ex;
	font-variant: small-caps;
	font-size: 150%;
	margin: 1ex 16px 0;
	clear: left;
	}
#centercol h2, #mcalert h2, #centercol h2 a {
	color: #fff;
	}
.box .inner, .commentlist li {
	margin: 0 0 1ex;
	text-align: justify;
	}
.box li.inner, .commentlist li {
	margin: 0 0 1ex;
	}

em.result {
	font-weight: bold;
	font-style: normal;
	color: #412700;
	}

#last-posts ul, #last-posts ul li, #top-reactions ul, #top-reactions ul li {
	margin: 0;
	padding: 0;
	}
#last-posts h2 {
	text-align: right;
	position: absolute;
	width: 278px;
	font-size: 75%;
	border-bottom: 2px solid #fff;
	}
#last-posts ul ul ul {
	}
#last-posts ul ul {
	}
#last-posts ul h3 {
	margin: 0;
	text-transform: none;
	color: #fff;
	}
form textarea, form input {
	border-color: #fff;
	background: #d4cbb7;
	color: #412700;
	}
#postlist ul#redactie {
	list-style: none;
	margin: -1ex -1em;
	padding: 0;
	}
#redactie li {
	clear: left;
	}
#redactie img {
	border: 2px solid #d4cbb7;
	}
#redactie blockquote.editor-quote {
	width: 125px;
	}
#redactie .editor-links {
	clear: both;
	}
#redactie .editor-links ul {
	list-style: none;
	}
#redactie .editor-links ul li {
	float: left;
	display: inline;
	margin: 0 .5em;
	clear: none;
	}
#redactie .editor-links ul li a {
	display: inline;
	}
#redactie .editor-links p {
	clear: both;
	text-align: right;
	font-size: smaller;
	}
#comments {
	list-style: none;
	margin: 0;
	padding: 4px;
	}
#comments li {
	border: 2px solid #fff;
	margin: 0;
	padding: 1ex 1em;
	background: #d4cbb7;
	}
	/*
#post .inner > div {
	background: #d4cbb7;
	border: 2px solid #fff;
	padding: 1ex 1em;
	}
	*/
#comments p {
	margin: 0;
	}

.warn ul {
	margin: 0 0 0 1em;
	padding: 0;
	text-indent: 0;
	list-style: square outside;
	}

/* categorylist (for in posts) */
ul.categorylist a {
	display: block;
	text-indent: -8192px;
	width: 50px;
	height: 52px;
	background: center center no-repeat transparent;
	}
ul.categorylist a.redactie {
	background-image: url(/img/categories/redactie.50.png);
	}
ul.categorylist a.zonder-geleidehond {
	background-image: url(/img/categories/zonder-geleidehond.50.png);
	}
ul.categorylist a.leluk {
	background-image: url(/img/categories/leluk.50.png);
	}
ul.categorylist a.schtoek {
	background-image: url(/img/categories/schtoek.50.png);
	}
ul.categorylist a.gevaarlijk {
	background-image: url(/img/categories/gevaarlijk.50.png);
	}
ul.categorylist a.ie-only {
	background-image: url(/img/categories/ie-only.50.png);
	}
ul.categorylist a.spaghetti {
	background-image: url(/img/categories/spaghetti.50.png);
	}
ul.categorylist a.duh {
	background-image: url(/img/categories/duh.50.png);
	}
ul.categorylist a.overig {
	background-image: url(/img/categories/overig.50.png);
	}
ul.categorylist {
	list-style: none;
	margin: 0 -4px;
	padding: 0;
	text-indent: 0;
	}
.box ul.categorylist li {
	float: left;
	margin: 0;
	}

.icon {
	display: block;
	min-height: 16px;
	min-width: 16px;
	background: left center no-repeat;
	padding: 0 0 0 18px;
	}
.icon span {
	display: none;
	}
.icon-views {
	background-image: url(/img/icons/views.png);
	}
.icon-reactions {
	background-image: url(/img/icons/reactions.png);
	}
.icon-react {
	text-indent: -8192px;
	background-image: url(/img/icons/react.png);
	padding: 0;
	}

#comments div.error {
	border: 2px solid #d4cbb7;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	background: url(/img/post-bg.png) #fff;
	color: #412700;
	padding: 1ex 1em;
	font-weight: bold;
	}

p {
	padding: 0;
	margin: 0 0 .5ex;
	}
.tip small {
	display: block;
	clear: both;
	}

ul.submenu {
	position: fixed;
	top: 150px;
	z-index: 99;
	list-style: none;
	}
ul.submenu li {
	float: left;
	margin: 0 1em;
	}
ul.submenu li a {
	display: block;
	background: #fff;
	color: #000;
	border: 2px solid #000;
	text-decoration: none;
	padding: 2px 1ex;
	-moz-border-radius: 8px;
	-webkit-border-raduis: 8px;
	border-radius: 8px;
	}
ul.submenu li a:hover {
	color: #fff;
	background: #000;
	border-color: #fff;
	}

strong.score {
	font-weight: bold;
	font-size: 200%;
	}

#modal {
	background-image: url(/img/post-bg.png);
	background-position: center center;
	}
#mcalert .alert-inner {
	text-align: left;
	margin: 0;
	}
#mcalert .bottom {
	text-align: right;
	}
#mcalert .bottom input {
	background: transparent;
	border: 0;
	color: #fff;
	font-weight: bold;
	}

h3, h5 {
	font-size: 100%;
	margin: 0;
	}
h3 {
	font-size: 120%;
	}
.ajaxfallback p strong {
	border: 2px solid #fff;
	background: #e5dcc8;
	padding: .5ex .5em;
	display: block;
	}

.box .commentlist {
	list-style: none;
	margin: 0;
	padding: 0;
	text-indent: 0;
	}

.box .commentlist li {
	clear: both;
	}
.commentlist p {
	padding-top: .5ex;
	clear: right;
	text-align: right;
	}
.commentlist li div p {
	clear: none;
	text-align: justify;
	padding: 0;
	clear: none;
	}
#centercol .commentlist li {
	padding: .5ex 1em;
	}
#centercol li.odd {
	background: url(/img/post-bg.png) #eee;
	}
img.thumb {
	border: 2px solid #d4cbb7;
	}
.commentlist img.thumb {
	float: right;
	margin: 0 0 .5ex 1em;
	}
#leftcol .postlist > li {
	padding: .5ex 0;
	border-bottom: 1px dotted #fff;
	}
.postlist > li, #leftcol .postlist li p {
	clear: both;
	}
#leftcol .postlist li p {
	text-align: right;
	padding-top: .5ex;
	}
.postlist img.thumb {
	float: left;
	margin: 0 1em .5ex 0;
	}
#leftcol .postlist h5 {
	border: 0;
	}
.postlist h5 small {
	display: block;
	}
a.baggr-score {
	border: 2px solid #d4cbb7;
	background: url(/img/post-bg.png) #000;
	color: #fff;
	width: 50px;
	float: right;
	display: block;
	text-align: center;
	padding: .5ex 0;
	text-decoration: none;
	margin: 0 0 .5ex 1em;
	}
a.baggr-score strong {
	display: block;
	}
a.baggr-score strong em {
	font-size: 150%;
	font-style: normal;
	}

ol.archive, ol.archive ol {
	list-style: none;
	margin: 0;
	padding: 0;
	text-indent: 0;
	}
ol.archive h3 {
	border-bottom: 2px solid #d4cbb7;
	}
ol.archive h4 {
	border-bottom: 1px dotted #d4cbb7;
	}
.box ol.archive li.item, .box ol.postlist li {
	padding: .5ex .5em;
	}
.box .archive .item .bottom {
	margin: 0 -.5em;
	}
.box .archive .item .bottom h6 {
	margin: 0 .5em;
	}
#centercol ol.archive .bottom {
	padding-left: 0;
	padding-right: 0;
	clear: right;
	}
ol.archive .bottom li {
	padding: 0;
	}
ol.archive img.thumb {
	float: right;
	margin: 0 .5em .5ex 0;
	}

span.combo-score .baggr-score {
	display: none;
	}
span.combo-score:hover a {
	display: none;
	}
span.combo-score:hover .baggr-score {
	display: block;
	}

ul.itemlist {
	margin: 0 0 0 20px;
	padding: 0;
	text-indent: 0;
	list-style: url(/img/hand.png);
	}

#browsers dl dt {
	width: 49%;
	float: left;
	font-weight: bold;
	text-align: right;
	}
#browsers dl dd {
	margin: 0 0 1ex 51%;
	}