@blauw: #33ccff ;
@small: 93%;


body { 
	font-size:83%; 
	font-family: "Lucida grande", Verdana, Arial, sans-serif;
	}
table {
	font-size:inherit;font:100%;}
/* Bump up IE to get to 13px equivalent */
pre,code,kbd,samp,tt {
	font-family:monospace;*font-size:108%;line-height:100%;
	}

/**
* Body
************************************************/

/* Contains everything */
body, html {
	 	color: #eaeaea;	
		background: #000;
 		}

	/* Wrapper for everything inside of the body */
	#body-container {
		width: 95%; 
		min-width: 1000px;
		margin: 0 auto auto auto;
		text-align:left;
		}

/**
* Elements
************************************************/

/* Hyperlinks */
a:link,
a:visited,
a:hover,
a:active {
	color: #bbb;
	text-decoration: none;
	}
a:hover {
	color: @blauw;
	}

/* Headers */
h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}

/* Text elements */
strong {
	font-weight: bold; }
em {
	font-style: italic; }
cite {}
abbr {}
acronym {}
sup {}
sub {}
address {}
ins {}
dfn {}
del {}

/* Paragraphs */
p {}

/* Unordered lists */
ul {}
	ul li {}

/* Ordered lists */
ol {}
	ol li {}

/* Defition lists */
dl {}
	dt {}
	dd {}

/* Blockquotes */
blockquote {}
	blockquote blockquote {}
	blockquote em {}

/* Object */
object {}

/* Code */
code {}
pre {}
pre code {}

/* Tables */
table {}
	caption {}
	tr {}
	th {}
	td {}

/* Forms */
form {}
	textarea {}
	input.button {}	
	input.button:hover {}	
	label {}
	option {}

/* Drop caps */
.drop-cap {	}

/* Notes */
.note {}

/* Warnings/Alerts */
.warning, .alert {}

/* Errors */
.error {}

/* Downloads */
.download {}

/* Alignment */
.left, .alignleft {
	float: left;
	margin: 8px 15px 0 0;
	}
.icon {
	padding-right: 8px;}	
.home .left, .home .alignleft {
margin-right: 15px;}
.right, .alignright {
	float: right;
	margin: 8px 0 0 15px;
	}
.center, .aligncenter {}
.block, .alignnone {}
.clear {}

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

/* Normal images */
img {}
a img {}

/* WP Smilies */
img.wp-smiley {}

/* Thumbnails */
.thumbnail {}

/* WP Captions [caption] */
.wp-caption {
	}
	.wp-caption img {}
	.wp-caption p {
		font-size: 93%;
		font-style: italic;
		padding-bottom: 1em;
		}
		
.size-medium {
padding-top: 1em;}		

/* Gallery [gallery] */
.gallery {}
	.gallery img {}

/* Avatars */
.avatar {}

/**
* Header
************************************************/

/* Contains entire header */
#header-container {
	color: #ddd;
	line-height: 20px;
	text-transform: lowercase;
	width: 100%;
	}

	/* Contains site title and tagline */
	#header {
	min-width: 100px;
	position: absolute;
	top: 68px;
	left: 20px;
	z-index: 10;
	}

		/* Site title */
		#site-title {}
			#site-title a {}
			#site-title a:hover {}				
				#site-title a span {}

		/* Site description/tagline */
		#site-description {
			font-weight: normal;
			padding-bottom: 10px;}

/**
* Page navigation
************************************************/

/* Wrapper for navigation */
#primary-menu {
	width: 78%;
	min-width: 1040px;
	margin: 0 10%;
	line-height: 20px;
	text-transform: lowercase;
 	height: 60px;
 	overflow: hidden;
 	text-align:center;
	z-index: 99;
	position: relative;
	
	ul#menu-navigation,
	ul#menu-navigation_en {
			li {
				display: inline;
				margin: 0 15px 0 0;	
				}
	}		
}			
	
	.current-menu-item a,
	.current-page-ancestor a {
		color: #33ccff;
	}
	
	.current-page-ancestor ul.sub-menu li.menu-item a {
			color: #bbb;
			}
	.current-page-ancestor ul.sub-menu li.menu-item a:hover {
				color: #33ccff;
			}
	.current-page-ancestor ul.sub-menu li.current-menu-item a,
	.current-page-ancestor ul.sub-menu li.current-page-ancestor a {
			color: #33ccff;
			}		
		
