/* kleuren */
@dark-grey: #55504f;
@grey: #666260;
@light-grey: #d5d2d2;
@paars: #B93092;
@oranje: #d18037;
@blauw: #7c94a6;

@content: @dark-grey;
@wit: #fff;
@link: @blauw;
@hover: @paars;
@active: @oranje;


/* fonts */
@font-default: "Lucida Grande", "Lucida Sans Unicode", Geneva, Tahoma, Verdana, Arial, sans-serif;
@font-headers: Geneva, Tahoma,  Verdana, Arial, sans-serif;

/* fontgroottes */
@huge: 161.6%;
@xx-large: 138.5%;
@x-large: 123.1%;
@large: 108%;
@medium: 100%;
@small: 93%;
@x-small: 85%;
@xx-small: 77%;

/* formaten */
@marge: 22px;
@marge-neg: -26px;
@witruimte_default: 3px 5px;
@interlinie: 20px;

@site-width: 940px;
@content-width: 500px;
@widget-width: 23.077em;
@widget1: 275px;
@widget2: 160px;

/* border */

@border: 1px solid #b3aca9;
@border-light: 1px solid #e2e2e2;

/* marges */
@marge-xl: 18px;
@marge-l: 14px;
@marge-m: 12px;
@marge-s: 6px;
@marge-xs: 3px;

html {
	background-color: @grey;
	} 
	   
 #ie-bar {
	display:none;
	}	                                         
/**
* Body
************************************************/
body {
	font-size: @xx-small;
	line-height: @interlinie;
	font-family: @font-default;
	color: @content;
	background-color: @grey;
	}

#body-container {
	width: @site-width;
	overflow: hidden;
	margin: 0 auto;
	position: relative;	}	
	
/**
* Elements
************************************************/

/* Links */
a {
	color: @link;
	text-decoration: none;
	}
a:hover {
	color: @paars;
	text-decoration: none;
	}

/* Headers */
h1, h2, h3, h4, h5, h6 {
	font-family: @font-headers;
	margin: 0;
	}
h1, h2 {
	font-size: @huge;
	margin-bottom: @marge;
	}

h2 {
	font-size: @x-large;
	margin-bottom: @marge / 2;
	}
	
h3 {
	font-size: @x-large;
	}
h4 {
	font-size: @large;
	}
h5 {
	font-size: @medium;
	}
h6 {
	font-size: @small;
	}

strong {
	font-weight: bold;
	font-size: @small;}
i, em {
	font-style: italic;
	}	

/* Lists */
ul {
	list-style: square;
	}

/* Blockquotes */
blockquote {
	padding: @marge-xl @marge-xl 0 @marge-xl;
	margin: @marge-xl;
	font-family: Geneva, Tahoma,  Verdana, Arial, sans-serif;
	font-size: 116%;
	color: #333;
	background: #eee;
	border: 1px solid #ddd;
	}
blockquote blockquote {
	margin: 0 0 @marge-xl 0;
	background: #f7f7f7;
	border: 1px solid #ccc;
	}

/* Code */
code {
	padding: 2px 3px;
	color: #444;
	background: #eee;
	}
pre {
	overflow: auto;
	padding: @marge-xl;
	color: #444;
	background: #eee;
	border: 1px solid #ddd;
	}
pre code {
	padding: 0;
	}

