/*
Theme Name: Modus01
Theme URI: http://modus-webcommunicatie.nl
Description: Modus Webcommunicatie
Version: 1
Author: Jan Revet
Author URI: http://modus-webcommunicatie.nl/profiel
Tags: modus

	Modus01
	http://modus-webcommunicatie.nl
*/

/* 	Reset */
*{margin:0;padding:0}
html{overflow-y: scroll}
img{border:0}
a{color:#fff;outline:none}
a:hover, a:active{color:#f30}
li{list-style:none;margin-bottom:5px}

body{background:url(img/bg-planken2.jpg) #333;color:#333;font-family:"Calibri","Lucida Grande","Lucida Unicode",Verdana,Arial,sans-serif;font-size:14px;line-height:18px}

#wrapper{margin:0 auto;width:960px}

#header{height:120px}
#header img{margin-top:45px}

#navigation{background:url(img/bg-donker1.png);float:left;width:120px}
#navigation ul{padding:5px 15px 10px 15px}
#navigation ul li a{font-size:18px;font-weight:normal;text-decoration:none}
#navigation ul li a#active{color:#009edf}

#content{background:#fff;float:left;min-height:700px;padding-bottom:30px;width:600px}
#content h1{color:#009edf;font-size:24px;font-weight:normal;line-height:36px;margin:24px 30px 9px 30px}
#content h2{font-size:24px;font-weight:normal;line-height:27px;margin:0 30px 18px 30px}
#content h3{font-size:20px;font-weight:normal;line-height:20px;margin:0 30px 10px 30px}
#content h5, #content h6{color:#333;font-size:14px;font-weight:normal}
#content p{margin:0 30px 15px 30px}
#content a{color:#009edf}
#content a:hover, #content a:active{color:#f30}
#content .kolom50{float:left;width:50%}
#content ul{margin:0 30px 15px 30px}
#content ul li:before{content: "\003A\003A \0020"}

.entry h3 a{text-decoration:none}
.date{background:url(img/bg-date.png) no-repeat;display:block;float:left;font-size:12px;padding:0 20px 15px 20px}
.author{background:url(img/bg-author.png) no-repeat;display:block;float:left;font-size:12px;padding:0 20px}
.comments{background:url(img/bg-comments.png) no-repeat;display:block;float:left;font-size:12px;padding:0 20px}
.entry .categories{background:url(img/bg-category.png) no-repeat;display:block;float:left;font-size:12px;padding:0 20px}
.comment-add{background:url(img/bg-comment-add.png) no-repeat;display:block;float:left;font-size:12px;padding:0 20px}
.more-link{display:block;float:left}
.entry p{clear:left;margin-top:0} 
hr{display:block;margin:20px 30px}

.commentlist{color:#999;margin:0 30px}
.commentlist li{background:#dedede;display:table;margin-bottom:15px;padding:10px;width:520px}
.commentlist li .vcard{float:right;margin:0 0 5px 5px}
.commentlist p{clear:left;color:#000;margin:0 !important;padding:0 !important}
.commentlist span{font-style:italic}

#comment{width:520px}
#submit{background:url(img/bg-submitbutton.png);border:none;color:#fff;font-weight:bold;height:30px;width:150px}
.button{background:url(img/bg-submitbutton.png);border:none;color:#fff!important;font-size:12px!important;height:30px;margin-left:30px;width:150px}
.validation_error{margin-left:30px}

.navigation{margin:0 30px 15px 30px}
.alignleft{float:left}
.alignright{float:right}

#mc_embed_signup{margin:0 30px 30px 30px}
.mc-field-group{margin-bottom:15px}
.mc-field-group label{display:block;float:left;width:100px}
.mc-field-group input{width:200px}
#mc-embedded-subscribe{background:url(img/bg-submitbutton.png);border:none;color:#fff;font-weight:bold;height:30px;width:150px}
div.mc_inline_error{color:#ccc}
#mce-responses{font-style:italic;margin-bottom:20px}
#gforms_confirmation_message{margin:0 30px}

.project{float:left;margin:0 0 30px 30px;min-height:180px;width:240px}
.project h4, .project h4 a:link, .project a:visited{color:#009edf;text-decoration:none}
.project li a{text-decoration:underline!important}

#sidebar{background:url(img/bg-donker1.png);color:#fff;float:left;margin:45px 0 15px 0;width:240px}
#sidebar h3{background:url(img/bg-donker2.png);color:#fff;display:block;font-size:18px;font-weight:normal;height:30px;line-height:30px;padding:0 10px}
#sidebar h3 span{color:#009edf}
#sidebar h4{background:url(img/bg-donker3.png);clear:left;color:#009edf;display:block;font-size:16px;font-weight:normal;height:30px;line-height:30px;padding:0 10px}
#sidebar p, #sidebar ul{padding:10px}
#sidebar .left{float:left;width:100px}
#sidebar .right{float:left;width:100px}
#sidebar li{margin-bottom:5px}

#social ul li{float:left;height:32px;margin-right:10px;width:32px}
#social ul li a{display:block;height:32px;text-indent:-9999px;width:32px}
#social ul li.twitter{background:url(img/btn-twitter.png);margin-left:10px}
#social ul li.linkedin{background:url(img/btn-linkedin.png)}
#social ul li.facebook{background:url(img/btn-facebook.png)}
#social ul li.rss{background:url(img/btn-rss.png)}

#footer{clear:both;color:#dedede;padding:10px 0 20px 120px}
#footer a{color:#dedede}
#footer a:hover, #footer a:active{color:#f30}

.strong{font-weight:bold}
.clear{clear:both}
.alignright{padding-left:10px}