/*  
Theme Name: Vlaar Techniek
Theme URI: http://www.vlaartechniek.nl/
Description: The default Vlaar Techniek theme based on the Son of Blue theme by Web Considerations.
Version: 1.0
Author: C. Ligthart
Tags: custom header, fixed width, two columns, widgets

	Based on Son of Blue theme by Web Considerations

*/

.pageheader {
/*	Top right bottom left */
	margin: 10px 0px 10px 0px;
/*	font-size: 1.5em;*/
/*	letter-spacing: 0.2em;*/
	color:#000066;
}

.pageheader h1 {
/*Q1	font-size: 1.5em;*/
	font-size: large;
}

#p7bod {
	text-align: center;
	background-color: #606060;
	/*background-image: url("/wp-content/backgrounds/st15.jpg");*/
	background-repeat: repeat;
	background-attachment: fixed;
}

/* This starts the styling section of the webdesign layout */
body {
	font-family: Tahoma, Verdana, Arial;
	font-size: 100%;
	color: #000000;
	background-color: #FFFFFF;
	margin: 4px 0px 0px 0px;
	padding: 0px;
	min-width: 910px;
}

#masthead {
/*	background-color: #FFFFFF;*/
	height: 121px;
/*	background-image: url(images/masthead-back.jpg); */
/*	background-repeat: repeat-x; */
}

#logo img {
	border: 0;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.content {
	padding: 8px 20px; /* was 8px, 20px */
	font-size: 0.72em;
	line-height: 1.7em;
}

.content p {
	margin: 6px 0px 0px; /* was 6px 0px 12px */
}

.content a:link, .content a:visited {
/*	color:#990000;*/
	text-decoration:underline;
}

.content a:hover {
	color:#003366;
	text-decoration:none;
}

h1 {
/*	margin: 10px 0px 10px 5px;*/
	font-size: 1.5em;
/*	letter-spacing: 0.2em;*/
/*	color:#003366;*/
}

h2 {
/*	margin: 0px;*/
	font-size: 1.3em;
/*	color:#003366;*/
}

#c2 h1 a:link, #c2 h1 a:visited, #c2 h2 a:link, #c2 h2 a:visited {
/*	color:#003366;*/
	text-decoration:none;
}

#c2 h1 a:hover, #c2 h2 a:hover {
/*	color:#990000;*/
	text-decoration: underline;
}

h3 {
	font-size: 1.2em;
	margin: 0;
/*	letter-spacing: 0.2em; */
	letter-spacing: 0.1em;
	color: #006699;
}

/*COLUMNS*/
#columnwrapper {
/*	background-color: #FFFFFF;	*/
	background-color: #F8F8F8;

/*	background-repeat: repeat-y;*/
	width: 960px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	text-align: left;
}

#columns-top {
	background-repeat: no-repeat;
	height: 12px;
}

#c1, #c2, #c3 {
	float: left;

/*	background-color:#F8F8F8;*/
/*	background-color:#FCFCFC; achtergrond kleur kolom*/
	background-color:#FFFFFF;
	border-width: 1px;
	border-style: solid;
/*	border-color: #CCCCCC;*/
	border-color: #DDDDDD;

	margin-right: 0px; /* was beide 5px */
	margin-left: 5px; 
}

#c1, #c3 {
	width: 160px;

}

#c1 .content ul, #c3 .content ul {
	margin:0 0 20px 10px;
	padding:0px;
	list-style-type: square;
}

#c1 .content li, #c3 .content li {
	margin: 0px;
}
#c1 .content li a:hover {
	background-color: #CCCCCC;
}

#c1 .content a:link, #c1 .content a:visited, #c3 .content a:link, #c3 .content a:visited {
	font-size: 1em;
	display:block;
	color: #006699;/* Tekst kleur menu*/
	padding: 2px 6px;
	text-decoration:none;
	margin: 0px;
/*	border-bottom-width: 1px; */
/*	border-bottom-style: solid; */
/*	border-bottom-color: #717DA8; */
}

#c1 .content a:hover, #c3 .content a:hover {
	color: #993300;
	text-decoration:none;
	border-color: #333333 #000000 #000000 #333333;
}

#c2 {
	width: 780px; /* was 770 */
	min-height: 600px;
/*	margin-right: 10px; */
/*	margin-left: 5px; */
	color: #003366; /* Tekst kleur */
/*	font-size: medium;*/
	letter-spacing: 0.1em;
/*	line-height: 1.7em;*/
}

