﻿/* ---------- ---------- Design + HTML/CSS coding by Thijsbode.com 2010---------- ---------- */	

/* ---------- ---------- Site indeling ---------- ---------- */

* {
	margin: 	0px;
	padding: 	0px;
	border: 	0px;
	}

html, body {
	height: 	100%;
	}

.clear { clear: both;}

#page {
	background: url('../images/backdrop.jpg') 50% 50% no-repeat #000000;
	height: 	100%;
	}

#errorpage {
	background: url('../images/404.jpg') 50% 50% no-repeat #000000;
	height: 	100%;
	}

	

/* ---------- ---------- Site indeling ---------- ---------- */



.slide {
	padding: 		20px;
	width:			220px;
	background: 	#111111;
	border: 		1px solid #333333;
	color: 			#666666;
	font-family:	"Century Gothic", Arial, Tahoma, Verdana;
	z-index: 		9000;
	}  

.slide h2 {
	font-size: 		22px;
	font-weight: 	bold;
	margin-bottom: 	50px;
	padding-bottom: 5px;
	color: 			#e3e3e3;
	text-align: 	right;
	}


.desc, .cont {
	font-size:		12px;
	display: 		block;
	text-align:		right;
	float: 			right;
	margin-right:	5px;
	margin-top: 	5px;
	}

.desc { font-weight: bold; width: 50px; margin-right: 10px}
.cont { color: #fefefe; width: 140px; }

ul#social {
	margin: 		0px;
	padding:		0px;
	list-style: 	none;
	font-size:		12px;
	margin-top: 	50px;
	margin-right:	5px;
	display: 		block;
	}

ul#social li {
	display: 		block;
	float:			left;
	width:		 	47px;
	height: 		47x;
	margin: 		3px;
	}

ul#social li a {
	display: 		block;
	width: 			47px;
	height:			47px;
	margin:			4px;
	text-indent:	-3000px;
	}

a.twitter			{ background: url('../images/twitter.jpg') 50% 100% no-repeat; }
a.twitter:hover 	{ background: url('../images/twitter.jpg') 50% 0% no-repeat; }

a.facebook 			{ background: url('../images/facebook.jpg') 50% 100% no-repeat; }
a.facebook:hover 	{ background: url('../images/facebook.jpg') 50% 0% no-repeat; }

a.myspace 			{ background: url('../images/myspace.jpg') 50% 100% no-repeat; }
a.myspace:hover 	{ background: url('../images/myspace.jpg') 50% 0% no-repeat; }

a.hyves				{ background: url('../images/hyves.jpg') 50% 100% no-repeat; }
a.hyves:hover 		{ background: url('../images/hyves.jpg') 50% 0% no-repeat; }
/* ---------- ---------- Design + HTML/CSS coding by Thijsbode.com 2010---------- ---------- */	


