/*
Template name: Canvas
Release date: 2009-03-15
Description: A dark, minimal, horizontal and vertically centered template.
Author: Edwin Paree
Author URL: http://www.edwinparee.nl/
*/

/* standard elements */

* {margin:0;padding:0}

a:link, a:visited {
	color:#777;
	text-decoration:none;
	}

a:active {color:#bbbbbb;
	text-decoration : none;
	font-weight : normal;
	}

a:hover {
	color:#777;
	}

a:link img, a:visited img {border-color: #222;}


html, body {
	height: 100%; /* héél belangrijk */
	background: #000 url(img/bg.gif) repeat-y top center; 
	color: #555;
	font: normal 75% "Lucida Sans Unicode",sans-serif;
	}

p,code,ul {
	font-size: 1.2em;
	padding-bottom: 1.2em;
}

h1 {
	font-size: 1.4em;
	margin-bottom: 4px;
}

li {
	list-style: url(img/li.gif);
	margin-left: 0px;
}

h1,h2,h3 {
	color: #777;
	font: bold 1.2em "Trebuchet MS",sans-serif;
}

/* misc */
.clearer {clear: both;}

/* navigation */

.navigation {
	position: absolute;
	left: 50%;
	margin: 0 0 0 -450px;
	width: 900px;
	background: url(img/logo.gif) no-repeat;
	height: 70px;
	}

.navigation a {
	color: #555;
	float: right;
	font: bold 1.2em "Trebuchet MS",sans-serif;
	margin-top: 9px;
	padding: 8px 12px 4px;
	text-align: center;
	text-decoration: none;
	border-bottom:2px solid #555;
	}

.navigation a:hover {
	color: #555;
	border-bottom:2px solid #cb3939;
	padding: 8px 12px 4px;
	}

/* Hor and vert centered image */

#wrapper{
	height:100%;
	width:100%;
	display:table;
	vertical-align:middle;
}
#outer{
	display:table-cell;
	vertical-align:middle;
}
#formwrap{
	position:relative;
	left:50%;
	float:left;
}
#form1{
	position:relative;
	text-align:right;
	left:-50%
}
p{margin:1em 0}
input{position:relative;background:#ffffcc}

.entry {color : #555;
        font-size : 11px;
        font-weight : normal;
        text-align : center;
}

/* footer */

.footer{
	border-top:2px solid #222;
	left: 50%;
	margin: 0 0 0 -450px;
	position:absolute; 
	bottom:0;
	width:900px;
	height:40px;
	background-color:#191919;
	text-align: center;
	color: #555;
	font: bold 1.2em "Trebuchet MS",sans-serif;
	text-align: center;
	text-decoration: none;
	}

.footer a:hover {
	color: #555;
	}

.footer .right, .footer .right a {color: #443;}
.footer .right a:hover {color: #665;}

/* floats */
.left {float: left;}
.right {float: right;}
.clearer {clear: both;}


#col1 {
	width:33%;
	float:left;
	}

#col2 {
	width:33%;
	float:left;
	}

#col3 {
	width:33%;
	float:right;
	}

/* Pages */

#page {
	padding:20px 0px 0px 55px;
	text-align:left;
	width:800px;
	margin:0px auto;
	}

#page h2 {
	font-weight:normal;
	letter-spacing:2px;
	font-size:11px;
	text-transform:uppercase;
	margin:0px 0px 10px 0px;
	}

#page p {
	font-size:12px;
	margin: 0px 20px 20px 0px;
	}

#page ul {
	font-size:10px;
	margin:0px 20px 20px 0px;
	}
	
#page ul li {
	list-style:none;
	}
	
#page a {
	}


#page img {
	background:#191919;
	padding:3px;
	border: 1px solid #222;
	}

#infobox {
	width:100%;
	text-align:left;
	}

.thumbnails {
	padding:3px;
	margin:3px;
	}