/* 
	Theme Name: Hoogerbrugge
	Theme URI: http://joep-i.nl
	Description: Hoogerbrugge theme
	Author: Joep Vermaat
	Author URI: http://www.joep-i.nl
	Version: 1.0
		
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/

/* Begin Typography & Colors */
html { height: 100%; margin-bottom: 1px;}

body {
	color: #222;
	text-align: center;
	background-color: #ccc;
	margin : 18px 0px 0px 18px;
	padding : 0;
	}

body, td, div, li, span, h1, h2, h3, h4 {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
}

div, p, span, td {
	font-size : 8pt;
}

img {
	border-style : none;
	border-width : 0px 0px 0px 0px;
}


#page {
	margin-left : auto;
	margin-right : auto;
	width : 728px;
}

#links {
	float : left;
	margin-right : 10px;
}

#midden {
	float : left;
	margin-right : 10px;
}

#rechts {
	float : left;
}

#content {
	margin-left : 10px;
	float : left;
	width : 468px;
	background-color : #fff;
	margin : 0px 0px 0px 10px;
}

#leftside {
	float : left;
	margin : 0px 0px 0px 0px;
	width : 120px;
}

div#leftside p {
	margin : 0px 0px 2px 0px;
	font-size : 8pt;
}

#rightside {
	float : left;
	width : 120px;
	margin : 0px 0px 0px 10px;
}


#footer {
	clear : both;
}

div.clearit {
	width : 728px;
	height : 10px;
	clear : both;
}

.hrhide {
	display : none;
}

#rightside ul {
	list-style-type : none;
	margin : 0;
	padding : 0;
}














#rightside li {
	list-style-type : none;
	margin : 0;
	padding : 0;
	font-size : 8pt;
	line-height : 10pt;
}


.block li a {
	color : #333;
	font-weight : bold;
}


div.block li.level0 {
	margin : 0px 0px 5px 2px;
}


div.block ul#level2 li {
	margin : 0px 0px 0px 15px;
}

div.block ul#level2 li  a {
	color : #666;
}



div,td {
	text-align : left;
}

td {
	vertical-align : top;
}

h2.pagetitle {
	margin : 10px 30px 10px 10px;
	font-size : 10pt;
}

div.navigation {
	margin : 10px 30px 50px 30px;
	width : 408px;
	background-color :#fff;
}

div.post {
	clear : both;
	margin : 10px 30px 10px 10px;
	width : 428px;
	background-color :#fff;
}

div.post td.entry a {
   text-decoration : underline;
}

div.post h2 {
	border-width : 0px 0px 0px 0px;
	font-size : 9pt;
	font-weight : bold;
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
	display : inline;

}

div.post h3 {
	font-size : 10pt;
	font-weight : bold;
}

table.posttable {
	margin : 0px 0px 0px 0px;
	padding : 0;
	border-style : none;
	border-collapse : collapse;

	width : 428px;
}

td.title {
	width : 328px;
	vertical-align : top;
}

td.title h2 {
	margin : 0px 0px 10px 0px;
	padding : 0px 0px 0px 0px;
}


td.time {
	width : 140px;
	vertical-align : top;
	text-align : right;
	border-style : none;
	padding : 3px 0px 0px 0px;

	margin : 0;
}

td.category {
	padding-top : 4px;
	width : 20px;
}

table.posttable td.entry {
	border-style :none;
	width : 408px;
	padding : 0px 0px 0px 0px;
	vertical-align : top;
	margin : 0px 0px 0px 0px;
	border-style : dashed;
	border-color : #000;
	border-width : 0px 0px 1px 0px;
}

table.singletable td.entry, table.pagetable td.entry {
	border-style : none;
	width : 408px;
	padding : 0px 0px 0px 0px;
	vertical-align : top;
	margin : 0px 0px 0px 0px;
}

table.titeltable {
	margin : 20px 0px 0px 15px;
}

td.entry p {
	margin-top : 0px;
	margin-bottom : 5px;
	margin-left : 0px;

	font-size : 8pt;
	line-height : 13pt;
}


div.block {
	border-style : none;
	border-width : 0px 0px 0px 0px;
	margin-bottom : 10px;
}

div.block h2 {
	font-size : 10pt;
	font-weight : bold;

	border-style : dashed;
	border-width : 1px 0px 1px 0px;

	padding-top : 5px;
	padding-bottom : 5px;
	margin-top : 0px;
	margin-bottom : 10px;
	margin-left : 2px;
}

div#advert {
	padding-top : 10px;
}

div#meta li {
	list-style-type : none;
	margin : 0px;
}

div.navigation {
	margin-bottom : 20px;
}

div.alignleft {
	margin : 0px 0px 10px 0px;
	float : left;
}

div.alignright {
	margin : 0px 0px 10px 0px;
	float : right;
}

a {
	color : #000;
	text-decoration : none;
}
a:hover {
	color : #c00;
	text-decoration : underline;

}





#comment {
	width : 460px;
}

div.comments {
	border-style : none;
	margin-bottom : 10px;
	margin-top : 20px;
}
