/*
Theme Name: Collapsed Mirrored
Theme URI:  <a href="http://mindloop.be/">Mindloop Webontwikkeling</a>
Description: Theme created by  <a href="http://mindloop.be/">Mindloop Webontwikkeling</a> with integrated ajax collapse/expand and live search functionality. The theme also uses the lightbox to display your images. Drop me a mail at <a href="mailto:theme@mindloop.be">theme@mindloop.be</a> if you want to order a customized/unique theme.
Version: 1.0
Author: Andy Mathijs
Author URI: http://mindloop.be/

This theme was designed and built by Andy Mathijs,
whose company you will find at http://mindloop.be/

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

The XHTML is an adapted version of the Kubrick theme

*/

/*reset.css*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}

table{border-collapse:collapse;border-spacing:0;}

fieldset,img{border:0;}

address,caption,cite,code,dfn,strong,th,var{font-style:normal;font-weight:normal;}

em{font-style:italic;}

ol,ul {list-style:none;}

caption,th {text-align:left;}

h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}

q:before,q:after{content:'';}

abbr,acronym {border:0;}

.publication{margin-bottom:2em;}

/*fonts.css*/

body{font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}pre, code {font:115% monospace;*font-size:100%;}body * {line-height:1.22em;}

div.clear
{
clear:both;
height:0px;
width:0px;
overflow:hidden;
}


body
{
	background-color:#F7F7F7;
	margin:10px;
	background-image:url(images/bg.gif);
	background-repeat:repeat-x;
	margin-top:33px;
}

/* Links in general: */
a{
  text-decoration:none;
  color:#3366CC;
}
a:hover{
  color:#20345a;
}
a:visited{
  color:#84b0c7;
}


div.navigation
{
display:block;
margin-left:30px;
padding-bottom:15px;
margin-bottom:15px;
}

.navigation div
{
	float:left;
	padding-right:10px;
}

#page
{
	margin-left:auto;
	margin-right:auto;
	width:770px;
	height:auto;
}

#header
{
	background-image:url(images/header.jpg);
	height:114px;
	width:770px;
}

	#header h1
	{
		float:right;
		color:white;
		text-decoration:none;
		font-size:18px;
		position:relative;
		top:17px;
		right:22px;
		font-weight:bold;
	}
	#header p
	{
        float:right;
        padding-top:20px;
        padding-right:50px;
		color:white;
		text-decoration:none;
		font-size:130%;
		/*position:relative;
		top:17px;
		right:22px;*/
		font-weight:bold;
	}

	#header ul
	{

	}

	#header ul li
	{
		float:left;
		display:inline;
		margin-right:2px;
		position:relative;
		top:86px;
		left:30px;

	}

	#header ul ul
	{
		display:none;
		width:0px;
		overflow:hidden;
	}

	#header ul li a
	{
		background-image:url(images/btn-page.jpg);
		display:block;
		width:96px;
		height:22px;
		padding-top:6px;
		text-align:center;
		
		color:black;
		font-weight:bold;
		background-repeat:no-repeat;
		overflow:hidden;
	}

	#header ul li a:hover
	{
		background-position:-192px 0px;
		color:#737358;
	}

	#header ul li.current_page_item a
	{

		background-position:  0px;
		color:#999999;
	}


/*adjustments for top part*/
/*========================================================*/

#wrapper #about 
{
	width:100%;
	align:center;
	
}

#wrapper #about div.post
{
	/*float:left;*/
	width:620px;
	margin-bottom:10px;
	padding-left:20px;
	margin-left:55px;
	background-position:bottom right;
	background-repeat:no-repeat;
}

#wrapper #about div.post h2 , #wrapper  #about div.post h3 a
	{
		font-size:110%; 
		text-align:justify;
		font-weight:bold;
		border-bottom:none;
		color:#000000;
		margin-bottom:10px;
		
	
	}

	#wrapper  #about div.post h2 a
	{
		border-bottom:none;
	}


		#wrapper #about div.post h2 a
	{
		border-bottom:none;
	}


   #wrapper  #about .post .entry ul, #wrapper  #about .post .entry ol
{
  list-style-type:square;
  list-style-position:inside;
  padding-left:5px;
  margin-left:5px;
}

#wrapper #about .post .entry p
	{
		text-align:justify;
		line-height:150%;
		margin-bottom:10px;
		margin-top:10px;
	
	}



/*===============================================*/

#wrapper #content #top
{

  display:inline;
  width:635px;
  margin-right:0px;
  position:relative;
}

#top_img img
{
  margin-left:10px;
  margin-bottom:10px;
  text-align:center;



}

/*#wrapper #top div.post
{
	 
	float:left;
	width:400px;
	margin-bottom:10px;
 	padding-right:10px;
	padding-left:10px;
	background-position:bottom right;
	background-repeat:no-repeat;
	/*clear:both;*/
}

#wrapper #content #top div.post
{
	/*margin-bottom:15px;
	margin-left:15px;
	margin-right:25px;
	padding-right:25px;
	padding-left:15px;*/
	float:left;
	width:420px;
	margin-bottom:10px;
	/*margin-left:10px;
	margin-right:10px;*/
	padding-right:10px;
	padding-left:10px;
	/*background-image:url(images/post-bottom.jpg);*/
		background-position:bottom right;
		background-repeat:no-repeat;
	/*clear:both;*/
}

#wrapper #content #top div.post h2 , #wrapper #content #top div.post h3 a
	{
		font-size:110%; 
		text-align:justify;
		font-weight:bold;
		border-bottom:none;
		color:#000000;
		margin-bottom:10px;
		
	
	}
/* #wrapper #top div.post h2 , #wrapper #top div.post h3 a
	{
		float:left;
		font-size:136%;  
		border-bottom:none;
		color:#000000;
		margin-top:100px;
		margin-bottom:5px;
	 }
	*/

	#wrapper #content #top div.post h2 a
	{
		border-bottom:none;
	}


		#wrapper #top div.post h2 a
	{
		border-bottom:none;
	}


   #wrapper #content #top .post .entry ul, #wrapper #content #top .post .entry ol
{
  list-style-type:square;
  list-style-position:inside;
  padding-left:5px;
  margin-left:5px;
}

#wrapper #content #top .post .entry p img 

{
    /*float:right;*/
    margin-bottom:5px;
    margin-left:10px;
    
    	
}


#wrapper #top .post .entry p
	{
		line-height:150%;
		margin-bottom:10px;
	}


#wrapper #content #top .post .entry p
	{
//		text-align:justify;
		line-height:150%;
		margin-bottom:10px;
		/*margin-right:10px;
		padding-right:10px;*/
	}

/*end adjustments top part*/

#search
{
	background-image:url(images/header-search.jpg);
	height:44px;
	padding-top:10px;
	width:740px;
	padding-right:30px;
	text-align:right;
	overflow:hidden;
}

/*the searchbox*/
#search form input#s, form input#s2
{
	padding:0px;
	border:2px solid #575757;
	height:24px;
	font-size:114%;
	padding-left:3px;
	vertical-align:top;
}

form#searchform2
{
	margin-top:15px;
	width:500px;
	overflow:hidden;
}

#search form input#searchsubmit, form input#searchsubmit2
{
	padding:0px;
	height:28px;
	padding-left:28px;
	width:28px;
	text-indent:10000px;
	background: transparent url(images/btnsearch.gif) no-repeat;
	cursor: pointer; /* hand-shaped cursor */
    cursor: hand; /* IE 5.x */
	border: none;
	position:relative;
	vertical-align:top;

}

form input#searchsubmit2
{
	background: transparent url(images/btnsearch-white.jpg) no-repeat;
}






#wrapper
{
	background-image:url(images/wrapper-bg.jpg);
	width:770px;
	height:100%;
	background-repeat:repeat-y;
	padding-top:30px;
	
}

#wrapper #news
{
	float:left;
	width:640px;
	margin-left:25px;
	padding-left:10px;
	margin-bottom:30px;
	/*clear:both;*/
}
/*rules for pubs tag*/
#wrapper #news div.pubs
{
	width:590px;
	text-align:justify;
	margin-bottom:15px;
	margin-left:10px;
	/*margin-right:25px;
	padding-right:25px;*/
	padding-left:25px;

	/*background-image:url(images/post-bottom.jpg);*/
		background-position:bottom right;
		background-repeat:no-repeat;
	clear:both;
}

#wrapper #news div.pubs h2
	{
		font-size:166%; /*136%*/
		font-weight:bold;
		border-bottom:none;
		color:#3366CC;
		margin-bottom:20px;
	}

#wrapper #news div.pubs h3
	{
		font-size:126%; /*136%*/
		font-weight:bold;
		border-bottom:none;
		color:black;
		margin-bottom:10px;
	}
#wrapper #news div.pubs small
	{
		font-size:106%;

		display:block;
		margin-bottom:5px;
	}
#wrapper #news div.pubs p a
{
	text-decoration:none;
}



/* end pubs tag*/

