/* algemeen */
* {	margin: 0;	padding: 0;	}
body {	background: #333 url('/wp-content/themes/jasper/images/background.png');	font-family: Tahoma, Verdana, sans-serif;	font-size: small;	}
#container {	background: url('/wp-content/themes/jasper/images/header.png') repeat-x;	}
#kliko {	width: 70%;	margin: 0 15%;	}
h1.kop {	height: 275px;	text-indent: -9999px;	background: url('/wp-content/themes/jasper/images/jasper-tekst.png') 0 50px no-repeat;	}
span.kop {	background: url('/wp-content/themes/jasper/images/hallo-ik-ben-jasper.png') no-repeat;	text-indent: -9999px;	width: 467px;	height: 72px;	display: block;	margin-top: -30px;	}
h2 { display: none; }
h2.kop {	text-indent: -9999px;	height: 51px;	display: block; background: url('/wp-content/themes/jasper/images/subkoppen.png');	}
h3 {	color: white;	padding: 10px 0 2px 0;	font-size: 1.2em;	font-style: italic;	}
h4 {	padding: 10px 0 2px 0;	margin: 0;	}
#menu {	float: right;	margin: -270px 0 0 0;	padding: 15px 10px 20px 0;	color: white;	font-size: 16px;	list-style-type: none;	text-align: right;	border-right: 1px solid white;	}
#menu li {	line-height: 22px;	padding: 2px 0;	}
#menu a {	color: white;	text-decoration: none;	padding: 1px 5px 3px 5px;	background: black;	}
#menu a:hover {	background: #ff0096;	}
#content {	background: #111;	color: #ccc;	margin: -3px 0 0 0;	padding: 0 10px 5px 10px;	overflow: hidden;	}
#content p {	line-height: 20px;	}
.fade {	width: 100%;	height: 50px;	}
a {	color: white;	}
ul {	padding: 5px 0 5px 20px;	list-style-type: square;	}
ul span {	border-bottom: 1px dotted #ccc;	}
ol {	padding: 5px 0 5px 30px;	}
.wp-smiley { float: none !important; display: inline !important; }
#footer {	font-size: .6em;	color: #444;	text-align: center;	padding: 0 0 5px 0;	}
#footer a {	color: #444;	}
p {	padding: .5em 0 0 0;	}
dl p {	padding: 0 0 .5em 0;	}
dl {	margin: 10px 0 5px 0;	}
dt {	color: #ff0096;	border-bottom: 1px solid #ff0096;	width: 50%;	padding: 0 0 0 5px;	border-left: 3px solid #ff0096;	}
dd {	overflow: hidden;	}
img {	border: none;	}
.wp-caption { font-style: italic; color: gray; }

/* home-pagina */
#welkom h2.kop {	width: 641px;	}
.extra {	float: right;	padding: 10px 10px 3px 10px;	margin-bottom: 5px;	max-width: 250px;	width: 200px;	}
dl.extra {	margin: 0 0 5px 10px;	border-left: 1px dotted #ccc;	}
.extra dd {	margin: 0 0 7px 0;	}
.extra dt {	color: #ff0096;	border: none;	padding: 0;	}
#lastfm_recent {	padding: 2px;	}
#lastfm_recent span {	border: none;	}
#lastfm_recent img {	margin: 3px 5px 3px 0;	border: 3px solid white;	float: left;	max-width: 50px;	max-height: 50px;	}
#lastfm_recent .lastfm_recent_date {	color: gray;	font-style: italic;	}
#twitter a {	text-decoration: none !important;	font-style: italic;	}
.twitter-timestamp {	color: gray;	font-style: italic;	display: block;	}

/* jasper-pagina */
#jasper span.kop { background-position: 0 -72px; }
#jasper h2.kop {	background-position: 0 -51px;	width: 639px;	}
#jasper #container { background-position: -400px 0; }
#jasper #menu a:hover { background: #0095FF; }

#watIsJasper {	width: 812px;	margin: 0 auto;	}
#watIsJasper li {	display: block;	float: left;	}
.type1, .type2 {	min-height: 200px;	width: 400px;	border: 1px solid gray;	margin: 2px;	}
#watIsJasper img {	display: block;	}
.type1 img {	float: right;	padding: 0 0 0 5px;	}
.type2 img {	float: left;	padding: 0 5px 0 0;	}
#watIsJasper div {	display: block;	padding: 5px;	margin: 2px;	}
#lastfm {	padding: 0 0 0 205px;	width: 602px !important;	background: url('/wp-content/themes/jasper/images/lastfm.png') no-repeat top left;	width: 400px;	border: 1px solid gray;	margin: 2px;	}
#lastfm ol {	padding: 10px 0 0 0;	}
#lastfm li {	margin: 0;	border: none;	float: none;	}
#lastfm span {	border: none;	}
#lastfm .tijd {	color: #333;	font-size: x-small;	font-style: italic;	}

/* projecten-pagina */
#projecten span.kop { background-position: 0 -144px; }
#projecten h2.kop {	background-position: 0 -102px;	width: 429px;	}
#projecten #container { background-position: -600px 0; }
#projecten #menu a:hover { background: #5ac903; }
.projectenLijst { margin: 0;	overflow: hidden; }
.projectenLijst dt {	border: none;	padding: 0;	}
.projectenLijst strong {	padding: 0;	color: #5AC903;	}
.projectenLijst img {	float: right;	margin: 0 10px 0 0;	}
.projectenLijst span {	display: block;	border-right: 1px solid gray;	padding: 0 10px 0 0;	margin: 0 175px 0 0;	min-height: 150px;	border-bottom: none;	}

/* foto-pagina */
#fotos span.kop { background-position: 0 -216px; }
#fotos h2.kop {	background-position: 0 -153px;	width: 370px;	}
#fotos #container { background-position: -1300px 0; }
#fotos #menu a:hover { background: #FF6A00; }
.album {	padding: 3px;	}
.album li {	display: inline;	}
.album span {	display: none;	}
.album a img {	margin: 2px;	border: 2px solid white;	}
.album a:hover img { border-color: #000; }
.album strong { display: block;	padding: 0 0 5px 0; }

/* fotos->reacties */
/* we gaan hier iets van blog->reacties overrulen */
#fotos .reageerder a, #fotos .reageerder span { background: #FF6A00; }
#fotos .reageerder a:hover { background: white; color: #ff6a00; }
#fotos .verplicht, #fotos button { border-color: #ff6a00; }

/* blog */
#blog h2.kop {	background-position: 0 -204px;	width: 312px;	}
/* blog->index */
#blog .thumb { background: url('/wp-content/themes/jasper/images/blogThumbs.php'); }
#blogs {	padding: 0;	overflow: hidden;	}
#blogs li {	display: block;	width: 200px;	border: 3px solid black;	margin: 4px;	float: left;	}
#blogs h4 {	display: none;	}
#blogs a {	display: block;	width: 200px;	height: 30px;	overflow: hidden;	padding: 170px 0 0 0;	text-decoration: none;	}
#blogs a strong {	line-height: 30px;	font-size: 11px;	text-align: center;	display: block;	background: url('/wp-content/themes/jasper/images/blogHeaderBackground.png');	text-decoration: underline;	}
#blogs a:hover {	padding: 0;	height: 200px;	}
#blogs a:hover strong {	background: #ff0096;	}
#blogs span {	background: url('/wp-content/themes/jasper/images/blogTextBackground.png');	padding: 5px;	display: block;	border: none;	height:160px;	}
/* blog->single */
.informatie {	font-size: .7em;	text-align: center;	padding: 3px 0;	border-bottom: 1px solid gray;	margin: 0 0 10px 0;	font-style: italic;}
.informatie, .informatie a {	color: #aaa;	text-decoration: none;	}
.informatie a:hover {	text-decoration: underline;	}
.informatie span, .informatie a {	padding: 2px 20px;	}
.blogCreated {	background: url('/wp-content/themes/jasper/images/time.png') no-repeat top left;	}
.reactiesLink {	background: url('/wp-content/themes/jasper/images/comments.png') no-repeat top left;	}
.reageerLink {	background: url('/wp-content/themes/jasper/images/user_comment.png') no-repeat top left;	}
.nextPost {	background: url('/wp-content/themes/jasper/images/book_next.png') no-repeat top left;	}
.previousPost {	background: url('/wp-content/themes/jasper/images/book_previous.png') no-repeat top left;	}
.nextPost a, .previousPost a { padding: 0; }
.post {	overflow: hidden;	}
.post fieldset, .post blockquote {	margin: 10px 0 5px 0;	}
.post blockquote { overflow: hidden; }
blockquote img { float: left; margin: 0 5px 0 0; border: 1px solid gray; }
.post blockquote cite { display: block; }
.post fieldset blockquote {	margin: 5px 0 0 0;	}
cite { color: gray; }
p.gravatarinfo { padding: 0; text-align: right; color: gray; }
.toegestaneCode { text-align: right; }
ul.screenshots { text-align: center; padding: 5px; }
.screenshots li { display: inline; }
.screenshots img, .screenshot img { max-width: 200px; border: 1px solid white; }

/* blog->reacties + reageer (standaard) */
#reacties, #reageer {	width: 80%;	margin: 5px 10%;	padding: 0 0 10px 0;	font-size: small;	}
#reacties h4 { margin: 0 0 5px 0; }
#reacties h4, #reageer h4 {	border-bottom: 1px solid gray;	}
.reacties { padding: 0; }
.reacties li {	list-style-type: none;	padding: 0;	}
.reacties li li { padding: 0 0 0 35px; }
.reacties div {	padding: 2px 0px 4px 55px;	overflow: hidden;}
.reacties .info {	display: block;	border-bottom: 1px solid gray;	}
.reageerder a, .reageerder span {	padding: 1px 3px;	color: white;	text-decoration: none;	background: #ff0096;	}
.reageerder a:hover {	background: white;	color: #ff0096;	}
.reacties .datum {	color: gray;	font-style: italic;	}
.reacties div:hover {	background: #333;	}
.gravatar {	float: left;	margin: -1px 5px 5px -55px; /* -1 om hem gelijk te krijgen met de .reageerder span */	}
.alIngelogd { color: gray; text-align: right; font-style: italic; }
#reacties p {	padding: 0 0 .5em 0;	} /* ik wil die padding aan de onderkant hebben! */
p.nestedReageer { text-align: right; padding: 0; margin: -2px 0 -4px 0; font-size: .7em; }

/* contact-pagina */
#contact span.kop { background-position: 0 -144px; }
#contact h2.kop {	background-position: 0 -255px;	width: 535px;	}
#contact #menu a:hover { background: #5AC903; }
#contact #container { background-position: -600px 0; }
#contact .verplicht, #contact button { border-color: #5AC903; }

/* fout-pagina */
#error h2.kop {	background-position: 0 -306px;	width: 488px;	}


/* formulieren */
label {	width: 100px;	display: block;	float: left;	text-indent: -5px;	}
textarea, input, button { background: white; }
textarea, input {	margin: 2px 0;	width: 350px;	font-family: Tahoma, Verdana, sans-serif;	font-size: .9em;	border: 2px solid #ccc;	padding: 3px;	}
input {	height: 16px;	}
input:focus, textarea:focus, button:focus {	border-color: #5AC903 !important;	}
form {	width: 465px;	margin: 5px 0;	padding: 3px 5px;	overflow-y: hidden;}
button {	border: 2px solid #ff0096;	padding: 2px 3px;	float: right;	}
.verplicht {	border: 2px solid #ff0096;	}
#captcha, #captchap { display: none; }