table {
	color: #003366; /* Tekst kleur */
/*	font-size: medium;*/
	letter-spacing: 0.1em;
/*	line-height: 1.7em;*/
}

#c2 ul {
	margin:0 0 20px 10px;
	padding: 0px;
	list-style-type: square;
}

#c2 li {
	margin:0 0 5px 20px;
}

#c3 {
	margin-right: 0px;
}

#columns-bottom {
	clear: both;
	background-repeat: no-repeat;
	height: 12px;
	font-size: 0px;
}
/* end columns */

#footer {
	font-size: .7em;
	margin-top: 15px;
	margin-bottom: 0px;
	width: 930px;
	margin-left: auto;
	margin-right: auto;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
/*	background-image: url(images/nav-back.jpg); */
	background-repeat: repeat-x;
	background-position: bottom;
	color:#CCCCCC;
}

#footercontent {
	padding: 10px 0;
	text-align: center;
}

#footer a:link, #footer a:visited {
	color:#ffffff;
	text-decoration: underline;
}

#footer a:hover {
	color:#003366;
	text-decoration:none;
}

.clearfloat {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
}

/* Top Menu Bar */
#topmenu {
	margin: 0 0 2px 0;
	padding: 0px;
	width: 960px;

	font-weight: bold;
	margin-left: auto;
	margin-right: auto;

	height: 34px;
	background-color:#373737;
	background-image: url(images/nav-back.jpg);
	background-repeat: repeat-x;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #FFFFFF;

}

#p7PMnav {
	margin: 0px;
	font-size: .75em;
	padding: 0px;
	height: 34px;
}
#p7PMnav ul {
	position: absolute;
	left: -9000px;
	margin:0;
	padding:0;
	border: 1px solid #333333;
	z-index: 10000;
}
/* these are the menu styles */
#p7PMnav li {
	list-style-type: none;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
	margin: 0;
	padding: 0;
	background-image: url(images/nav-back.jpg);
	background-repeat: repeat-x;
}
#p7PMnav lo {
	float: right;
	width: auto;
	list-style-type: none;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #000000;
	margin: 0;
	padding: 0;
	background-image: url(images/nav-back.jpg);
	background-repeat: repeat-x;
}

#p7PMnav ul li {
	background-color: #FFFFFF;
}
/* ------ the menu link styles ------ */
#p7PMnav a {
	display: block;
	text-decoration: none;
	color: #999999;
	line-height:1;
	padding-top: 12px;
	padding-right: 12px;
	padding-bottom: 10px;
	padding-left: 12px;
}
#p7PMnav a:hover, #p7PMnav a:active, #p7PMnav a:focus {
	color: #FFFFFF;
	letter-spacing: 0.01px;
	background-image: url(images/neon_hover.jpg);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
}

/* ------ the current page marker style ------ */
#p7PMnav .p7PMmark {
	color: #CCCCCC;
	font-weight: bold;
}
/* ------ the trigger link styles ------- */

/*the normal trigger links */
#p7PMnav ul .p7PMtrg, #p7PMnav ul .p7PMon {
	color: #CCCCCC;
}
/* the active trigger link style */
#p7PMnav .p7PMon {
	background-color: #666666;
	color: #CCCCCC;
}

/*the submenu classes */
#p7PMnav .p7PMhide {
	left: -9000px;
	border: 0;
}
#p7PMnav .p7PMshow {
	left: auto;
	z-index: 20000 !important;
}
/* Top level menu width */
#p7PMnav li {
	float: left;
	width: auto;
}
#p7PMnav ul li {
	float: none;
}
/* 2nd and subsequent Submenu widths */
#p7PMnav ul, #p7PMnav ul li {
	width: 200px;
}
#pmmcrumb {
	font-weight: normal;
	margin-bottom: 16px;
	color: #333333;
}
#pmmcrumb a, #pmmcrumb a:visited {
	font-weight: normal;
	color: #666666;
}
#pmmcrumb a:hover, #pmmcrumb a:active, #pmmcrumb a:focus {
	font-weight: normal;
	color: #333333;
}

/* End of Top Menu Bar */


/*styling for the search and comments form*/

.formstyle, input {
	border: 2px solid #83959F;
	width: 110px;
	margin: 0px;
	padding: 0px;
	color: #8597A1;
	font-weight: bold;
	text-align: left;
}

input {
	width: 200px;
}

.formstyle2, textarea {
	border: 2px solid #83959F;
	width: 530px;
	margin: 0px;
	padding: 0px;
/*	color: #8597A1;*/
	color: #003366;
/*	font-weight: bold;*/
	text-align: left;
}

