/*   
Theme Name: Seanjeronimus
Theme URI: seanjeronimus.nl
Description: Seans portfolio and blog
Author: Seanjeronimus
Author URI: www.seanjeronimus.nl
Version: 1.0.
*/

@font-face {
	font-family: 'TypoSlab';
	src: url('TypoSlabserif-Light.eot');
	src: local('TypoSlabserif-Light Regular'), local('TypoSlabserif-Light'), url('TypoSlabserif-Light.ttf') format('truetype');
}
/* Begin Typography & Colors */
body {
	background:#cfcdc7 url(images/bg_texture.png) repeat left top;
	font-family: TypoSlab,"Helvetica Neue",Helvetica, Arial, sans-serif;
}
#page {}
#header {}
#headerimg 	{}
#content {
	width: 980px;
	padding-bottom: 60px;
	position: relative;
}
.widecolumn .entry p {}
.narrowcolumn .entry, .widecolumn .entry {}
.widecolumn {}
.narrowcolumn .postmetadata {}
.thread-alt {}
.thread-even {}
.depth-1 {}
.even, .alt {}
#footer {}
h1, h2, h3, h4, h5, h6,img, #nav li, pre,small, table,address,fieldset{
	color:#2f3137;
	font-family: TypoSlab,"Helvetica Neue",Helvetica, Arial, sans-serif;
	font-weight: normal;
}
p, li, input, textarea{
	font-family: Cambria, Times, 'Times New Roman', Georgia, serif;
}
p {
	padding: 4px 10px 10px;
	font-size:13px;
	line-height: 17px;
}
h1{
	font-size:45px;
	font-weight: normal;
}
h2{
	color: #000;
	font-size:21px;
	padding: 6px 10px 0;
}
h2.huge{
	font-size:110px;
}
h3{
	font-size:19px;
	padding: 6px 10px 4px;
}
h3.huge{
	font-size:80px;
	margin-bottom: 40px
}
h4{
	color: #cfcdc7;
	float: left;
	font-size:13px;
	line-height: 25px;
	padding: 0 0 0 10px;
}
h5{
	color: #cfcdc7;
	float: right;
	font-size:13px;
	line-height: 25px;
	padding: 0 10px 0 0;
}
h4 a:link, h4 a:visited, h4 a:hover, h4 a:active,
h5 a:link, h5 a:visited, h5 a:hover, h5 a:active{
	color: #cfcdc7;
	text-decoration: none;
}
h4 a:hover, h4 a:active,
h5 a:hover, h5 a:active{
	color: #FFF;
	text-decoration: underline;
}
h6{
	font-size:13px;
	padding: 7px 10px;
	float: left;
}
.posthalf h6{
	color: #cfcdc7;
}
li {
	padding: 4px 10px 10px;
	font-size:13px;
}
a:link, a:visited{
	text-decoration:underline;
}
a:hover, a:active{
	color:#00a9d9;
}
.post p a:hover, .post p a:active{
	color:#000;
}
#nav li.current-cat a{
	color:#FFF;
	text-decoration:underline;
}
h1, h1 a:link, h1 a:visited, h1 a:hover, h1 a:active{
	text-decoration: none;
	color:#2f3137;
}
img.attachment-post-thumbnail, .attachment-single-post-thumbnail, .attachment img{
	padding: 10px 10px 0;
}
.attachment img{
	padding: 10px;
}
embed{
	margin: 10px 0 0 10px;
}
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {}
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {}
.entry p a:visited {}
.sticky {}
.sticky h2 {}
.commentlist li, #commentform input, #commentform textarea {}
.commentlist li ul li {}
.commentlist li {}
.commentlist li .avatar {}
.commentlist cite, .commentlist cite a {}
.commentlist p {}
#commentform p {}
.comment-author {
	float:left;
}
.commentmetadata {
	float:right;
	font-size: 11px;
}
.commentmetadata a:link, .commentmetadata a:visited, .commentmetadata a:hover, .commentmetadata a:active{
	color:#2f3137;
	text-decoration: none;
}
#sidebar {}
small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {}
code {}
acronym, abbr, span.caps{}
a, h2 a:hover, h3 a:hover {}
a:hover {}
#wp-calendar #prev a, #wp-calendar #next a {}
#wp-calendar a {}
#wp-calendar caption {}
#wp-calendar th {}
/* End Typography & Colors */
/* Begin Structure */
body {}
#page {
	width:980px;
	margin:auto;
	position:relative;
	text-align: left;
}
#header {
	margin: 0 10px;
}
#header h1 {
	padding: 10px;
}
#nav{
	background: url(images/dark_texture.png) repeat left top;
	display: block;
	height: 25px;
	margin: 0 10px 25px;
	width: 960px;
}
#nav li{
	display: inline;
	float: left;
	font-size:13px;
	padding: 6px 0 4px 10px;
}
#nav a:link, #nav a:visited{
	color: #cfcdc7;
	text-decoration:none;
}
#nav a:hover, #nav a:active{
	color: #FFF;
	text-decoration:underline;
}
.narrowcolumn {}
.widecolumn {}
.post, .item{
	background: #FFF;
	display: block;
	float:left;
	margin: 0 10px 20px 10px;
	width: 225px;
}
.item{
	background: none;
	margin: 0 10px 20px 0;
	width: 235px;
}
.item ul{
	padding: 4px 0 10px; 
}
.item li{
	padding: 0 10px;
	line-height: 17px;
}
.itemtop{
	background: url(images/dark_texture.png) repeat left top;
	display: block;
}
.posthalf, .itemhalf{
	display: block;
	float: left;
	margin:0 10px 20px 0;
	width: 480px;
}
.itemhalf{
	margin: 0 0 20px 0;
	padding: 0 10px 0 0;
}
.posthalf{
	margin:0 10px 20px 10px;
	width: 470px;
}
.category-video, .attachment{
	width:470px
}
.post hr {}
.widecolumn .post {}
.narrowcolumn .postmetadata {}
.widecolumn .postmetadata {}
.widecolumn .smallattachment {}
.widecolumn .attachment {}
.postmetadata {clear: both;}
#footer {
	width:100%;
	clear: both;
	text-align: left;
}
#footer p {}
/* End Structure */
/*	Begin Headers */
h1 {}
h2 {}
h2.pagetitle {}
#sidebar h2 {}
h3 {}
h3.comments {}
/* End Headers */
/* Begin Images */
p img {padding: 0;max-width: 100%;}
img.centered {}
img.alignright {display: inline;}
img.alignleft {display: inline;}
.alignright {float: right;}
.alignleft {float: left;}
/* End Images */
/* Begin Lists */
html>body .entry ul {}
html>body .entry li {}
.entry ul li:before, #sidebar ul ul li:before {}
.entry ol {}
.entry ol li {}
.postmetadata ul, .postmetadata li {}
#sidebar ul, #sidebar ul ol {}
#sidebar ul li {}
#sidebar ul p, #sidebar ul select {}
#sidebar ul ul, #sidebar ul ol {}
#sidebar ul ul ul, #sidebar ul ol {}
ol li, #sidebar ul ol li {}
#sidebar ul ul li, #sidebar ul ol li {}
/* End Entry Lists */
/* Begin Form Elements */
#searchform {
	padding:5px 0 0 10px;
}
#searchform #s {
	width:219px;
	background: #FFF;
	border: none;
	line-height: 25px;
	font-size: 13px;
	padding: 3px;
}
#searchsubmit, #commentform #submit  {
	background: none;
	border: none;
	cursor: pointer;
	font-size: 15px;
	padding: 0;
	margin: 0;
	text-align: right;
	line-height: 25px;
	width:225px;
}
.entry form {}
select {}
#commentform input, #commentform textarea {
	background: #F1F1F1;
	border:none;
	font-size: 13px;
	line-height: 25px;
	padding: 3px;
	width:300px;
}
#commentform {
	margin-top: 6px;
}
#commentform label{
	width:144px;
	display: inline-block;
}
#commentform textarea {
	height: 205px;
	width: 444px;
}
#respond:after {}
#commentform #submit {
	width: 444px;}
