/*
Theme Name: vanimpe
Theme URI: http://vanimpe.eu/
Description: Theme for vanimpe.eu
Author: Koen Van Impe
Version: 1.0

License:
License URI:

*/

body {
  background: #2b7692;
}

#header {
  margin: 6px 0 0 0;
  background-color:  #FBF9ED;  /* ebe8db */
  height: 120px;
  border-bottom: 8px solid #cac7bc;
  border-top: 8px solid #cac7bc;
}

#sitename {
  font-family: 'Rammetto One', 'Open Sans';
  margin: 16px 0 16px 48px;
  letter-spacing: 6px;
}

#sitename a, #sitename a:hover, #sitename a:visited, #sitename a:active {
	text-decoration: none;
	color: #cb7e02;
}

#sitename #vanimpe {
  font-size: 48px;
  color: #cb7e02;
}

#sitename #dot_eu {
  color: #463435;
}

#slogan {
  margin: -20px 0 0 60px ;
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
}

#previous_post_header {
	font-family: 'Open Sans', sans-serif;
 	position: absolute;
	right: 96px;
	top: 24px;
	width: 420px;
	height: 200px;
}

#previous_post_header p.meta, #previous_post_header p.meta a, #previous_post_header p.meta a:visited, #previous_post_header p.meta a:hover, #previous_post_header p.meta a:active {
	color: #AAA81E;
	font-size: 12px;
}

#previous_post_header p.post, #previous_post_header p.post a, #previous_post_header p.post a:visited, #previous_post_header p.post:hover, #previous_post_header p.post a:active {
	color: #817F17;
	font-size: 14px;
	padding: 6px 0 0 12px;
}

#mainmenu {
  clear: both;
  position: absolute;
  font-family: 'Open Sans', sans-serif;
	text-align: right;
  right: 20px;
}

#mainmenu ul, #mainmenu li {
	list-style: none;
	display: inline;
	padding: 0;
	margin: 0;
	font-size: 24px;
	letter-spacing: 4px;
	white-space: nowrap;
}

#mainmenu ul, #mainmenu li {
	margin: 0 20px;
}

#mainmenu a, #mainmenu a:visited, #mainmenu a:active {
  text-decoration: none;
  color: #2b7692;
}

#mainmenu a:hover, #mainmenu li.current_page_item, #mainmenu li.current_page_parent {
  text-decoration: none;
  border-bottom: 2px solid #2b7692;
}

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

#content {
/*	behavior: url(/wp-content/themes/vanimpe/css/border-radius.htc);	*/
  clear: both;
	float: left;
  background: #FBF9ED;
  padding: 24px;
  margin: 24px 0;
  border-radius: 5px;
  border: 2px solid #cac7bc;
  font-family: 'Open Sans', sans-serif;
  color: #2D2D2D;
  font-size: 14px;
  line-height: 18px;
	width: 600px;
}

#content p {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	line-height: 18px;
	margin: 14px 0;
}
#content h1 {
  font-size: 20px;
  color: #2b7692;
  margin: 18px 0 18px 0;
}

#content h1.entry-title {
    letter-spacing: 2px;
    font-size: 24px;
    line-height: 24px;
}
#content h1.entry-title a:hover {  
    text-decoration: none;
}

#content h1 a, #content h1 a:visited, #content h1 a:active {
  color: #2b7692;
	text-decoration: none;
}

#content h1 a:hover {
	text-decoration: underline;
}

#content h2 {
	font-size: 16px;
	letter-spacing: 2px;
	margin: 6px 0;
	color: #802000; 

}

#content h3 {
        font-size: 16px;
        margin: 2px 0;
        color: black;

}

#content code {
	font-family: courier;
	font-size: 12px;
}

#content ul {
	list-style-type: square;
	margin: 0 0 0 24px;
}

#content ol {
	list-style-type: decimal;
	margin: 0 0 0 24px;
}

#content a, #content a:active, #content a:visited {
	text-decoration: none;
	color: #cb7e02;
}

#content a:hover {
	text-decoration: underline;
}

#content strong {
	font-weight: 900;
}

#content div.entry-meta {
	font-size: 12px;
}

#content article {
	margin: 0 0 48px 0;
}

#content img {
	margin: 4px;
}

#content img.exercise {
	width: 350px;
  display: block;
  margin: 0 auto;
	border: 1px solid #717171;
	padding: 0px;
}

#comments {
	margin: 0 0 0 85px;
	font-size: 10px;
}

#comments p {
	font-size: 12px;
}