#formtitle {
	width: 50%;
	height: 75px;
	float: left;
	text-align: left;
	padding: 10px;
	color:#006699;
	font-size: 16px;
	font-weight: bold;
}

.formdata {
	text-align: right;
	margin-top: 55px;
}

.formdata input, .formdata textarea, #form, input {
	border: 1px solid #6699CC;
}

#search_form {
	border: 2px solid #006699;
	width: 100px;
	color: #003366;
}

/* end search and comments form styling */

/* Sytling for the WordPress code */
#blogtitle {
	color:#3A3A3A;
	font-size: 0.8em;
	position:absolute;
	top: 68px;
	left: 10px;
	font-weight: bold;
}

.calendar {
	float:left;
	height: 53px;
	width: 49px;
	color:#FFFFFF;
	font-size: 10px;
	font-weight: bold;
	text-align:center;
	background-image: url(images/date.png);
	background-repeat: no-repeat;
}
.calday {
	color:#006600;
	font-size: 16px;
	padding-top: 5px;
	font-weight: bold;
}

.commentlist li { /* Used on the comments.php */
	list-style:none;
	margin-top: 15px;
	margin-bottom: 10px;
	margin-left: -25px;
	border: 1px solid #CCCCCC;
	padding: 10px;
}

.commentmetadata {
	margin-top: 10px;
	margin-bottom: 20px !important;
}

.commenttext {
	float: left;
}

.reply {
	margin-bottom: 25px;
}

.avatar { /* Used on the comments.php */
	position:relative;
	top: 0px;
	left: 0px;
	width: 75px;
	height: 75px;
	float: left;
	background-repeat: no-repeat;
	background-position: left top;
	margin-right: 8px;
}

.alt { /* Used on the comments.php */
	background-color:#97A8AF;
	background-image: none;
	background-repeat: no-repeat;
	color:#FFFFFF;
}

.alt a:link, .alt a:visited { /* Used on the comments.php */
	color:#333333;
}

.postdate {
	float: left;
	margin-left: 4px;
}

.author, .postdate {
	font-size: 1em;
	color:#8698A2;
	float: left;
	margin-bottom: 1em;
	font-family: "Times New Roman", Times, serif;
}

#c2 .commentauthor a:link, #c2 .commentauthor a:visited {
	color:#990000;
	font-size: 18px;
	text-decoration:none;
}

.entry {
	clear:both;
}

.post {
}

.postmetadata {
	font-size: .9em;
/*	background-image: url(images/post-bottom.gif); */
	background-repeat: no-repeat;
	background-position: center bottom;
	padding-bottom: 35px;
	margin-bottom: 15px;
	margin-top: 10px;
}

.tags {
	float:left;
	margin-right: 10px;
	background:url(images/tag.gif) no-repeat;
	padding:2px 3px 3px 20px;
	height: 16px;
}

#c3 .content .tagcloud a:link, #c3 .content .tagcloud a:visited {
	text-decoration:none;
	border: none;
	display: inline;
}

#rss {
	background-image: url(images/rss.gif);
	background-repeat: no-repeat;
	padding-left: 22px;
	background-position: 5px;
}

.category2, .editit {
	float: left;
}

.category2 {
	margin-right: 10px;
	background:url(images/category.gif) no-repeat;
	padding:2px 3px 3px 20px;
	height: 16px;
}

.editit {
	margin-left: 10px;
}

.navigation {
	font-size: .85em;
}

.alignleft {
	float: left;
}

.alignright {
	float:right;
}

.ncomments {
	font-size: 1em;
	color:#000000;
	margin-right: 10px;
	background:url(images/comment.gif) no-repeat;
	padding:2px 3px 3px 20px;
}

.ncomments a:link, .ncomments a:visited, .postmetadata a:link, .postmetadata a:visited, .navigation a:link, #navigation a:visited {
	color:#003366;
	text-decoration:underline;
}

.ncomments a:hover, .postmetadata a:hover, .navigation a:hover {
	color:#990000;
	text-decoration:none;
}

/* This section helps control the placement of images in pages or posts. WordPress by default, assigns classes when you insert the image. This will help to make sure they go where you want. */

img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
}

img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
}

.alignright {
    float: right;
}

.alignleft {
    float: left;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;	
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* This end the section that handles the pages or post image placement. */

/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 100px;
}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
}

#c1 #wp-calendar a, #c3 #wp-calendar a {
	display: block;
	border: none;
	margin: 1px;
	padding: 0px;
}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */