@charset "UTF-8";
/* 
Theme Name: Vincent Loopstra
Theme URL: http://www.vincentloopstra.nl/
Description: Basic Wordpress theme
Version 1.0
Author: Maarten van Gent
Author URL: http://www.maartenvangent.nl/

*/

@font-face {
	font-family: 'BebasRegular';
	src: url('http://www.vincentloopstra.nl/fonts/BEBAS___.eot');
	src: local('Bebas'), local('Bebas'), url('http://www.vincentloopstra.nl/fonts/BEBAS___.woff') format('woff'), url('http://www.vincentloopstra.nl/fonts/BEBAS___.ttf') format('truetype'), url('http://www.vincentloopstra.nl/fonts/BEBAS___.svg#Bebas') format('svg');
}

@font-face {
	font-family: 'KomikaTitleRegular';
	src: url('http://www.vincentloopstra.nl/fonts/KomikaTitle.eot');
	src: local('Komika Title'), local('KomikaTitle'), url('http://www.vincentloopstra.nl/fonts/KomikaTitle.woff') format('woff'), url('http://www.vincentloopstra.nl/fonts/KomikaTitle.ttf') format('truetype'), url('http://www.vincentloopstra.nl/fonts/KomikaTitle.svg#KomikaTitle') format('svg');
}

body{
	margin: 0;
	font-family: 'Lucida Grande', Verdana, Arial, sans-serif;
	font-size: 11px;
	text-align: left;
	vertical-align: top;
	background: #FFFFFF;
	color: #000000;
	}

body, h1, h2, h3, h4, h5, h6, blockquote, p{
	margin: 0;
	padding: 0;
	}

img{
	border: none;
	}

h1{
	font-family: 'BebasRegular', 'Lucida Grande', Verdana, sans-serif;
	font-size: 20px;
	font-weight: 100;
	letter-spacing: 2px;
	}

h2{
	font-family: 'BebasRegular', 'Lucida Grande', Verdana, sans-serif;
	font-size: 40px;
	font-weight: 100;
	letter-spacing: 2px;
	text-shadow: 0px 2px 3px #CCCCCC;
	}

h3{
	font-family: 'BebasRegular', 'Lucida Grande', Verdana, sans-serif;
	font-size: 16px;
	font-weight: 100;
	letter-spacing: 2px;
	}

a:link, a:visited{
	text-decoration: none;
	color: #333333;
	background-color: transparent;
	}

a:hover{
	text-decoration: none;
	color: #FFFFFF;
	background-color: #3399FF;
	}

#header a:link{
	text-decoration: none;
	color: #191919;
	background-color: transparent;
	}

#header a:visited{
	text-decoration: none;
	color: #191919;
	background-color: transparent;
	}


#header a:hover{
	text-decoration: none;
	color: #FFFFFF;
	background-color: #ff6666;
	}

#menu a:link{
	background-color: white;
	text-decoration: none;
	font-size: 11px;
	text-align: left;
	color: #191919;
	}

#menu a:visited{
	background-color: white;
	text-decoration: none;
	font-size: 11px;
	text-align: left;
	color: #191919;
	}

#menu a:hover{
	text-decoration: none;
	font-size: 11px;
	text-align: left;
	color: #FFFFFF;
	background-color: #3399FF;
	}

#login a:link{
	text-decoration: none;
	color: white;
	background-color: #FFFFFF;
	}

#login a:visited{
	text-decoration: none;
	color: white;
	background-color: #FFFFFF;
	}

#login a:hover{
	text-decoration: none;
	color: #FFFFFF;
	background-color: #FF6666;
	}

.title-post a:link{
	text-decoration: none;
	color: #333333;
	background-color: #FFFFFF;
	}
	
.title-post a:visited{
	text-decoration: none;
	color: #333333;
	background-color: #FFFFFF;
	}

.title-post a:hover{
	text-decoration: none;
	color: #666666;
	background-color: white;
	}

