/*  
Theme Name: Collapsed
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,em,strong,th,var{font-style:normal;font-weight:normal;}

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;}



/*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;
}

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;
}

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

	#header h1
	{
		float:right;
		color:white;
		text-decoration:none;
		font-size:197%;
		position:relative;
		right:30px;
		top:40px;
		font-weight:bold;
	}
	
	#header ul
	{
		
	}
	
	#header ul li
	{
		float:left;
		display:inline;
		margin-right:10px;
		position:relative;
		top:84px;
		left:30px;
		
	}
	
	#header ul ul
	{
		display:none;
		width:0px;
		overflow:hidden;
	}
	
	#header ul li a
	{
		/*background-image:url(images/btn-page.jpg);*/
		background-image:url(images/Button.gif);
		display:block;
		width:96px;
		height:24px;
		padding-top:6px;
		text-align:center;
		text-decoration:none;
		color:black;
		font-weight:bold;
		background-repeat:no-repeat;
		overflow:hidden;
	}
	
	#header ul li a:hover
	{
		background-position:-192px 0px;
		
	}
	
	#header ul li.current_page_item a
	{
		
		background-position:-96px 0px;
		color:#CCCCCC;
	}

#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;
	background-repeat:repeat-y;
	padding-top:3px;
}

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

	#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 #sidebar #sidebar-bottom
	{
	background-image:url(images/sidebar-bottom.gif);
	height:8px;
	overflow:hidden;
	}


#wrapper #content
{
	float:left;
	display:inline;
	width:770px;
	margin-left:11px;
	/*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;
}

#wrapper #content div.post img
{
	/*float:left;*/
	border:0px solid #666666;
	/*margin-right:3px;
	margin-top:3px;*/
}
	
	
	#wrapper #content div.post h2 , #wrapper #content div.post h3 a
	{
		font-size:136%;
		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;
	}
	
	#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:150px;
		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;
}

#footer a
{
	text-decoration:none;
	color:white;
}
#footer a:hover
{
cursor: pointer; /* hand-shaped cursor */
    cursor: hand; /* IE 5.x */
}

/*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;
}

/*Random Additions*/
h3
{
	text-decoration:none;
	color:#3366CC;
display:inline;
	/*border-bottom: 1px dotted #3366CC;*/
}

h3:hover
{
/*border-bottom: 1px solid #3366CC;*/
cursor: pointer; /* hand-shaped cursor */
    cursor: hand; /* IE 5.x */
}


.BubbleDiv
{
z-index: 1; 
left: 5px; 
top: 10px; 
width: 280px; 
height: 205px; 
background-color:#FFFFFF; 
visibility: visible; 
overflow-y: auto; 
scrollbar-arrow-color:blue; 
scrollbar-face-color: #e7e7e7; 
scrollbar-3dlight-color: #a0a0a0; 
scrollbar-darkshadow-color:#888888;\"
}

/* -------------------------------------------------------
	Popup Dialog
*/
#overlay {
     visibility: hidden;
     position: absolute;
     left: 0px;
     top: 0px;
     width:100%;
     height:100%;
     text-align:left;
     z-index: 1000;
		 background-image: url(images/overlay.png);
		 background-repeat: repeat-y;
		 background-repeat: repeat-x;
}
#overlay div h2
{
	text-align:center;
	font-size:136%;
		color:#3366CC;
	
}
#overlay div h3
{
	text-align:center;
}

#overlay div {
	width:450px;
	margin: 236px auto;
	background-color: #fff;
	border:1px solid #000;
	padding:15px;
}

/* -------------------------------------------------------
	Profile Stuff
*/
#profile {
     visibility: hidden;
     position: absolute;
     left: 0px;
     top: 0px;
     width:100%;
     height:100%;
     text-align:left;
     z-index: 1000;
		 background-image: url(images/overlay.png);
		 /*background-repeat: repeat-y;
		 background-repeat: repeat-x;*/
}

#profile h2
{
	text-align:center;
	font-size:136%;
	color:white;
	
}

#profile h3
{
	text-align:center;
	color:white;
}

#profile div h2
{
	text-align:center;
	font-size:136%;
	color:white;
	weight: bold;
}
#profile div h3
{
	text-align:center;
}

#profile div {
	background-image:url(images/header-profile.jpg);
	/*Below the buttons*/
	/*margin-top:147px;*/
	/*'Over' the buttons*/
	margin-top:115px;
	margin-left:auto;
	margin-right:auto;
	height:286px;
	width:685px;
	background-color: #fff;
	padding-top:10px;
	padding-right:30px;
	padding-left:30px;
	text-align:left;
	color:white; 
}


/*Map Stuff*/
#MapKey {
     visibility: hidden;
     position: absolute;
     left: 0px;
     top: 0px;
     width:100%;
     height:100%;
     text-align:center;
     z-index: 1000;
}

#MapKey div {
     width:300px;
     margin: 300px auto;
     background-color: #fff;
     border:1px solid #000;
     padding:15px;
     text-align:center;
}

/*Login Div that contains the text*/
#Login {
float:left; 
color:white; 
margin-left:35px; 
margin-top:6px;
font:13px arial,helvetica,clean,sans-serif;
*font-size:small;*font:x-small;
font-weight:bold;
}

#Login h3
{

	text-decoration:none;
	color:white;
	display:inline;
	font-weight:bold;
}

#Login h3:hover
{
	/*border-bottom: 1px solid #3366CC;*/
	cursor: pointer; /* hand-shaped cursor */
  cursor: hand; /* IE 5.x */
}