/* Tables */
table {
	width: 100%;
	background: #fff;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}
caption {
	text-align: right;
	color: #666;
	}
tr {
	margin: 1px;
	border-top: 1px solid #ddd;
	}
td {
	padding: 3px;
	border-right: 1px solid #ddd;
	}
tr.alt td, tr.even td {
	background: #f7f7f7;
	}
th {
	padding: 3px;
	font-weight: normal;
	color: #444;
	background: #eee;
	border-right: 1px solid #ddd;
	}

/* Acronyms */
acronym {
	font-size: 108%;
	border: none;
	}

/* Drop caps */
.drop-cap {
	float: left;
	margin: 3px 3px 0 0;
	font: normal normal normal 400%/290% Geneva, Tahoma, Verdana, Arial, sans-serif;
	color: #333;
	}

/* Notes, alerts, and such. */
.note, .warning, .alert, .error, .download {
	font: normal normal normal 108%/180% Geneva, Tahoma, Verdana, Arial, sans-serif;
	color: #444;
	}

/* Notes */
.note {
	padding: 9px;
	background: #eee;
	border: 1px solid #ccc;
	}

/* Warnings/Alerts */
.warning, .alert {
	padding: 9px;
	background: #fffbbc;
	border: 1px solid #E6DB55;
	}

/* Errors */
.error {
	padding: 9px;
	background: #ffebe8;
	border: 1px solid #C00;
	}

/* Downloads */
.download {
	padding: 9px;
	background: #e7f7d3;
	border: 1px solid #6c3;
	}

/* Alignment */
.left, .alignleft {
	float: left;
	margin: 0 @marge-xl 0 0;
	}
.right, .alignright {
	float: right;
	margin: 0 0 0 @marge-xl;
	}
.center, .aligncenter {
	display: block;
	margin: 0 auto @marge-xl auto;
	}
.block, .alignnone {
	display: block;
	margin: 0;
	}
.clear {
	clear: both;
	}
	
/** Forms */	
	input {
	border: 1px solid #ddd;
	padding: 2px;
	margin: 0;
	line-height: 100%;
	 }
.widget input {
	width: 98%;}	 


/**
* Images
************************************************/

/* Thumbnails */
.thumbnail {
	float: left;
	width: 120px;
	height: 120px;
	margin: 0 @marge-m @marge-m 0;
	padding: 3px;
	border: 1px solid #ccc;
	background: #fff;
	}

/* Avatars */
.avatar {
	float: left;
	width: 100px;
	height: 100px;
	margin: 0 @marge-m @marge-m 0;
	padding: 4px;
	border: 1px solid #ccc;
	background: #fff;
	}

/* Captions */
.wp-caption {
	max-width: 44.308em;
	*width: 576px;
	padding: 4px 0 4px 0;
	background: #eee;
	border: 1px solid #ccc;
	text-align: center;
	}
.wp-caption .wp-caption-text {
	margin: 0;
	padding: 0 5px;
	text-align: right;
	font-family: Geneva, Tahoma, Verdana, Arial, sans-serif;
	font-size: 108%;
	color: #454545;
	}
.wp-caption img {
	max-width: 566px;
	margin: 0;
	padding: 0;
	border: 1px solid #666;
	}

/* Utility: Header widget area */
#utility-header {
	overflow: hidden;
	float: right;
	width: 36em;
	height: 4.615em;
	*width: 468px;
	*height: 60px;
	}
#utility-header .widget {
	margin: 0;
	padding: 0;
	background: transparent;
	border: none;
	}



/* Header
************************************************/
#header-container {
	height: 80px;
	margin-top: @marge / 2;
	}
#header {
	overflow: hidden;
	position: relative;
 	background-color: transparent;
 	background-image: url(../images/erwin_odendaal.png);
	background-position: center center;
	background-repeat: no-repeat;
	height: 80px;
	}
	
#site-title {
	padding-top: @marge-l;
	height: 100%;
	
	a {
		display: block;
		height: 100%;
	}
	a span {
	display: none;
	}
}	
		
#site-description {}

/**
* Page Navigation
************************************************/
#primary-menu {
	font-family: @font-headers;
	width: 100%;
	margin: 0 auto;
	float: left;
		
.menu {	
	float:left;
	width:100%;
	overflow:hidden;
	}
