/*
Theme Name: Ruben Wiersma
Theme URI: http://rubenwiersma.nl/
Description: Een stijlvol minimalistisch wordpress thema
Version: 1.0
Author: Ruben Wiersma
Author URI: http://rubenwiersma.nl/
Tags: minimalistisch, grijs, ruis, sans-serif
*/
@charset "UTF-8";
/* CSS Document */
@font-face {
    font-family: League Gothic;
    src: local('League Gothic'), url(http://www.rubenwiersma.nl/wp-content/themes/rubenwiersma/leaguegothic.otf) format("opentype");
}
body {
	background: url(http://www.rubenwiersma.nl/wp-content/themes/rubenwiersma/img/bg.gif) fixed;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #333;
	margin: 0px;
}
p, h1, h2 {
	margin: 0px;
	padding: 0px;
}
p {
	padding-bottom: 14px;
	line-height: 25px;
	text-align: justify;
}
h1 {
	font-family: League Gothic, Helvetica, Arial, sans-serif;
	font-size: 28px;
	text-transform: uppercase;
	font-weight: normal;
	margin-top: 20px;
	text-shadow: #FFF 1px 1px 0;
}
h2 {
	font-family: League Gothic, Helvetica, Arial, sans-serif;
	font-size: 24px;
	text-transform: uppercase;
	font-weight: normal;
	text-shadow: #FFF 1px 1px 0;
}
em {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}
a {
	color: #900;
	text-decoration: none;
}
a:hover {
	color: #333;
}
a:focus {
	margin-top: 10px;
}
h1 a {
	color: #333;
}
h1 a:hover {
	color: #900;
}
#bg {
	position: fixed;
	top: 0;
	z-index: 0;
	background: url(http://www.rubenwiersma.nl/wp-content/themes/rubenwiersma/img/gradient.gif) center top no-repeat;
	width: 100%;
	min-height: 600px;
}
#shell {
	position: absolute;
	z-index: 1;
	width: 740px;
	left: 50%;
	margin-left: -370px;
}
#header {
	z-index: 2;
	position: fixed;
	width: 100%;
	padding: 0px;
	background: url(http://www.rubenwiersma.nl/wp-content/themes/rubenwiersma/img/gradient.gif) center top no-repeat;
}
#headerinset {
	width: 740px;
	margin-left: auto;
	margin-right: auto;
	border-bottom: 1px solid #FFF;
}
h1#titel {
	font-size: 80px;
	margin-top: 70px;
}
h1#links {
	margin-top: 96px;
}
h1#welkom {
	font-family: Georgia, Times New Roman, Serif;
	font-style: italic;
	text-align: center;
	font-size: 36px;
	text-transform: none;
	color: #333;
}
#content {
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 185px;
}
.meta a {
	color: #333;
}
.meta a:hover {
	color: #900;
}
.icon {
	width: 16px;
	height: 16px;
	margin-right: 5px;
}
#dateimg {
	background: url(http://www.rubenwiersma.nl/wp-content/themes/rubenwiersma/img/date.gif);
}
#dateimg:hover {
	background: url(http://www.rubenwiersma.nl/wp-content/themes/rubenwiersma/img/dateover.gif);
}
#catimg {
	background: url(http://www.rubenwiersma.nl/wp-content/themes/rubenwiersma/img/cat.gif);
	margin-left: 10px;
}
#catimg:hover {
	background: url(http://www.rubenwiersma.nl/wp-content/themes/rubenwiersma/img/catover.gif);
}
#reactieimg {
	background: url(http://www.rubenwiersma.nl/wp-content/themes/rubenwiersma/img/reactie.gif);
	margin-left: 10px;
}
#reactieimg:hover {
	background: url(http://www.rubenwiersma.nl/wp-content/themes/rubenwiersma/img/reactieover.gif);
}
.grootimg {
	margin-left: -20px;
	margin-bottom: 10px;
}
.boxr {
	width: 201px;
	height: 273px;
	margin-top: 10px;
	margin-bottom: 30px;
	margin-left: -24px;	
	padding: 55px 0 0 550px;
}
.boxl {
	width: 721px;
	height: 268px;
	margin-top: 10px;
	margin-bottom: 30px;
	margin-left: -24px;
	padding: 60px 0 0 30px;
}
.boxtekst {
	width: 165px;
	height: 205px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 14px;
	color: #666;
	line-height: 25px;
}
.boxtekst a {
	color: #333;
	text-decoration: none;
}
.boxtekst a:hover {
	color: #900;
}
input {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 14px;
	background: #FFF;
	border: 1px solid #b2b2b2;
	padding: 5px;
	-webkit-box-shadow: #b2b2b2 1px 1px 3px;
}
textarea {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 14px;
	background: #FFF;
	border: 1px solid #b2b2b2;
	padding: 5px;
	-webkit-box-shadow: #b2b2b2 1px 1px 3px;
}