/*

This is the workable CSS for every individual website.
While using all the other CSS for building up the grid.
The author of this file is Webstylerz.

All rights are owned by Webstylerz.
For more information contact Ruben Marissen 
ruben@webstylerz.nl or find contact information on www.webstylerz.nl

*/

html{
	background: #FFF url(../images/body_bottombg.jpg) repeat-x bottom left;
	
}	
div.opvakantie{
	position: absolute;
	left: 30%;
	top: 0px;
	width: 500px;
	height: 42px;
}
.gallery{
}

.gallery dt{
	float: left;
	margin: 5px;
}
.gallery dt img{
	border: 5px solid #CCC;
}

body{
	background: #FFF url(../images/body_topbg.jpg) repeat-x top left;
	font-family: Georgia, Serif;
	padding: 0;
	padding-top: 35px;
	margin: 0;
	margin-bottom: 30px;
	color: #999;
	font-size: 14px;
	text-align: justify;
}	

#infobox{
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 25px;
	
}

a{ color: #ff642b; text-decoration: none; }

div.container{
	width:790px;
}

h1{
	color: #999;
	font-size: 30px;
	padding: 25px 0;
}


h1 a span{
	color: #FFF;
	font-size: 14px;
	padding: 25px 0;
}


h1 a{
	color: #333;
}
h2{
	color: #333;
	font-size: 20px;
	padding: 0;
}

h2 a{
	color: #333;
}

h3{
	color: #333;
	font-size: 16px;
}
div.buttons a.home{
	display: block;
	width: 50px;
	height: 50px;
	float: right;
	margin: 5px 0;
	background: url(../images/home_button.jpg) no-repeat right top;
}

div.buttons a.contact{
	display: block;
	width: 50px;
	height: 50px;
	float: right;
	margin: 5px 0;
	background: url(../images/contact_button.jpg) no-repeat right top;
}

div.buttons a.twitter{
	display: block;
	width: 50px;
	height: 50px;
	float: right;
	margin: 5px 0;
	background: url(../images/twitter_button.jpg) no-repeat right top;
}


div.buttons a.weblog{
	display: block;
	width: 50px;
	height: 50px;
	float: right;
	margin: 5px 0;
	background: url(../images/weblog_button.jpg) no-repeat right top;
}

div.buttons a:hover{
	width: 120px;
}

div.title{
	text-align: center;
	background: url(../images/title_bg.jpg) repeat-x center left;
	height: 45px;
}

div.title span{
	background: #FFF;
	padding: 0 10px;
	font-family: Georgia, Serif;
	color: #999;
	font-size: 24px;
}

ul.portfolio{
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.portfolio li{
	float: left;
	margin: 17px 34px 17px 0;
	position: relative; 
	width: 240px; 
	height: 150px;
}

ul.portfolio li.last{
	margin: 15px 0 15px 0;
}
ul.portfolio li div{
	height: 0px;
	overflow: hidden;
	display: block;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 240px;
	z-index: 10;
	background: #000;
	opacity: 0.8;
	filter: alpha(opacity=80);
}

ul.portfolio li div.info h2{
	color: #FFF;
	font-size: 12px;
	padding: 5px 0 0 5px;
	margin: 0;
	}

ul.portfolio li div.info p{
	margin: 0;
	padding: 5px 0 0 5px;
	color: #FFF;
	font-size: 12px;
	text-align: left;
}
ul.portfolio li div.info a{
	color: #FFF;
	font-size: 12px;
}

img.alignright{
	float: right;
	margin: 0 0 5px 25px;
}

img.alignleft{
	float: left;
	margin: 5px 15px 0 0;
}

div.tags{
	font-size: 12px;
	color: #000;
	padding-bottom: 100px;
}

div.tags a{
	color: #999;
	text-decoration: underline;
}
p.post-info, p.post-comments, p.post-edit{
	font-size: 11px;
	padding: 0 15px 5px 0;
	margin: 0;
	text-align: left;
}
p.post-info a, p.post-comments a, p.post-edit a{
	color: #333;
}
p.post-comments{
	padding-top: 8px;
}
p.post-info{
	padding-top: 17px;
}
p.post-comments span{
	background: #EDEDED;
	padding: 3px 8px;
	-khtml-border-radius: 5px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-size: 13px;
}
p.post-comments span:hover{
	background: #ccc;
	color: #FFF;
}
div.post-element{
	border-bottom: 3px solid #F1F1F1;
	clear: both;
	margin-bottom: 15px;
}

div.clear-both{
	clear: both;
	font-size: 1px;
	height: 1px;
}

div.post-element img{
	border: 3px solid #F1F1F1;
}

ul.xoxo{
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.xoxo li.widget-container{
	float: left;
	width: 197px;
	margin: 0;
	padding: 0;
}

ul.xoxo li.widget-container ul{
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: left;
}
ul.xoxo li.widget-container h3{
	font-size: 16px;
}
ul.xoxo li.widget-container input{
	background: #F1F1F1;
	padding: 4px;
	border: 0;
	width: 100px;
	font-family: Georgia, Serif;
	letter-spacing: 0.5px;
}

ul.xoxo li.widget-container input#searchsubmit{
	border: 0;
	background: none;
	font-family: Georgia, Serif;
	width: auto;
	font-weight: bold;
	color: #999;
	font-size: 12px;
	cursor:pointer;
}

div.vcard p{
	clear: both;
}

div.vcard a.date{
	color: #999;
	font-size: 12px;
}

div.vcard a.date:hover{
	text-decoration: underline;
}

div.vcard p.meta{
	font-size: 12px;
	text-align: left;
	clear: both;
}

p.vcard img{
	float: left;
	margin: 0 5px 0 0;
}

div.vcard p.meta a{
	color: #999;
}

div.vcard p.meta a:hover{
	text-decoration: underline;
}
div.comment{
	border-bottom: 1px solid #F1F1F1;
	margin-bottom: 20px;
	padding-bottom: 10px;
}

div.comment-text p{
	width: 450px;
	text-align: left;
}

div#respond p{
	margin: 0;
	padding: 0;
}
div#respond input, div#respond textarea{
	background: #F1F1F1;
	border: 0;
	padding: 3px;
	font-size: 14px;
	font-family: Georgia, Serif;
	color: #666;
}
div#respond textarea{
	width: 350px;
	height: 100px;
}
div.pingback{
	border-bottom: 1px solid #F1F1F1;
	margin-bottom: 20px;
	padding-bottom: 10px;
	font-size: 10px;
}
div.pingback a{
	color: #999;
}

div.contact_form span{
	font-weight: bold;
}

div.contact_form p{
	margin: 0;
}

div.wpcf7 input,div.wpcf7 textarea{
	border: 3px solid #F1F1F1;
}
div.wpcf7 textarea{
	height: 125px;
}



ul.menu{
	list-style: none;
	margin: 0;
	padding: 35px 0 ;
	text-align: right;
}
ul.menu li{
	display: inline;
	padding: 0 10px;
}


.footer{
	border-top: 1px solid #CCC;
}
.footerlinks{
	padding: 20px 0;
}