ul.sub-menu {
	display: none;
}	

	
.current-page-ancestor ul.sub-menu {
	width: 100%;
	text-align: center;
	line-height: 20px;
	position: absolute;
	display: block;
	li {
		display: inline;
		margin: 0 20px 0 0;}
	li a {}
	li a:hover {}
}	

ul.sub-menu ul.sub-menu {
	display: none;
	}
ul.sub-menu .current_page_item ul.sub-menu,
ul.sub-menu .current_page_parent ul.sub-menu {
	width: 100%;
	text-align: center;
	line-height: 20px;
	position: absolute;
	display: block;
	
	a {
		color: #bbb !important;
		}
	a:hover {
		color: #33ccff !important;
		}
	li.current_page_item a {
		color: #33ccff !important;}		
	
	}	


	.sf-sub-indicator{display: none;}
		

/* schuivende balletjes */
#navigation_top, #navigation_bottom {
	width: 78%;
	min-width: 780px;
	margin: 10px 10%;
	height: 49px;
	position: relative;
}
	
#navigation_top img,
#navigation_bottom img {
	position: absolute;
	top: 0;
	right: 0;
	}
	#navigation_bottom img {
	left: 0;
	}

				
			
/**
* Containers below the header and navigation
************************************************/

/* Wrapper for the content and primary/secondary widget sections */
#container {
	margin-top: 30px;} 	
.fotobalk #container {
	clear: both;
	margin-top: 330px}	


	/**
	* Content
	************************************************/

	/* Contains site's main content */
	.content {	
	line-height: 180%;
	width: 450px;
	margin: 0 auto;
	clear: left;
		}
			
	/* Breadcrumb trail */
		.breadcrumb {
			display: none;}

		/* Breadcrumb trail */
		.breadcrumb {
			font-size: 93%;}

		/* Archive and search <div> before posts are listed */
		.author-info {}
		.category-info {}
		.date-info {}
		.search-info {}
		.tag-info {}

		/* Posts */
		.post {
			margin-bottom: 1em;
			position: relative;
			padding-bottom: 1em;
			background-image: url("http://www.cilia-erens.nl/wordpress/wp-content/themes/cilia/images/divider.png");
			background-repeat: no-repeat;
			background-position: bottom left;
			overflow: hidden;
			}
			/* .sticky {
				background-color: #333;} */
			.page p { 
				padding-bottom: 1em;
				}
			.post p + ul,
			.page p + ul {
				padding-bottom: 0;
					}
		
		.post a {}

			/* Post, page, and archives */
			.post .entry-title {
				font-size: 1em;
				text-transform: uppercase;
/*				padding-top: 2em;
*/				color: @blauw;
				}
			.post .entry-content img {
				margin-bottom: 1em;}	
			.page .entry-title {
				font-size: 1.1em;
				color: @blauw;
				text-transform: lowercase;
				
				}	
				.entry-title a {}
				.entry-title a:hover {}
			.single-title {}
			.page-title {
				padding-bottom: 2em;
				font-size: 1.1em;
				}
			.attachment-title {}
			.error-404-title {}
			.author-title {}
			.category-title {
				font-size: 1.1em;
				color: #33ccff;
				text-transform: lowercase;
				padding-bottom: 2em;
				}
			.date-title {}
			.search-title {}
			.tag-title {}

			/* Author and date byline */
			.byline {
				/*font-weight: bold;
				margin: -3.5em 0 2em 0;*/
				font-size: @small;
				padding-bottom: 1em;}
			.byline-prep,
			.author {
				display: none;}	
		
			.singular-page .hentry {
				width: 450px;
				line-height: 180%;
				}
			.page h2 {font-size: 1em; text-transform: uppercase; }
			.page h3 { font-size: 1em; font-weight: bold;}
			.page h4 { font-size: 1em; font-weight: bold;}
			.page h5 { font-size: 1em; font-weight: bold;}
			.page h6 { font-size: 1em; font-weight: bold;}
			
			.hentry ul,
			.hentry h1,
			.hentry h2,
			.hentry h3,
			.hentry h4,
			.hentry h5,
			.hentry h6 {
				width: 500px;
				}				
			
			.single .content,
			.page-template-blog .content,
			.blog .content {}
				

			/* Full entries */
			.entry-content p {width: 450px}
			.entry-content h1 {}
			.entry-content img {}	

			/* Excerpts (introduced in Hybrid 0.4) */
			.entry-summary {}

				/* Using <!--nextpage--> */
				p.pages a {}

				/* More link <!--more--> */
				a.more-link {}

		

			/* Post meta data */
			.post-meta-data {}
				.post-meta-data a {}
			.post .entry-meta {
				margin-top: 1em;
				display: none;}
			
				
		/* Post series */
		.series {} 
			.series-title {}

		/* Navigation links */
		.navigation-links {}
			.navigation-links .previous {}
			.navigation-links .next {}

		/* WP PageNavi (plugin) */
		.wp-pagenavi {}
			.wp-pagenavi .pages {}
			.wp-pagenavi .current {}
			.wp-pagenavi .extend {}
			.wp-pagenavi a {}

		/* Attachment image navigation */
		.navigation-attachment {}

		/**
		* Comments template
		************************************************/

		/* Wrapper for entire comments area */
		#comments-template  {
			margin-left: 20px;
			float: right;
			width:500px;
			display: none;
			}

			/* Comments section headers/titles */
			.comments-header {
				border-bottom: 1px solid #ddd;
				margin-top: 20px;
				}
			#comments-number {}
			.comment-time,
			.log-in-out {
				font-size: 0.93em;}
			/* Comments closed paragraph */
			p.comments-closed {}

				/* Main comments section */
				#comments {}
					#comments ol {}

						/* Individual comments (note that WordPress has even/odd backwards) */
						#comments li { }
							#comments li li {}
								#comments li li li {}
									#comments li li li li {}
						#comments li.even {}
						#comments li.odd {}
						#comments li.thread-even {}
						#comments li.thread-odd {}
						#comments li.author {}
						#comments li.trackback {}
						#comments li.pingback {}
						
						#comments .comment-author {
							font-size: 1.2em;}

							/* Comment avatars */
							#comments .avatar {}

							/* Comment meta data */
							#comments .comment-meta-data {
								font-size: 0.93em;
								}
								#comments .comment-meta-data cite {}

							/* Comment text */
							#comments .comment-text {}

					/* Paged comments navigation */
					#comments-template .paged-navigation {}
						#comments-template .paged-navigation .page-numbers {}
						#comments-template .paged-navigation .next {}
						#comments-template .paged-navigation .prev {}

				/* Main comment form div */
				#respond {}

					/* Comment form title */
					#reply {}

					/* Comment form elements */
					p#cancel-comment-reply {}
					#respond form {}
						#respond label {
							display:block;}
						#respond .form-author {}
							#respond input {}
						#respond .form-email {}
						#respond .form-url {}
						#respond .form-textarea {
							margin-top: 20px;}
							#respond textarea {
							border: 1px solid #ddd;
							background: transparent;
							color: #F7E4EC;
							font-family: Courier;
							padding: 5px;}
						#respond .button {
							border: 1px solid #ddd;
							background-color: #33ccff;
							color: #eee;
							padding: 2px 5px;
							margin: 2px 1px 0 0;}
						#respond .button:hover {
							color: #ddd;}	
						#respond .comment-action {}

		/**
		* Utility widget sections (see other widget code below)
		************************************************/

		/* All utility widget sections (except widgets template) */
		.utility {}

		/* After header */
		#utility-before-header {
			position: absolute;
			top: 20px;
			right: 20px;
			width: 300px;
			}
		
		/* Extra content-block voor foto's */
		#secondary-html-content-3 {
			position: absolute;
			top: 210px;
			left:0;
			height: 280px;
			width: 12000px;
			}
		
		
	/* #secondary-html-content-3 {
		height: 290px;
		margin-bottom: 0;
		}
	#secondary-html-content-3 .widget-inside {
		height: 280px;
		white-space: nowrap;
	}	

 */
 
 /* utility before container */
 #utility-before-container {
 	float: right;
 	
 	.widget-title {
 		display: none;}
 	
 	}
 		/* After content */
		#utility-after-content {}

		/* After container */
		#utility-after-container {
			clear: both;
			display: none;
			}
			#utility-after-container .widget-inside {
				margin: 10px;
				}
			#utility-after-container li {
				display: inline;
				margin-right: 20px;
				}	

		/* After post but before comments */
		#utility-after-single {}

		/* After page but before comments */
		#utility-after-page {}

		/* Widgets page template widgets */
		.page-template-widgets #content .widget {}

	/**
	* Widget sections (Primary and Secondary)
	************************************************/

	/* Widgets in general */
	.widget {}
		.widget-inside {
			}
			.widget-title {
				color: #F7E4EC;
				margin-bottom: 2em;}
			
			.home .widget-title {
				text-transform: uppercase;
				color: #eee;
				padding-top: 2em;
				font-size: 1.1em;
				padding-bottom: 1em;
				}
				

	/* Primary widget section */
	#primary {
		float: right;
		width: 200px;
		margin: 20px 2px 0 0;
		}
		#primary .widget {
			width: 200px;
			float: left;
			margin-bottom: 15px;
			}
			#primary .widget-inside {
				margin: 10px;
				}
				#primary .widget-title {}
				#primary .widget ul {}
					#primary .widget ul li {
						line-height: 160%;
						}
	.page-template-default #primary {
		display: none;}

	/* Secondary widget section */
	#secondary {}
		#secondary .widget {}
			#secondary .widget-inside {}
				#secondary .widget-title {}
				#secondary .widget ul {}
					#secondary .widget ul li {}