/* rules for post in news tags */
#wrapper #news div.post
{
	width:440px;
	margin-bottom:15px;
	margin-left:5px;
	/*margin-right:25px;
	padding-right:25px;*/
	padding-left:10px;

	/*background-image:url(images/post-bottom.jpg);*/
		background-position:bottom right;
		background-repeat:no-repeat;
	clear:both;
}
#wrapper #news div.post h2 , #wrapper #news div.post h3 a
	{
		font-size:120%; /*136%*/
		font-weight:bold
		border-bottom:none;
		color:#3366CC;
		margin-bottom:5px;
	}

	#wrapper #news div.post h2 a
	{
		border-bottom:none;
	}

	#wrapper #news div.post small
	{
		color:#CCCCCC;
		display:block;
		margin-bottom:5px;
	}

	#wrapper #news .post .entry p
	{
		line-height:150%;
		margin-bottom:10px;
	}

#wrapper #place
{
	width:100%;
	height:350px;

}

/* end rules for post in news tags */
#wrapper #news #contact
{
	width:90%;
	padding-left:60px;
	margin-bottom:30px;
	clear:both;

}
#wrapper #news #contact h1
{
	font-size:127%;
	font-weight: bold;
	margin-top:10px;
	margin-bottom:20px;
}

#wrapper #news #contact ul
{
	list-style-type:square;
    list-style-position:inside;
    padding-left:5px;
    margin-left:5px;

}
#wrapper #news #contact img.bild
{
   float:left;
   margin-right:20px;
   margin-bottom:50px;

}



#wrapper #sidebar
{
    float:left;
    /*display:inline;*/
	width:192px;
	background-color:#416688;
    margin-left:15px;
	margin-right:10px;
	background-image:url(images/sidebar-top.gif);
	background-repeat:no-repeat;


}
#wrapper #sidebar #place_it
{
	width:100%;
	height:200%;
	background-color:#416688;
	background-image:url(images/sidebar-back.gif);   /*-color:#416688;*/
	background-repeat: repeat-y;
}
	#wrapper #sidebar #sidebar-bottom
	{
	background-image:url(images/sidebar-bottom.gif);
	background-repeat:no-repeat;
	height:8px;
	overflow:hidden;
	}

	#wrapper #sidebar ul , #wrapper #sidebar ul li
	{
		padding:5px;
	}

		#wrapper #sidebar ul li hr
		{
		border-bottom: 1px solid #ACBCCB;
		border-top:1px solid #223648;
		display:none;
		visibility:hidden;
		}

		#wrapper #sidebar ul li h2
		{
			text-transform:uppercase;
			font-weight:bold;
			color:white;
		}



#wrapper #content
{
	float:right;
	display:inline;
	width:535px;
	margin-right:0px;
	position:relative;
	left:-30px;
	/*background-color:red;*/
}
#wrapper #content div.post
{
	margin-bottom:15px;
	margin-left:15px;
	margin-right:25px;
	padding-right:25px;
	padding-left:15px;

	/*background-image:url(images/post-bottom.jpg);*/
		background-position:bottom right;
		background-repeat:no-repeat;
	clear:both;
}

/*=========================*/
/*adjustments for posts*/

#wrapper #content_topics
{
	/*float:right;*/
	/*display:inline;*/
	width:725px;
	margin-right:0px;
	position:relative;
	/*left:-30px;*/
	/*background-color:red;*/
}

#wrapper #content_topics div.post
{
	/*margin-bottom:15px;
	margin-left:15px;
	margin-right:25px;
	padding-right:25px;
	padding-left:15px;*/
	margin-bottom:10px;
	margin-left:10px;
	margin-right:10px;
	padding-right:10px;
	padding-left:10px;
	/*background-image:url(images/post-bottom.jpg);*/
		background-position:bottom right;
		background-repeat:no-repeat;
	clear:both;
}

#wrapper #content #place
{
	width:100%;
	height:350px;

}
#wrapper #place_c
{
	width:100%;
	height:350px;

}

#wrapper #content_topics div.post h2 , #wrapper #content_topics div.post h3 a
	{
		font-size:136%; /*136%*/
		font-weight:bold
		border-bottom:none;
		color:#3366CC;
		margin-bottom:5px;
	}

	#wrapper #content_topics div.post h2 a
	{
		border-bottom:none;
	}


#wrapper #content_topics .post .entry p
	{
		line-height:150%;
		margin-bottom:10px;
	}

/*new to make table fancy*/

	#wrapper #content_topics .post .entry table
	{
	   width:95%;
	   margin-left:55px;
	   margin-bottom:10px;
	}


	/*end fancy table*/

#wrapper #content_topics .post .entry table td {
	vertical-align:top;
	width:50%;
	padding-right:35px;
//	text-align:justify;
	}
