/*
Theme Name: Inventis
Theme URI: http://inventis.be

Version: 1.0
Author: Mathias Dewelde
*/



body{ margin: 0; padding: 0; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; background: #FFFFFF url(images/bg.gif) repeat; text-align: center }
a{ color: #1089CB; }
a:hover, a:active{ text-decoration: none }

.centered{ width: 970px; margin: 0 auto 0 auto; padding: 0; text-align: left }

/*HEADER*/
#header{ background: url("images/header-bg.gif"); overflow: hidden }
#header h1{ width: 220px; height: 165px; background: url("images/header-logo.png") center 2px no-repeat; margin: 0 0 0 15px; padding: 0; float: left; text-indent: -9000px; }
#header h1 a{ display: block; width: 220px; height: 165px; }
#header .menu{ width: 640px; height: 29px; margin: 42px 0 0 76px; float: left }
#header .menu ul{ list-style-type: none; display: inline; margin:0; padding:0; float: right }
#header .menu li{ display: inline; margin:0; padding:0; float: left }
#header .menu  a{ height: 29px; background: url("images/menu-img.gif") no-repeat; display: block; margin:0 0 0 8px; padding:0 }
#header .menu  a.home:link, #header .menu  a.home:visited{ width:56px; background-position: 0px 0px }
#header .menu  a.home:hover, #header .menu  a.home:active{ width:56px; background-position: 0px -29px }
#header .menu  a.projecten:link, #header .menu  a.projecten:visited{ width:72px; background-position: -71px 0px }
#header .menu  a.projecten:hover, #header .menu  a.projecten:active{ width:72px; background-position: -71px -29px }
#header .menu  a.stagiairs:link, #header .menu  a.stagiairs:visited{ width:69px; background-position: -161px 0px }
#header .menu  a.stagiairs:hover, #header .menu  a.stagiairs:active{ width:69px; background-position: -161px -29px }
#header .menu  a.blog:link, #header .menu  a.blog:visited{ width:49px; background-position: -248px 0px }
#header .menu  a.blog:hover, #header .menu  a.blog:active{ width:49px; background-position: -248px -29px }
#header .menu  a.wiki:link, #header .menu  a.wiki:visited{ width:45px; background-position: -313px 0px }
#header .menu  a.wiki:hover, #header .menu  a.wiki:active{ width:45px; background-position: -313px -29px }
#header .menu  a.stageopinventis:link, #header .menu  a.stageopinventis:visited{ width:117px; background-position: -373px 0px }
#header .menu  a.stageopinventis:hover, #header .menu  a.stageopinventis:active{ width:117px; background-position: -373px -29px }
#header .menu  a.contact:link, #header .menu  a.contact:visited{ width:64px; background-position: -507px 0px }
#header .menu  a.contact:hover, #header .menu  a.contact:active{ width:64px; background-position: -507px -29px }


/*CONTENT*/
	
	/*PAGETITLE*/
	#page-title{ padding: 0 13px; margin-bottom:20px }
	#page-title h2{ font-weight: bold; font-size: 25px; margin: 0 0 0 0; padding: 0 }
	
	#content{ background: #FFFFFF }

	/*SIDEBAR*/
	#sidebar{ width: 240px; margin: 20px 15px 0 15px; float: left; display: inline }
	#sidebar h2{ font-weight: bold; text-align: left; font-size: 24px; margin: 0; padding: 0 }
	#sidebar a { color: #1089CB; }
	#sidebar a:hover, #sidebar a:active{ text-decoration: none; color: #1089CB; }
	
		/*SIDEBAR TAG CLOUD*/
		#sidebar-tag-cloud{ background: url("images/dots.gif") 0 4px repeat-x; font-size:12px; color: #000000; margin:0; padding:10px 0 }
		#sidebar-tag-cloud a{ color: #1089CB; text-decoration:none; }
		#sidebar-tag-cloud a:hover, #sidebar-tag-cloud a:active{ color: #000000 }
	
		/*BLOG*/
		#sidebar-blog{ background: url("images/dots.gif") 0 0px repeat-x; font-size:12px; color: #000000; margin-bottom: 20px; }
		#sidebar-blog ul, #sidebar-blog li{ list-style-type: none; margin: 4px 0 0 0; padding:0 }
		#sidebar-blog li{ background: url("images/blog-stripe.gif") center bottom repeat-x; margin: 0; padding: 5px 0 7px 0; line-height:18px; }
		#sidebar-blog a { font-size:12px; color: #000000; text-decoration: none }
		#sidebar-blog a:hover, #sidebar-blog a:active{ text-decoration: underline }
		#sidebar-blog .projecten a { font-size:12px; color: #000000; background: url(images/arrow_long_blue.gif) 0px 7px no-repeat; padding: 0 15px }
		#sidebar-blog .projecten a:hover, #sidebar-blog .projecten a:active{ text-decoration: underline; background: url(images/arrow_long_blue_light.gif) 0px 7px no-repeat; padding: 0 15px }
		#sidebar-blog span a { background: url("images/blog-icon.gif") left center no-repeat; margin-top: 3px; font-size: 11px; color: #1089cb; padding-left: 19px; text-decoration: none; }
		#sidebar-blog span a:hover, #sidebar-blog span a:active{ text-decoration: underline }
		#sidebar-blog .blog-date{ background: url("images/calendar.gif") left center no-repeat; padding-left: 17px; margin-left: 10px; color: #1089CB; font-size: 11px }
		.meer{ font-size: 12px; text-align: right; margin: -2px 0 20px 0; }
		.meer a{
			padding-right: 10px;
			background: url("images/pijltje.gif") right 5px no-repeat;
			text-decoration: underline;
			color: #1089CB;
		}
		.meer a:hover, .meer a:active{ text-decoration: none }
		#blogging-dots{ background: url("images/dots.gif") 0 0px repeat-x; margin:-20px 0 0 -20px; font-size:12px; width:650px; height:20px; display:block; }

	/*MAIN CONTENT*/
	#main-content{ position: relative; width: 665px; margin: -55px 0 10px 0px; padding-left: 35px; float: left; background: url(images/line.gif) 10px top no-repeat }
	
		/*TEXTBOX*/
		.textbox{ width: 647px; background: #f4f4f4 url(images/text-top.gif) no-repeat; padding: 20px 0 0 0; overflow:hidden }
		.textbox h2{ width: 500px; padding: 0px 20px 0 20px; margin: 0 }
		.textbox p{ margin: 3px 20px 0 20px; font-size: 12px }
		.textbox span{ display: block; width: 647px; height: 21px; background: url(images/text-bottom.gif) no-repeat }
		.textbox ul, .textbox li{ margin:0; padding:0; text-indent:0; list-style:none; }
		.textbox li{ margin: 15px 15px; float: left; display:block; /*height: 205px;*/ }
		.textbox li.stagiair{ width: 180px; text-align:center; }
		.textbox h3{ margin: 0; padding: 0; font-size:22px; text-align:center }
	
		/*PROJECTS*/
		#projects{ margin: 5px 0 20px 0; padding: 0; border: 0; overflow: hidden }
		#projects h3{ font-weight: bold; text-align: center; font-size: 20px; margin: 9px 0 -11px 0; padding: 0 }
		#projects li{ list-style-type: none; float: left; margin: 0 24px 0 0; padding: 0 }
		#projects .last{ margin: 0; padding:0 }
		#projects a{ display: block; width: 200px; height: 180px; background: url(images/meer-info.gif) center 19px no-repeat; text-indent: -9000px }
		#projects a:hover, #projects a:active{ background: url(images/meer-info.gif) center -141px no-repeat }
		#projecttalk p{ margin: 15px 20px 15px 20px; }
		
		/*GA NAAR WEBSITE*/
		#ga-naar-website { margin: 20px 0 0 20px; padding: 0; }
		#ga-naar-website img { border: 0; }
		
		/*COMMENT*/
		#post-comment{ padding:5px 0; margin:0 20px }
		#post-comment h3{ font-size: 19px; } /* 24 */
		.commentlist{ list-style-type: none; margin:-15px 0 0; padding:0 }
		.commentlist .comment{ background: #F4F4F4 url(images/roundcorner.gif) no-repeat; padding: 15px; margin-bottom: 10px }
		.single-comment{ width: 520px; font-size: 12px; float:right; color:#1089CB }
		.single-comment p{ color:#000000; }
		
		/*CONTACT*/
		textarea{ width: 265px; }
		.roundinput{ background:transparent url(images/input_bg.gif) no-repeat scroll 0 top; height:27px; padding:2px 0 0 7px; width:262px; height: 45px }
		.roundtextarea{ background:transparent url(images/textarea_bg.gif) no-repeat scroll 0 0; clear:both; height:233px; padding:2px 7px 0; width:255px }
		input{ background: white none repeat scroll 0 0; border:0 none; width:97% }
		.submit{ 
			background:transparent url(images/btn_submit.gif) no-repeat scroll 0 0;
			border:0 none;
			color:#666666;
			cursor:pointer;
			display:block;
			font-family:Arial,Helvetica,sans-serif;
			font-size:11px;
			height:22px;
			padding:0;
			width:70px;
			margin-top: 25px;
		}
		.submit:hover{ background-position:left bottom; }
		label{ font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
		textarea{ border:0 none; font-family:"trebuchet MS",Arial,Helvetica,sans-serif; font-size:12px; height:228px; width:255px }
		#contactform span{ color: #F00; font-size: 12px; display:block; padding-top: 7px }
		
		/*LIGHTBOX*/
		#lightbox{
			background-color:#eee;
			padding: 10px;
			border-bottom: 2px solid #666;
			border-right: 2px solid #666;
			}
		#lightboxDetails{
			font-size: 0.8em;
			padding-top: 0.4em;
			}	
		#lightboxCaption{ float: left; }
		#keyboardMsg{ float: right; }
		#closeButton{ top: 5px; right: 5px; }
		
		#lightbox img{ border: none; clear: both;} 
		#overlay img{ border: none; }
		
		#overlay{ background-image: url(overlay.png); }
		* html #overlay{
			background-color: #333;
			back\ground-color: transparent;
			background-image: url(blank.gif);
			filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
		}
		
		/*COMMENTFORM*/
		.commentform{
			margin-bottom: 10px;
		}
		.commentform input, .commentform textarea{
			border:1px solid #CFE7F5;
			font-family:inherit;
			font-size:11px;
			padding:2px;
			width:534px;
		}
		.commentform .button{
			width:auto;
			background: #f0f0f0;
		}
		
		/*TEXTBOX2*/
		.textbox2{ width: 647px; background: #f4f4f4 url(images/text-top.gif) no-repeat; padding: 20px 0 0 0; overflow:hidden }
		.textbox2 h2{ width: 500px; padding: 0px 20px 0 20px; margin: 0 }
		.textbox2 p, .textbox p{ margin: 15px 20px 0 20px; font-size: 12px }
		.textbox2 span{ display: block; width: 647px; height: 21px; background: url(images/text-bottom.gif) no-repeat }
		.textbox2 h3{ margin:-5px 0; padding:0; font-size:22px; text-align:center }
		.textbox2 p{
			margin: 20px 20px 10px 20px;
		}
		.textbox2 strong{ font-size: 14px; }
		.textbox2 ul{ margin-left: 20px;  }
		.textbox2 ul, .textbox2 li{ height:auto; list-style: circle; font-size: 12px  }

/*FOOTER*/
#footer{ height: 25px; background: url("images/footer-bg.gif"); padding: 1px 0; }
#footer p{ padding-top: 26px; padding-bottom: 10px;; color: #FFF; font-size: 12px; text-align:right; }
#footer a{ color:#FFF }

/*BLOG*/
#blog{padding:0 20px; font-size:12px;}
#blog h3{font-size: 24px; padding: 0; margin:0;}
#blog h3 a{color:black;text-decoration: none;}
#blog h3.title{font-size: 18px; padding: 0; margin:0;}
#blog .entry{ width: 600px; }
#blog .entry .meta{overflow:hidden;width:100%;background:transparent url(images/border-dotted.gif) repeat-x 0 100%;margin:0; padding:0; width: 600px;}
#blog .entry .meta li{float:left;display:block;padding:5px 0 5px 20px;margin:0 10px 0 0;color:#1089CB;font-size: 11px;}
#blog .entry .meta li.date{background:transparent url(images/calendar.gif) no-repeat 0 50%;padding-left:17px}
#blog .entry .meta li.author{background:transparent url(images/notebook.gif) no-repeat 0 50%;padding-left:17px}
#blog .entry .meta li.comments {background:transparent url(images/comments.gif) no-repeat 0 50%}
#blog .entry .meta a {color:#1089CB;text-decoration: underline;}
#blog .entry .footermeta{clear:both;overflow:hidden;margin:15px 0 20px 0}
#blog .entry .footermeta div.tags{background:transparent url(images/tag_orange.gif) no-repeat 0 50%;padding-left:20px}
#blog .entry a:hover, #blog .entry a:active {text-decoration:none}


/*AUTHOR*/
.author_img{ float:left; margin-left: 20px; }
.author{ float:left; margin-left: 20px; font-size:12px;  }