ul {
	clear:left;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	left:50%;
	text-align:center;
	
li {
	display:block;
	float:left;
	height: 2.8em;
	position:relative;
   	right:50%;
   	margin-right: 1px;
	}
li:hover,
li.hover {
	background-color: @light-grey;
	}
li a {
	display: block;
	color: #fff;
	padding: 0.6em @marge-xl @marge-m @marge-xl;
	}
li a:hover {
	text-decoration: none;
 	color: @paars;
 	}
}
li.current-menu-item,
li.current-post-parent {
	background-color: @light-grey;
	a {
			color: @oranje;
	}
}	
}


/**
* Containers
************************************************/
#container {
	width: @site-width - @marge * 2;
	background: @light-grey;
	padding: @marge;
	margin-top: @marge-xl * 2 - 3;
	overflow: hidden;
 }

/**
* Content
************************************************/
.content {
	overflow: hidden;
	float: left;
	width: 585px;
	}
/* .singular-page .content {
	width: 405px;
		} */

.hentry,
.breadcrumb {
	overflow: hidden;
	margin: 0 0 @marge-xl 0;
	padding: @marge-xl @marge-xl @marge-m @marge-xl;
	background: #fff;
	border: @border;
	}

p {
	padding-bottom: @marge-m;}	

.hentry {

	ul {
	margin: 0 0 @marge-m @marge-m;
		}
	li {
	padding-left: 0;
	margin-left: @marge-m;
	list-style: square;
	}
	img {
		border: @border;}	
}
	/* Entry titles. */
.entry-title {
	margin: 0 0 @marge-m 0;
	font-size: 138.5%;
	}
.page-title, .singular-page-title {
	margin: 0 0 @marge-l 0;
	}

/* Byline */
.byline {
	text-transform: lowercase;
	font-size: 100%;
	font-style: normal;
	color: #666;
	display: none;
	}
.blog .byline, .archive .byline, .search .byline {
	margin-bottom: @marge-m;
	}

.byline .author, .byline .published {
	font-size: 108%;
	font-style: normal;
	}
.byline a {
	color: #333;
	}

/* Entry meta */
.entry-meta {
	clear: both;
	font-size: 93%;
	font-style: normal;
	color: #666;
	padding-top: @marge-m;
	}
.entry-meta a {
	font-style: normal;
	}

.author-info, .category-info, .date-info, .tag-info, .search-info, .taxonomy-info {
	overflow: hidden;
	margin: 0;
	padding: 0.5em 0.5em 0 0;
	background: none;
	/* 	border: 1px solid #ccc;
	border: @border;  */
	}	

/* Page links <!--nextpage--> */
p.pages {
	font-style: normal;
	}
p.pages a {
	margin: 0 2px;
	padding: 4px 12px;
	color: #eee !important;
	background: #645e5c;
	border: 1px solid #eee;
	}

/* WP PageNavi */
.wp-pagenavi {
	overflow: hidden;
	}
.wp-pagenavi .pages, .wp-pagenavi .current, .wp-pagenavi a, .wp-pagenavi .extend {
	float: left;
	margin: 0 6px 0 0;
	padding: 4px 12px;
	color: #eee !important;
	background: #645e5c;
	border: 1px solid #eee;
	}
/* Navigation links */
.navigation-links {
	overflow: hidden;
	a {
		display: block;}
		}
.next, .previous {
	width: 20px;
	height: 20px;
	font-size: 108%;
	}