#comments h2#comments-title {
	font-size: 12px;
}

#content #frontposts dl dt {
	margin: 0;
	padding: 0;
}

#content #frontposts dd {
	padding: 0 0 26px 18px;
	color: #5E5E5E;
}

#sidebar {
/*	behavior: url(/wp-content/themes/vanimpe/css/border-radius.htc);	*/
  float: right;
  width: 210px;
  padding: 16px;
  margin: 24px 0 24px 24px;
  background: #FBF9ED;
  border-radius: 5px;
  border: 2px solid #cac7bc;
}

#sidebar h3 {
	font-family: 'Quicksand', sans-serif;
/*	font-family: 'Open Sans', sans-serif;*/

	font-size: 12px;
	color: #ABABAB;
	margin: 6px 0 0 -12px;
}

#sidebar h3 strong {
	color: #5B5B5B;
}

#sidebar ul {
	margin: 0 0 48px 0;
}

#sidebar li {
	margin: 12px 0;
}

#sidebar li strong {
	color: #93cf72;
}

#sidebar ul li {
	font-size: 16px;
	font-family: 'Quicksand', sans-serif;
}

#sidebar ul li a, #sidebar ul li a:active, #sidebar ul li a:visited {
	text-decoration: none;
	color: #cb7e02;
}

#sidebar ul li a:hover, #sidebar ul li.current_page_item a {
	text-decoration: none;
	border-bottom: 1px solid #cb7e02;
}

#sidebar img {
	margin: 8px 8px;
}

#sidebar form {
	margin: 8px 0;
}

#sidebar form input {
  background: none repeat scroll 0 0 #F9F9F9;
  border: 1px solid #CCCCCC;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1) inset;
  padding: 2px;
}

#sidebar form#searchform {
    padding-top: 6px;
}

#sidebar form#searchform input#searchsubmit.submit {
	font-size: 10px;
}

footer.entry-meta {
	background-color: red;
}

footer {
  font-family: 'Open Sans', sans-serif;
  clear: both;
  background-color: #403935;
  border-top: 2px solid #1C1917;
  height: 240px;
  color: #6F6F6F;
  padding: 16px 24px;
}

footer div.box {
	float: left;
	margin: 8px 40px 0 40px;
}

footer h1 {
	font-family: 'Open Sans', sans-serif;
  font-size: 24px;
  color: #BCBCBC;
	margin: 0 0 12px -6px;
}

footer li {
	padding: 4px 0;
  font-size: 12px;
}

footer a, footer a:active, footer a:visited {
	text-decoration: none;
	color: #6F6F6F;
}

footer a:hover {
	text-decoration: underline;
}


span.required {
	color: red;
}

#respond {
	margin-top: 24px;
	padding: 12px;
}

#respond h3#reply-title {
	font-size: 24px;
}

#respond input, #respond textarea {
}

#respond input[type="text"], #respond textarea {
    background: none repeat scroll 0 0 #F9F9F9;
    border: 1px solid #CCCCCC;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1) inset;
    padding: 2px;
		width: 98%;
}

#respond label {
	text-align: top;
}

#respond code {
	font-size: 10px;
	color: #A9A9A9;
}

#respond p.comment-form-comment {
	vertical-align: top;
}
#respond p.form-allowed-tags {
	font-size: 10px;
	color: #A9A9A9;
}

