/*
Theme Name: jochemtewierik
Theme URI: http://www.jochemtewierik.nl/
Description: The theme for jochemtewierik.nl
Author: Jochem Te Wierik & Wim Tibackx
Version: 1.0
Tags: Jochem
*/

.comment .avatar {
	float:left;
	margin-right:6px;
}

article, aside, dialog, figure, footer, header, hgroup, menu, nav, section { display: block; }
body {
	width:750px;
	margin-left:auto;
	margin-right:auto;
	font-family: Arial,sans-serif;
	height:100%;
}
.left {
	width:125px;
	margin-right:15px;
}
.middle {
	width:395px;
	margin-right:15px;
}
.right {
	width:165px;
}
.middleright {
	width:575px;
}
.leftmiddle {
	width:525px;
	margin-right:15px;
}
body a,body a:hover,body a:active,body a:link,body a:visited {
	text-decoration:none;
	color:#000000;
}
.breaker {
	float:none;
	clear:both;
}

/*HEADER*/
body > header {
	height:125px;
}
body > header > * {
	float:left;
}
#logo {
	background-image: url(img/logo.png);
	display:block;
	height:125px;
}
header .middleright {
	margin-top:50px;
}
#pagesrssmail, #toptweet {
	width:100%;
}
#pagesrssmail ul {
	padding:0;
	margin:0;
	font-size: 12px;
}
#pagesrssmail ul, #pagesrssmail ul li {
	padding:0;
	margin:0;
	list-style:none;
}
#pagesrssmail ul li {
	margin-right:10px;
	float:left;
}
#rssmail, #menu-rssmail {
	float:right;
}
#rsslink, #menu-rssmail #menu-item-80 {
	list-style:inside url(img/rssicon.png) !important;
	padding-left:15px !important;
}
#maillink, #menu-rssmail #menu-item-79 {
	list-style:inside url(img/mailicon.png) !important;
	padding-left:10px !important;
	margin-right:0 !important;
	padding-bottom:-2px !important;
}
#menu-rssmail #menu-item-79, #menu-rssmail #menu-item-80 {
	top: -3px; position: relative;
}
#menu-rssmail #menu-item-80 {
	top:-4px;
}
#toptweet {
	border-top:1px solid #000000;
	border-bottom: 1px solid #000000;
	background-color: #f0f9fc;
	color:#5d5d5d;
	font-size: 11px;
	padding:4px;
	height:31px;
	width:567px;
	padding-top:5px;
}
#twitterbird {
	background-image:url(img/twitterbird.png);
	background-repeat: no-repeat;
	width:48px;
	height:100%;
	display:block;
	float:left;
}
#twitteracco {
	margin-top:2px;
	margin-right:4px;
	background-image:url(img/twitteraccolade.png);
	background-repeat: no-repeat;
	width:11px;
	height:100%;
	display:block;
	float:left;
}
#toptweet_text {
	float:left;
}
#toptweet_time {
	float:none;
	font-style: italic;
}

/*CONTENT*/
body > #content {
	margin-top:10px;
	clear:both;
}
body > #content > * {
	float:left;
}

.widget {
	width:100%;
	margin-bottom:10px;
	font-size: 13px;
}
.widgettitle {
	height:13px;
	width:auto;
	font-weight:bold;
	text-transform: uppercase;
	display:block;
	padding:6px;
}
.widgetcontent {
	padding:6px;
	width:auto;
}
.widgetthemed .widgettitle {
	background: url(img/greentitle.png) #bfd49e;
	background-repeat:repeat-x;
}
.widgetthemed .widgetcontent {
	background:url(img/greencontent.png) #deeacc;
	background-repeat:repeat-y;
	color:#737373;
}
.widgetthemed .widgetcontent a, .widgetthemed .widgetcontent a:link, .widgetthemed .widgetcontent a:visited,
.widgetthemed .widgetcontent a:hover, .widgetthemed .widgetcontent a:active {
	color:#737373;
}
.widget ul {
	margin:0;
	list-style:none;
}

/*LEFTSIDEBAR*/
#leftsidebar {
	text-align: right;
}
#leftsb_links_home {
	color:#5a960c;
	font-weight:bold;
	text-transform: uppercase;
	font-size:13px;
	display:block;
	width:auto;
	margin-bottom:10px;
	margin-right:6px;
}
#jochem-social .widgetcontent li {
	height:20px;
}
#jochem-social .widgetcontent li span {
	float:right;
	margin-right:2px;
	margin-left:auto;
margin-top:3px;
	width:auto;
}
#jochem-social .widgetcontent li div {
	float:right;
}
#social_twitter_icon {
	width:20px;
	height:20px;
	background-image:url(img/twitter.png);
}
#social_facebook_icon {
	width:20px;
	height:20px;
	background-image:url(img/facebook.png);
}
#social_linkedin_icon {
	width:20px;
	height:20px;
	background-image:url(img/linkedin.png);
}
#social_hyves_icon {
	width:20px;
	height:20px;
	background-image:url(img/hyves.png);
}
#social_mobypicture_icon {
	width:20px;
	height:20px;
	background-image:url(img/mobypicture.png);
}