.next {
	background-image: url(http://www.erwinodendaal.com/wordpress/wp-content/themes/erwin-odendaal/images/next.png);
	background-repeat: no-repeat;
	background-position:0 0;
	margin-right: @marge-xl;
	}
.previous {
	background-image: url(http://www.erwinodendaal.com/wordpress/wp-content/themes/erwin-odendaal/images/previous.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-left: @marge-xl;
	}
.next:hover {
	background-image: url(http://www.erwinodendaal.com/wordpress/wp-content/themes/erwin-odendaal/images/next_f2.png);
	background-repeat: no-repeat;
	background-position:0 0;
	}
.previous:hover {
	background-image: url(http://www.erwinodendaal.com/wordpress/wp-content/themes/erwin-odendaal/images/previous_f2.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	}
			
.previous {
	float: left;
	}
.next {
	float: right;
	text-align: right;
	}
#comments-template {
	display: none;}	
#comments-template .paged-navigation {
	text-align: center;
	}
#comments-template .paged-navigation .page-numbers {
	padding: 3px 6px;
	font-style: normal !important;
	border: 1px solid #eee !important;
	}
#comments-template .paged-navigation .next, #comments-template .paged-navigation .prev {
	float: none;
	text-align: left;
	border: none !important;
	}

/**
* Widgets
************************************************/
#primary {
	position: relative;
	float: right;
	width: @widget1;
	}

#secondary {
	position: relative;
	float: left;
	width: @widget2;
	margin-left: @marge-l * 2;
	}

/* Widgets */

.widget {
	overflow: hidden;
	margin: 0 0 @marge-xl 0;
	padding: @marge-xl @marge-xl 0 @marge-xl;
	/* 	border: 1px solid #ccc;
 */	border: @border;
	background: #fff;
	}
#primary .widget,
#secondary .widget {
	padding: @marge-l;
	}

/* Widget titles */
.widget-title {
	font-size: @x-large;
	font-weight: normal;
	margin-bottom: @marge / 2;
	}
.widget-title:hover {
	color: @paars;
}	

/* Widget content */
.widget ul {
	list-style: none;
	margin-top: @marge / 2;
	}

.widget li {
	margin: 0 0 4px 0;
	padding: 0 0 6px @marge-m;
	background: url(../images/bullet.gif) no-repeat 0 6px;
	border-bottom: @border-light;
	}
.widget ul ul {
	margin: 6px 0 0 0;
	}
.widget li li {
	margin: 0 0 3px 0;
	padding: 0 0 3px @marge-m;
	background: url(../images/bullet-alt.gif) no-repeat 0 6px;
	border-bottom: none;
	}
.widget li a {
	color: @dark-grey;}	

.widget li a:hover {
	color: #9BAFC0; }	
	
#text-4 {
	background: none;
	border: none;
	
	.widget {
		margin-top: 0;
		padding-top: 0;
		}
	
	}	
	
#hybrid-tags-5 .widget-inside p a,
#hybrid-tags-3 .widget-inside p a {
	color: @dark-grey; 
	}	
#hybrid-tags-5 .widget-inside p a:hover,
#hybrid-tags-3 .widget-inside p a:hover {
	color: @paars;
	}	
	
#hybrid-tags-5 .widget-inside {
	p {
	 }
	 
	a {
		padding: 0 0 6px @marge-m;
	background: url(../images/bullet.gif) no-repeat 0 5px; }  
	}

#query-posts-4 .hentry {
	border: none;
	}	
	
#primary #hybrid-search-3 {
	background: @light-grey;
	border: none;
	margin: 0 0 (@marge / 2) 0;
	padding: 0;
	.widget {
		padding: 0;}
	.widget-title {
		text-align: right;
		margin-bottom: 0.4em;
		}
	.search-form {
		display: none;
		input {
			border: @border;}
		
		}	
	}	
	
/* Recent op homepage */

#subsidiary {
.widget{
	background: @dark-grey;
	padding-bottom: @marge;
	border-color: @light-grey}
	.widget-title {
		margin: @marge-xs 0 @marge 0;
		font-size: @xx-large;
		color: @wit;
		
		}	
	.hentry {
		border: none;
		padding: 0;
		margin-bottom: @marge / 2;
		float:left;
		background: transparent;
	}
	.thumbnail {
		border: @border;
		margin-bottom: 0;
		margin-right: @marge;
		}
}
	
	
	