/* End Form Elements */
/* Begin Comments*/
.alt {}
.commentlist {}
.commentlist li {}
.commentlist li.odd {
	background: #F1F1F1;
}
.commentlist li ul li {}
.commentlist p {
	padding: 6px 0;
	clear: both;
}
.children {}
#commentform p {}
.nocomments {}
.commentmetadata {}
/* End Comments */
/* Begin Sidebar */
#sidebar{display: none;}
#sidebar form {}
/* End Sidebar */
/* Begin Various Tags & Classes */
acronym, abbr, span.caps {}
acronym, abbr {}
blockquote {}
blockquote cite {}
.center {text-align: center;}
.hidden {display: none;}
.screen-reader-text {position: absolute;left: -1000em;}
hr {display: none;}
a img {}
.botnav {
	border-top: 1px solid #b5b1a5;
	border-bottom: 1px solid #b5b1a5;
	width: 960px;
	margin: 0 10px 20px;
	position: absolute;
	left: 0;
	bottom: 0;
}
.botnav p{
	padding:4px 10px;
}
/* End Various Tags & Classes*/
/* Captions */
.aligncenter,
div.aligncenter {display: block;margin: 0 auto;}
.wp-caption {text-align: center;}
.wp-caption img {border: 0 none;}
.wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;}
/* End captions */
/* codeview classes */
div.codeblok{
	border-top: 1px dashed #2f3137;
	border-bottom: 1px dashed #2f3137;
	color:#000;
	font-family: monospace;
	font-size: 11px;
	line-height: 15px;
	margin: 10px;
	padding: 10px 0;
}
span.blauw{
	color:#15118B;
}
span.l-blauw{
	color:#00F;
}
span.mag{
	color:#9B0081;
}
span.geel{
	color:#FF5D00;
}
span.oranje{
	color:#AA4100;
}
span.rood{
	color:#86000F;
}
span.groen{
	color:#007022;
	font-style: italic;
}
span.return, span.tab{
	color:#808080;
	text-align: left;
}
span.tab{
	display:inline-block;
	width: 25px;
}

/* End codeview classes */
/* clearen floats */
.clear{
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0
}
.clearfix:after{
	clear:both;
	content:' ';
	display:block;
	font-size:0;
	height:0;
	line-height:0;
	visibility:hidden;
	width:0
}
.clearfix{
	display:inline-block
}
* html .clearfix{
	height:1%
}
.clearfix{
	display:block
}