/* 
Theme Name: Kleio 2.0
Theme URI: http://www.kleioamsterdam.nl/ 
Description: Kleio Website
Author: Rutger de Vries & David Graus
Author URI: http://www.perongeluk.com
Version: 1.0 
*/ 

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}

/* =Typography
-------------------------------------------------------------- */

a:hover, a:visited {
	color:black;
	}

a:visited {
	color:blue;
	}

#title {
	font-family: 'Andale Mono', Monaco, 'Courier New', monospaced;
	font-size:15px; 
	font-style:normal;
	text-transform:uppercase;
}

#nav {
	font-family: Andale Mono, Monaco, Courier New, monospaced;
	text-align: right;
	}

#nav a:active, #nav a:hover {
	color:black;
}

#nav ul li {
	font-size:15px; 
	text-transform:uppercase;
	padding-right:10px;
	display:inline;
	}
	
#main, #main p, #post {
	font-size:11px; 
	font-family: Andale Mono, Monaco, Courier New, Verdana, monospaced;
	letter-spacing: 1px;
	line-height: 20px;
}

#pagetitle {
	font-family: Andale Mono, Monaco, Courier New, monospaced;
	font-size:15px;
	}

#sidebar {
	font-size:11px;
	}
	
#sidebar h2 {
	padding:0px 20px 0 20px;
	}
	
#sidebar ul li {
	padding:0px 20px 0 20px;
	}

#content p {
	padding-bottom:15px;
	line-height: 18px;
	}
	
#content ul li {
	list-style-type:square;
	list-style-position:inside;
	}
	
#content ul {
	padding-bottom: 15px;
	}

#content h1 a {
	font-size:15px;
	text-transform:uppercase;
	font-family: Andale Mono, Monaco, Courier New, monospaced;
	color:black;
	text-decoration:none;
	}
	
#content h2 {
	text-transform:uppercase;
	font-family: Andale Mono, Monaco, Courier New, monospaced;
	font-size: 13px;
	padding-bottom:5px;
	}
	
#content img {
	max-width:500px;
	}
	
#pagetitle {
	padding-bottom: 15px;
	text-transform:uppercase;
	}

#content h1 a:hover{
	color:blue;
	}

/* =Layout
-------------------------------------------------------------- */
#wrapper {
	width:100%;
	margin: 0 auto;
}

#nav {
	width:950px;
	height:95px;
	}

#header {
	padding-top: 10px;
	width:750px;
	height:95px;
	margin: 0 auto;
}

#nav ul.children {
	display:none;
	}

#logo {
	float:left;
	margin-left:-105px;
	width:105px;
	height:95px;
}

#title {
	padding-top:30px;
	float:left;
	width:380px;
	height:65px;
}

#main {
	margin-left:105px;
	margin: 0 auto;
	width:750px;
	}

/* -------------------------------------------------------------- */

#content {
	width:500px;
	float:left;
	}
	
.commentlist { 
	width: 350px; 
	padding: 10px 0;
	}  

.comment-body {
	padding-bottom:25px;
	}
	
.commentmetadata {
	line-height:12px;
	font-size: 10px; 
	}  

#sidebar {
	float:left;
	width:200px;
	padding-left: 40px;
	overflow:hidden;
	}
	
#widget {
	border:0px solid #ccc;
	padding-bottom:5px;
	margin-bottom:5px;
	}

#search {
	height:24px;
	border: 1px solid #ccc;
	}

#searchform {
	padding: 10px;
	border: 1px solid #ccc;
	}

#s {
	width:98%;
	height:100%;
	padding:0 2px;
	border:0;
	color:#666;
	}

input[type="text"] {
	padding:0;
	border:1px solid #ccc;
	}

input[type="search"] {
	border: 0;
	color: #ccc;
	}
	
/* -------------------------------------------------------------- */

.post {
	padding-bottom: 20px;
	}

.post img {
	padding-right: 10px;
	}

/* ---------FORM--------------------- */


td.boeken h3 { margin: 0; }

ul.boeken {
        list-style-type: none;
        padding-left: 0;
        margin-top: 0;
        margin-left: 0;
        text-align: left;
	}

.label {
	text-align:right;
	padding-right: 10px;
	}

td.input input[type="text"] {
	width: 350px;
	padding:2px;
	}

#form.tbody tr {
	padding-bottom: 10px;
	}

ul.boeken li
      {
        padding-left: 0;
        text-align: left;
        font-weight: normal;
        margin: 0;
        font-size: 70%;
      }

ul.vermist, ul.vermist li
      {
        margin-left: 10px;
      }

.kleioprijs { color: #750000; }
.valign { vertical-align: top; }

td.vak { font-weight: bold; margin-bottom: 1em; }