/**
* Comments
************************************************/
#comments-template {
	overflow: hidden;
	padding: @marge-xl @marge-xl 0 @marge-xl;
	margin: 0 0 @marge-xl 0;
	/* 	border: 1px solid #ccc;
 */	border: @border;
	background: #fff;
	}

.comments-header {
	font-size: 150%;
	}
.comments-link {
	display: none;}	

/* Comment list */
.comment-list, .comment-list ol {
	list-style: none;
	margin: 0;
	}
.comment-list li, .comment-list li li li, .comment-list li li li li li {
	overflow: hidden;
	margin: 0 0 @marge-xl 0;
	padding: @marge-xl @marge-xl 0 @marge-xl;
	background: #f7f7f7;
	border: 1px solid #ddd;
	}
.comment-list li li, .comment-list li li li li, .comment-list li li li li li li {
	background: #fff;
	border: 1px solid #ddd;
	}

/* Comment avatar */
.comment-list li .avatar {
	float: left;
	width: 2em;
	height: 2em;
	margin: 5px @marge-m 0 0;
	padding: 2px;
	/* 	border: 1px solid #ccc;
 */	border: @border;
	background: #eee;
	}

/* Comment meta */
#comments .comment-meta-data {
	margin: 5px 0 @marge-xl 0;
	font-style: normal;
	color: #666;
	}
#comments cite {
	font-weight: bold;
	font-style: normal;
	}

/* Comment text */
#comments .comment-text {
	clear: left;
	}

/* Comments form */
#respond {
	overflow: hidden;
	margin: 0 0 @marge-xl 0;
	padding: @marge-xl @marge-xl 0 @marge-xl;
	background: #f7f7f7;
	border: 1px solid #ddd;
	}
.text-input {
	display: block;
	padding: 5px;
	width: 300px;
	margin:  0 0 @marge-xl 0;
	background: #fff;
	border: @border;
	}
#respond label {
	font-style: normal;
	}
#respond span.required {
	font-weight: bold;
	color: #01203C;
	}
textarea {
	width: 98%;
	padding: 5px;
	margin: 0 0 @marge-xl 0;
	border: @border;
	}
.button {
	width: 100px;
	padding: 7px;
	margin-right: @marge-m;
	font-weight: bold;
	color: #fff;
	border: @border;
	background: #645e5c;
	}
.button:hover {
	cursor: pointer;
	background: #869fb3;
	}

/**
* Footer
************************************************/

/* Footer container */
#footer-container {
	clear: both;
	overflow: hidden;
	}

/* Subsidiary */


/* Footer */
#footer {
	clear: both;
	overflow: hidden;
	color: #fff;
	margin: 0 auto;
	padding: @marge-m 0 0 0;
	font-size: @small;
	}
#footer a {
	color: #ccc;
	font-style: normal;
	}
#footer .copyright {
	display: inline;
	float: left;	
	margin-right: 9px;
	}
#footer .credit {
	text-align: right;
	}
	
/* eigen extra stylen */

.more-link {
	float: right;}	
	
	/* language switch 
********************************************************/
#utility-before-header .widget {
	background: transparent;
	border: 0;
	margin: 0;padding: 0;
	ul {margin: 0; padding: 0;}
	}
#language-selector {
	border: 0;
	background: none;
	display: none;
	}

#lang_sel_list {
	position:absolute;
	top: 0px;
	right: 0;
	z-index:99;
	margin: 0;
	padding: 0;	
	}


/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#lang_sel_list li {
	float:right;
	padding-top: 10px;
	background: none;
	border-bottom: none;
	}
/* style the links for the top level */
#lang_sel_list a {
	color: #ddd;	
	}	
#lang_sel_list a:hover {
	color: #C141A2;
	}	


/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#lang_sel_list li {
	float:right;
	}
/* style the links for the top level */
#lang_sel_list a {
	font-size:11px;
	text-decoration:none !important;
	padding-left:10px;
	}
	
#lang_sel_list a.lang_sel_sel {
	color: #d18037; }