.commentlist > li.comment {
	background: #f6f6f6;
	border: 1px solid #ddd;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 0 0 1.625em;
	padding: 1.625em;
	position: relative;
}
.commentlist .pingback {
	margin: 0 0 1.625em;
	padding: 0 1.625em;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li.comment {
	background: #fff;
	border-left: 1px solid #ddd;
	-moz-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
	margin: 1.625em 0 0;
	padding: 1.625em;
	position: relative;
}
.commentlist .children li.comment .fn {
	/*display: block;*/
	margin-left: 32px;
}
.comment-meta .fn {
	font-style: normal;
}
.comment-meta {
	color: #666;
	font-size: 12px;
	line-height: 2.2em;
}
.commentlist .children li.comment .comment-meta {
	line-height: 1.625em;
	margin-left: 50px;
}
.commentlist .children li.comment .comment-content {
	margin: 1.625em 0 0;
}
.comment-meta a {
	font-weight: bold;
}
.comment-meta a:focus,
.comment-meta a:active,
.comment-meta a:hover {
}
.commentlist .avatar {
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px #ccc;
	-moz-box-shadow: 0 1px 2px #ccc;
	box-shadow: 0 1px 2px #ccc;
	left: -102px;
	padding: 0;
	position: absolute;
	top: 0;
}
.commentlist > li:before {
	content: url(images/comment-arrow.png);
	left: -21px;
	position: absolute;
}
.commentlist > li.pingback:before {
	content: '';
}
.commentlist .children .avatar {
	background: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
/*	left: 2.2em;*/
	padding: 0;
/*	top: 2.2em;*/
	left: 2px;
}
a.comment-reply-link {
	background: #eee;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #666;
	display: inline-block;
	font-size: 12px;
	padding: 0 8px;
	text-decoration: none;
}
a.comment-reply-link:hover,
a.comment-reply-link:focus,
a.comment-reply-link:active {
	background: #888;
	color: #fff;
}
a.comment-reply-link > span {
	display: inline-block;
	position: relative;
	top: -1px;
}

/* Post author highlighting */
.commentlist > li.bypostauthor {
	background: #ddd;
	border-color: #d3d3d3;
}
.commentlist > li.bypostauthor .comment-meta {
	color: #575757;
}
.commentlist > li.bypostauthor .comment-meta a:focus,
.commentlist > li.bypostauthor .comment-meta a:active,
.commentlist > li.bypostauthor .comment-meta a:hover {
}
.commentlist > li.bypostauthor:before {
	content: url(images/comment-arrow-bypostauthor.png);
}

/* Post Author threaded comments */
.commentlist .children > li.bypostauthor {
	background: #ddd;
	border-color: #d3d3d3;
}

.nav-previous {
	float: left;
}

.nav-next {
	float: right;
}

.nav-clear {
	clear: both;
}

#cv {
  padding: 3px;
  background-color: #F0F0F0;
  border: 1px solid #D3D3D3;
  font-size: 12px;
  font-weight: normal;
  color: #3A3A3A;
}

#cv h1 {
   margin: 0em;
   padding-top: 15px;
   padding-bottom: 2px;
   padding-right: 1px;
   padding-left: 0;
   text-align: left;
   font-size: 18px;
   font-weight: bold;
   color: #333333;
}

#cv h2 {
   margin: 0em;
   padding-top: 8px;
   padding-bottom: 1px;
   padding-right: 1px;
   padding-left: 7px;
   text-align: left;
   font-size: 14px;
   font-weight: bold;
   color: #333333;
}


#cv div.foto {
  float: left;
  padding-left: 30px;
  padding-right: 50px;
  padding-top: 10px;
}

#cv div.adres {
  padding-top: 0;
}

#cv p {
  padding-left: 15px;
  padding-top: 2px;
  padding-bottom: 2px;
  margin: 0;
  font-size: 12px;
  font-weight: normal;
}

#cv span.highlight {
  color: #6487dc;
}

#cv span.lowlight {
  color: #656565;
  font-size: 10px;
}

#googleads {
	clear: both;
	text-align: center;
	margin: 0 auto;
	padding-top: 36px;
}


// box code from http://www.coderscab.in/2011/09/css3-jquery-notification-boxes/

#previous_post_header span{
	color:#444;

}