.tag a:link{
	text-decoration: none;
	color: #FFFFFF;
	background-color: #3399FF;
	}

.tag a:visited{
	text-decoration: none;
	color: #999999;
	background-color: #3399FF;
	}

.tag a:hover{
	text-decoration: none;
	color: #FF6666;
	background-color: #FFFFFF;
	}

.license a:link{
	text-decoration: none;
	color: #FFFFFF;
	background-color: #FF6666;
	}

.license a:visited{
	text-decoration: none;
	color: #FFFFFF;
	background-color: #FF6666;
	}

.license a:hover{
	text-decoration: none;
	color: #FFFFFF;
	background-color: #666666;
	}

#wrapper{
	margin: 25px auto 0 auto;
	width: 900px;
	text-align: left;
	}

#header{
	width: 900px;
	display: block;
	}

#header-box{
	width: 900px;
	display: block;
	}

#menu{
	padding: 10px 0px 10px 0px;
	text-align: left;
	float: left;
	}

#login{
	padding: 10px 0px 10px 0px;
	float: right;
	}

.title_panel{
	width: 900px;
	float: left;
	padding-bottom: 20px;
	background-color: white;
	background-image: url(http://www.vincentloopstra.nl/images/title-bg.jpg);
	background-position: top;
	background-repeat: repeat-x;
	}

.title-list{
	padding: 10px 0px 15px 0px;
	width: 300px;
	min-height: 55px;
	float: left;
	display: inline;
	background-image: url(http://www.vincentloopstra.nl/images/title-bg.jpg);
	background-position: top;
	background-repeat: no-repeat;
	}

.title-excerpt{
	width: 260px;
	float: left;
	line-height: 17px;
	padding: 10px 0px 10px 0px
	}

#container{
	width: 900px;
	display: block;
	float: left;
	}

.post{
	padding: 0px 0px 30px 0px;
	float: left;
	display: block;
	}

.top-post{
	float: left;
	width: 900px;
	padding: 10px 0px 15px 0px;
	}

.title-post{
	width: 400px;
	padding: 0px 500px 10px 0px;
	float: left;
	display: block;
	}

.postmetadata{
	padding: 0px 0px 10px 0px;
	display: block;
	}
	
.entry{
	padding: 0px 0px 0px 0px;
	width: 900px;
	float: left;
	}

.entry ul{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 900px;
	float: left;
	list-style: none;
 	overflow: auto;
 	overflow-y: hidden;
 	white-space: nowrap;
	}

.entry li{
	list-style: none;
	float: left;
	display: inline;
	}

.entry p{
	line-height: 20px;
	padding: 0px 0px 0px 0px;
	}

.entry h3{
	padding: 5px 0px 5px 0px;
	}

.post-excerpt h2{
	line-height: 60px;
	}

.post-excerpt{
	width: 400px;
	float: left;
	line-height: 17px;
	padding: 10px 0px 10px 0px
	}

.sep-top{
	height: 35px;
	width: 900px;
	float: left;
	background-image: url(http://www.vincentloopstra.nl/images/sep-top.png);
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	}

.sep-small-small{
	height: 3px;
	width: 300px;
	float: left;
	background-image: url(http://www.vincentloopstra.nl/images/sepsmallsmall.png);
	background-repeat: no-repeat;
	background-position: left;
	display: block;
	}

.sep-small{
	height: 5px;
	width: 900px;
	float: left;
	background-image: url(http://www.vincentloopstra.nl/images/sepsmall.png);
	background-repeat: no-repeat;
	background-position: left;
	display: block;
	}

#footer{
	width: 900px;
	padding: 10px 0px 10px 0px;
	font-size: 9px;
	text-align: left;
	line-height: 25px;
	float: left;
	display: block;
	}

#footer img{
	border: 4px;
	border-color: #FFFFFF;
	}

.wplogo{
	float: right;
	padding: 0px 0px 30px 0px;
	}

.license{
	width: 310px;
	background-color: #FF6666;
	}