/*MAIN*/
.page header h1 {
	margin-top:-3px;
}
.post {
	width:375px;
	background:url(img/bluecontent.png) #ebf8fb;
	background-repeat: repeat-x !important;
	padding:10px;
	margin-bottom:20px;
}
.post img.alignleft {
	float:left;
	margin-right:5px;
	margin-bottom:5px;
}
.post .topbar {
	background:url(img/bluetitle.png) #a3cbd2;
	background-repeat:repeat-x !important;
	text-align: right;
	width:389px;
	padding-right:6px;
	padding-top:6px;
	font-size:12px;
	color:#7e7e7e;
	height:19px;
	display:block;
	font-weight:bold;
	text-transform: uppercase;
	margin-top:-10px;
	margin-left:-10px;
}
.post header {
	height:auto;
	margin-bottom:10px;
}
.post header h1 {
	font-size:14px;
	color:#000000;
	font-weight: bold;
	text-transform:uppercase;
	margin-bottom:0px;
}
.post header .info {
	font-size:10px;
	color:#5d5d5d;
}
.post header .info .pubdate {
	margin-right:10px;
}
.post header .info .author {

}
.post .postcontent {
	font-size:13px;
	color:#373737;
	text-align:justify;
}
.post .postcontent .thumbnail {

}
.post .postcontent .text {

}
.post footer {
	font-size:11px;
	color:#7c7c7c;
}
.post footer .readmore {
	display:block;
	text-align:right;
}
.post footer .readmore strong {
	font-weight:bold;
	color:#000000;
}
.post footer .reacedittags { /*Reactions, editlink, tags*/
	float:right;
	margin-right:20px;
}
.post footer .reacedittags a, .post footer .reacedittags a:link, .post footer .reacedittags a:visited, .post footer .reacedittags a:hover, .post footer .reacedittags a:active,
.post footer .categs a, .post footer .categs a:link, .post footer .categs a:visited, .post footer .categs a:hover, .post footer .categs a:active {
	color:#7c7c7c;
}
.post footer .categs {
	float:right;
}

.lastarticle {
	background:url(img/greencontent.png) #deeacc;
}
.lastarticle .topbar {
	background: url(img/greentitle.png) #bfd49e;
}
.lastarticle header {

}
.lastarticle header h1 {

}
.lastarticle header .info {

}
.lastarticle header .info .pubdate {

}
.lastarticle header .info .author {

}
.lastarticle .postcontent {

}
.lastarticle .postcontent .thumbnail {

}
.lastarticle .postcontent .text {

}
.lastarticle footer {

}
.lastarticle footer .readmore {

}
.lastarticle footer .readmore strong {

}
.lastarticle footer .reacedittags { /*Reactions, editlink, tags*/

}
.lastarticle footer .categs {

}

.otherarticles ul.postcontent {
	list-style-image: url(img/pijltjeoverig.png);
	color:#838383;
	font-size:12px;
	margin:0;
	margin-top:10px;
	margin-left:20px;
	padding:0;
}
.otherarticles ul.postcontent li {

}

/*RIGHTSIDEBAR*/
#jochem-zoeken .widgetcontent input {
	display:block;
	width:100%;
}
#jochem-welkom .widgetcontent p {
	margin:5px;
}

/*FOOTER*/
body > footer {
	clear:both;
	border-top:1px solid #000000;
	height:90px;
	display:block;
	margin-left:140px;
}
body > footer > * {
	float:left;
}
#footertexts {
	text-align:center;
	font-size: 11px;
}
#footertexts > * {
	width:100%;
	float:none;
}
#footertekst_pages {
	font-size:11px;
	color:#001d71;
	margin-top:10px;
}
#footertexts a,#footertexts a:hover,#footertexts a:active,#footertexts a:link,#footertexts a:visited {
	text-decoration:none;
	color:#9f9f9f;
}
#footertekst_pages a,#footertekst_pages a:hover,#footertekst_pages a:active,#footertekst_pages a:link,#footertekst_pages a:visited {
	text-decoration:none;
	color:#001d71;
}
#footertekst_tech,#footertekst_descod {
	color:#9f9f9f;
	margin-top: 5px;
}
#footer_copy {
	color:#9f9f9f;
	width:100%;
	float:none;
}
#skyfirelogocont {
	height:90px;
}
#skyfirelogo {
	background-image:url(img/skyfirelogo.png);
	background-repeat: no-repeat;
	width:110px;
	height:29px;
	margin-left:25px;
	margin-top:30px;
}