.yellow{
	background:#fcfcb6 ;
	background: -moz-linear-gradient(top, #f9f9e5 5%, #f9f99d 6%, #fcfcb6 21%, #f9f9c5 50%, #fcfcb6 93%, #f9f99f 100%); /* FF3.6+ */
	background:  -webkit-gradient(linear, left top, left bottom, color-stop(5%,#f9f9e5), color-stop(6%,#f9f99d), color-stop(21%,#fcfcb6), color-stop(50%,#f9f9c5), color-stop(93%,#fcfcb6), color-stop(100%,#f9f99f)); /* Chrome,Safari4+ */
	background:  -webkit-linear-gradient(top, #f9f9e5 5%,#f9f99d 6%,#fcfcb6 21%,#f9f9c5 50%,#fcfcb6 93%,#f9f99f 100%); /* Chrome10+,Safari5.1+ */
	background:  -o-linear-gradient(top, #f9f9e5 5%,#f9f99d 6%,#fcfcb6 21%,#f9f9c5 50%,#fcfcb6 93%,#f9f99f 100%); /* Opera11.10+ */
	background:  -ms-linear-gradient(top, #f9f9e5 5%,#f9f99d 6%,#fcfcb6 21%,#f9f9c5 50%,#fcfcb6 93%,#f9f99f 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9e5', endColorstr='#f9f99f',GradientType=0 ); /* IE6-9 */
	background:  linear-gradient(top, #f9f9e5 5%,#f9f99d 6%,#fcfcb6 21%,#f9f9c5 50%,#fcfcb6 93%,#f9f99f 100%); /* W3C */
	border:1px solid #eeda69;
	padding:6px 0px 6px 20px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}

#tagcloud_wrapper {
	padding: 10px;
	background: white;
	border: 1px solid #ABABAB;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;

}
#tagcloud {
	position: relative;
	padding: 10px;
/*	width: 190px;*/
	height: 160px;
  font-family: 'Open Sans', sans-serif;
}

div#chart_div_day_month, div#chart_div_weekdays {
	height: 150px;
}

img#linkedinicon {
        position: relative;
        top: 0px;
        left: -2px;
}

body .syntaxhighlighter code,
body .syntaxhighlighter table caption,
body .syntaxhighlighter .gutter {
font-size: 10px !important;
}

table.stats {
 margin: 0 auto;
 width: 80%;
 border: 1px solid #e7e7e7;
 border-collapse: collapse;
 margin-bottom: 18px;
 margin-top: 18px;
}

table.stats th {
 text-align: center;
 background-color: #eeeeee;
 font-size: 12px;
 line-height: 16px;
 border: 1px solid #e7e7e7;
 font-weight: bold;
}

table.stats td {
 text-align: right;
 font-size: 10px;
 border: 1px solid #e7e7e7;
 padding: 2px 8px 2px 2px;
 background-color: #ffffff;
}

table.stats caption {
 background-color: #cccccc;
 font-weight: bold;
 padding: 4px;
 text-align: center;
 border: 1px solid #e7e7e7;
}

li.small {
 padding-left: 12px;
 font-size: 85%;
 list-style-type: none;
 color: #4A4A4A;
}

ul.fablog {
 margin: 16px 16px 32px 16px;
 padding: 24px;
 background: #C8C7BC;
 border-radius: 5px;
 border: 2px solid #cac7bc;
}

ul.fablog li {
 list-style-type: none;
 line-height: 32px;
 margin-bottom: 8px;
 margin-left: 48px;
}

img.alignleft {
float: left;
 align: left;
}

ol.bignumbers {
 margin: 8px;
 padding: 24px 24px 24px 32px;
 background: #C8C7BC;
 border-radius: 5px;
 border: 2px solid #cac7bc;
}

ol.bignumbers li {
    position: relative;
    margin-bottom: 20px;
    padding-left: 0.5em;
    border-left: 2px solid #236699;
}

ul.articlesummary {
 margin: 16px;
 padding: 24px 48px 8px 48px;
 background: #C8C7BC;
 border-radius: 5px;
 border: 2px solid #cac7bc;

}

ul.articlesummary li {
 padding-bottom: 16px;
}

div#eqtable table {
 border: 1px solid #F0F0F0;
 margin: 12px 24px;
 border-radius:5px;
}

div#eqtable table tr {
 margin: 12px;
 padding: 6px
}

div#eqtable table th {
 font-weight: bold;
 padding: 3px 10px;
}

div #eqtable table td {
 margin: 4px;
}

div#eqtable table td.ok {
 background-color: #468847;
}

div#eqtable table td.nok {
 background-color: #b94a48; 
}

div#eqtable table td.halfok {
 background-color: #c09853;
}

div#eqtable table td.item {
 padding: 0 8px;
 text-align: right;
}

p.quote {
 text-align: center;
 font-weight: bold;
 margin: 24px;
 padding: 24px;
 background: #C8C7BC;
 border-radius: 5px;
 border: 2px solid #cac7bc;
}

.stats .dnssec {
 background-color: #79d53d;
}

#traffic-light {
  height: 170px;
  width: 75px;
/*  float: left;*/
  background-color: #333;
  border-radius: 40px;
  /*margin: 5px 0;*/
  margin: 15px 15px 15px 0px;
  padding: 2px;
  float: left;
}

.bulb {
  height: 50px;
  width: 50px;
  background-color: #111;
  border-radius: 50%;
  margin: 5px auto;
  transition: background 500ms;
}

#tlpbox {
/* wrapper*/
}
#tlpcode {
  font-weight: bold;
}
#tlpinfo {
  width: 100px;
}
#tlpdesc {
  width: 500px;
  float: right;
  font-size: 75%;
}

.tlpsharebutton {
    cursor: pointer;
}

.attackmap {
color: #1b95e0;
font-size:12px;
}