/* LANGUAGE SWITCH */

#lang_sel_list {
	text-transform: lowercase;
	float: right;
 }

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#lang_sel_list li {
display: inline;
line-height: 20px;
	}
/* style the links for the top level */

#lang_sel_list a {
	font-size:1em;
	text-decoration:none !important;
	padding-left:10px;
	color: #ddd;
	}
	#lang_sel_list a:hover {
		color: #3cf;}
	a.lang_sel_sel {
		color: #3cf !important;}

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

/* Wrapper for the entire footer */
#footer-container {
	clear: both;
	padding-top: 20px;
	text-align: center;
	width: 100%;
	
	
		#lang_sel_list {
			text-transform: lowercase;
			margin: 0 0 20px 0;
			text-align: right;
			width: 100%;
			clear: both;
			li {
				float: none;
				display: inline;
				}
		 }
	
	
	}
#footer-container p {
	margin: 0;
	padding: 0;
	color: #999;
	line-height: 140%;}	
	
/* Subsidiary widget section */
	#subsidiary {}
		#subsidiary .widget {}
			#subsidiary .widget-inside {}
				#subsidiary .widget-title {}

	/* Footer section */
	#footer {
	height: 30px;
	margin: 20px 0;
	font-size: 85%;
	clear: both;	}


		/* Footer extra */
		#footer .copyright {}
		#footer .credit {}
	
/* SAHRE AND FOLLOW */
.shareinpost {
	padding: 2em 0 1em 0 !important;
	a {
		padding: 0;
		border: 0;
		margin-right: 2px;
	}
}
		
		
/* Gebruiksaanwijzing */		

.page-1000 {

	h1 {font-weight: bold;}
	ul {
		padding: 20px 0 20px 20px;
		}
	li {
		list-style-type: disc;
		
		}	
}