#wrapper #content_topics .post .entry table td ul
{
  list-style-type:square;
  list-style-position:inside;
  padding-left:5px;
  margin-left:5px;
}


/*==========================*/





/*#wrapper #content div.post img
{
	float:left;
	border:1px solid #666666;
	margin-right:3px;
	margin-top:3px;
}*/


	#wrapper #content div.post h2 , #wrapper #content div.post h3 a
	{
		text-align:justify;
		font-size:110%; /*136%*/
		font-weight:bold
		border-bottom:none;
		color:#3366CC;
		margin-bottom:5px;
	}

	#wrapper #content div.post h2 a
	{
		border-bottom:none;
	}

	#wrapper #content div.post small
	{
		color:#CCCCCC;
		display:block;
		margin-bottom:5px;
	}

	#wrapper #content .post .entry p
	{
		line-height:150%;
		margin-bottom:10px;
		padding-right: 0px;
		padding-left: 10px;
	}

	#wrapper #content .post .entry blockquote
	{

		padding:10px;
		border-top:3px solid #416688;
		border-bottom:3px solid #416688;
		background-color:#DDE3EA;
		margin-top:15px;
		margin-bottom:15px;
	}



	#wrapper #content .post .entry blockquote blockquote
	{
		padding:10px;
		border:none;
		border-left:3px solid black;
		border-right:3px solid black;
		width:250px;
		float:left;
		margin:0px;
		position:relative;
		left:-13px;
		background-color:#666666;
		color:white;
	}

	#wrapper #content .post p.postmetadata
	{
		display:block;
		clear:both;
		padding:15px;
		border:1px dashed #CCCCCC;
		background-color:#F8F8F8;
		margin-bottom:40px;
		margin-top:15px;
		line-height:170%;

	}

	#wrapper #content .post p.postmetadata a
	{

	}

	#wrapper #content .post .postmetadata small
	{color:#666666;
	line-height:170%;}

	#wrapper #content .post b , #wrapper #content .post strong
	{
		font-weight:bold;
	}

	#wrapper #content .post em , #wrapper #content .post i
	{
		font-style:italic;
	}

	#wrapper #content .post ol
	{
		list-style:decimal;
		list-style-position:inside;
	}

	#wrapper #content .post ol li, #wrapper #content .post ul li
	{
		margin-bottom:6px;
	}

#footer
{
	background-image:url(images/footer.jpg);
	background-repeat:no-repeat;
	height:31px;
	padding-top:30px;
	text-align:right;
	width:760px;
	padding-right:10px;
	font-size:92%;
	color:#666666;
}

/*links*/
/*.post a,*/
 #wrapper #content .commentlist li a, div.navigation a, #commentform a, .loggedin a
{
	text-decoration:none;
	color:#3366CC;
	border-bottom: 1px dotted #3366CC;
}

/*.post a:hover ,*/
 #wrapper #content .commentlist li a:hover , #commentform a:hover, .loggedin a:hover
{

	border-bottom: 1px solid #3366CC;
}

#sidebar a
{
	text-decoration:none;
	color:white;

}

#sidebar a:hover
{
	border-bottom: 1px solid white;
}


/**comments**/
 h3#comments, h3#respond
{
	font-size:136%;
	border-bottom:none;
	margin-left:30px;
}

ol.commentlist
{
	display:block;
	margin-top:15px;
	margin-left:50px;
	list-style:decimal;

}

ol.commentlist li
{
	/*background-color:#4E882B;*/
	margin-bottom:15px;
	padding:10px;
}

ol.commentlist li small.commentmetadata
{
	display:block;
	margin-top:5px;
	margin-bottom:5px;
}

p.loggedin
{
	display:block;
	margin-left:30px;
	margin-top:15px;
	margin-bottom:50px;
}

/*commentform*/
#commentform
{margin-top:30px;
margin-left:30px;}

#commentform input,#commentform textarea
{
	margin-bottom:10px;
}

#commentform label
{
	position:relative;
	top:-10px;
}

#footer a
{
text-decoration:none;
	border-bottom:#CEDAF3;
color : #416688;
}

 #footer a:hover
{

	border-bottom: 1px solid #CEDAF3;

}

h2.pagetitle
{
	font-size:167%;
	margin-bottom:10px;
}

/** Info Box of Project Description (it includes links to additional resources) */
#infobox {
	float:right;
	text-align:center;
	margin-left: 10px;
	margin-bottom: 5px;
	max-width:220px;
}

#infobox p strong{
	float:center;
	text-align:center;
}

#infobox table{
align:center;
text-align:center;
}

#infobox td{
	padding-left:10px;
	vertical-align:top;
}