/*  
Theme Name: Facet Design
Theme URI: http://www.facet-design.nl/
Description: v. 1.0 - Fluid width, 2 or 3 column theme for WP 2.2 - WP 2.6, with rotating header images, customizable logo and options page.
Version: 1.0
Author: Miriam Steger | Facet Design
Author URI: http://www.facet-design.nl/
Tags: fluid width, options page, widget ready, 2 columns, 3 columns, left sidebar, right sidebar, custom header, rotating header images, seo friendly, gravatars, popular posts, related posts, wp-pagenavi, wp-print, wp-email, subscribe to comments
 
*/


ul, ol, dl, p, h1, h2, h3, h4, h5, h6 {
	margin-top: 10px; 
	margin-bottom: 0px; 
	padding-top: 0; 
	padding-bottom: 0; 
	}
.inside p{
	margin-bottom:10px;
	}

h2 {
	margin-top: 0px; 
	margin-bottom: 0px; 
	padding-top: 0; 
	padding-bottom: 0; 
	}
	
ul ul, ul ol, ol ul, ol ol {
	margin-top: 0; 
	margin-bottom: 0; 
	}
h1, h2, h3, h4, h5, h6 {
	color:#555555;
	}		
h1 {font-size: 160%; }
h2 {font-size: 140%; }
h3 {font-size: 120%; }
h4 {font-size: 100%; }
h5 {font-size: 70%; }
h6 {font-size: 50%; }

.headerleft h1 { 
	font-family: Verdana; 
	letter-spacing:-1px; 
	line-height: 1.0em; 
	font-size: 3.5em; 
	/*float:left;*/ 
	/*width: 49%;*/ 
	margin: 15px 20px 15px 0; 
	padding:0;
	color:#555555; 
	}

.entry h1, .entry h2, .entry h3, .entry h4 {
	clear:both;
	}
	
/*a, a:link, a:visited, a:active {
	text-decoration: underline; 
	}
	
a:hover {
	text-decoration: none; 
	}*/
#middle-column a:link, a:visited, a:active {
	/*color: #666666;*/ 
	color:#D9088A;
	font-weight: bold; 
	text-decoration: none; 	
	}	
#middle-column a:hover {
	color: #D9088A;
	font-weight: bold; 
	text-decoration: underline; 
	}
#middle-column h2 a:link, #middle-column h2 a:visited, #middle-colum h2 a:active  {
	color:#666666 !important; 
	text-decoration: none;
	}
#middle-column h2 a:hover {
	color:#D9088A !important;
	text-decoration: underline;
	}		
code, pre {
	font-family: "Courier New", Courier, monospace; 
	}
	
label {
	cursor: pointer; 
	}
	
table {
	font-size: 100%; 
	}
	
td, th {
	vertical-align: top; 
	}
	
body {
	font-size: 100%;
	font-family:Verdana, Geneva, sans-serif;
	}
	
/* -----------------------------------------------------------------------------------------------------------
------------------------------------- BASE LAYOUT ------------------------------------------------------------ 
------------------------------------------------------------------------------------------------------------ */

.clear-columns {
	clear: both; 
	}
	
#outer-column-container {
	border-left: solid 12em #fff; 
	border-right: solid 12em #fff; 
	}
	
#inner-column-container {
	width: 100%; 
	}
	
#source-order-container {
	float: left; width: 100%; margin-right: -1px; 
	}
	
#left-column {
	float: left; 
	margin-left: -155px; 
	width: 155px; 
	margin-right: 1px; 
	}
	
#middle-column {
	float: right; 
	width: 100%; 
	margin-left: -1px; 
	}
	
#right-column {
	float: right; 
	margin-right: -12em; 
	width: 12em; 
	margin-left: 1px; 
	}
	
body {
	background-color: #ccc; 
	color: #000; 
	padding: 0; 
	margin: 14px 0; 
	}
	
#masthead {
	padding-top: 1px; 
	border-bottom: solid 1px #000; 
	}
	
/**************** change middle column left and right borders *****************/

#inner-column-container {
	border: solid 0px #000; 
	border-width: 0 0px; 
	margin: 0 -0px; 
	}
	
#middle-column div.rMenu-center {
	border-bottom: solid 1px #000; 
	}
	
#footer {
	background-color: #ffffff; 
	border-top: dashed 1px #cccccc; 
	padding-bottom: 1px;
	}
	
.inside {
	margin: 15px; 
	}

/* -----------------------------------------------------------------------------------------------------------
------------------------------------- HACKS ------------------------------------------------------------------ 
------------------------------------------------------------------------------------------------------------ */

.clear-columns { 
	/* hide from IE/Mac \*/ padding-bottom: 1px; margin-bottom: -1px;	
	}
	
* html #page-container { 
	/* \*/ height: 0.1%; position: relative; 
	}
	
* html #middle-column, * html #left-column, * html #right-column, * html #source-order-container {
	/* hide from IE/Mac \*/ overflow: visible; 
	/* hide from IE/Mac \*/ position: relative; 
	}
	
* html #middle-column {
	margin-right: -4px; margin-right/* */: 0; 
	}
	
* html #middle-column .inside { 
	margin-right: 14px; margin-right/* */: 10px;
	}
	
* html #masthead, * html #footer { 
	/* hide from IE/Mac \*/ height: 0.1%; height/**/: auto;	 
	}
	
* html #masthead .inside, * html #footer .inside {
	margin-top: 0; margin-bottom: 0; margin/* */: 10px; 
	}
	
* html .inside {
	margin: 10px 0.75em; margin/* */: 10px; 
	}

* html #inner-column-container {
	display: block; 
	}
	
* html #source-order-container {
	margin-right: -100%; /* \*/ margin-right: -1px; 
	}
	
#left-column, #right-column {
	position: relative; 
	}
	
/******************************************************************************/
#wrapper {
	margin:0 auto;
	width: 980px;
	border-left: dashed 1px #cccccc;
	border-right: dashed 1px #cccccc;
	}
#page-container {
	background: #ffffff; 
	/*border: solid 0px #ffffff;*/
	margin: 0 10px; 
	font-size: 80%;
	}
	
#page-container, #inner-column-container, #masthead, #footer {
	border-color: #ccc;
	}
	
#outer-column-container {
	border-left-color: #ffffff; 
	border-right-color: #ffffff;	
	}
	
#masthead {
	background-color: #f6f6f6;	
	}
	
#inner-column-container {
	background-color: #fcfcfc; 
	}
	
#left-column h3, #right-column h3 {
	margin-bottom: 0; 
	}
	
#right-column p, #right-column ul {
	margin-top: 0; 
	}
	
p.fontsize-set {
	text-align: center;
	}
	
p.fontsize-set input {
	margin: 0 2px;
	}
	
#inner-column-container {
	border: dashed 1px #cccccc;
	border-width: 0 1px; 
	margin: 0 -1px;	}
	
#inner-column-container {
	background-color: #ffffff;
	}	

/**** Highlight current subpage *******/

li.current_page_item a:link, li.current_page_item a:active, li.current_page_item a:visited, li.current_page_item a:hover { 
	color: black; font-weight: bold; 
	}

/***********************************/

#left-column .inside ul, #right-column .inside ul {
	list-style-type: none; 
	margin: 0; 
	padding: 0; 
	}
	

/*a:link, a:visited, a:active {
	color: #004b9f; 
	text-decoration: none; 
	}
	
a:hover {
	text-decoration: underline; 
	}*/
	
/*.inside h1{ 
	font-family: verdana, tahoma, arial, sans-serif; 
	letter-spacing:-3px; 
	line-height: 1.0em; 
	font-size:2.5em; 
	float:left; 
	margin: 10px 5px 0 0; 
	}*/ 
	
a.header:link, a.header:visited, a.header:active, a.header:hover {
	color: #999; 
	text-decoration: none; 
	}
	
div#search {
	float: right; 
	width: 15em; 
	text-align: right; 
	padding: 0.6em 0 0.2em 0; 
	margin: 0 1em; 
	}

/***************** wordpress defaults *****************/

.navigation {display: block; margin: 0; padding: 0; width: 100%; /*height: 15px;*/ } 
.older{float: left; width: 49%; text-align: left; margin:0; padding:0;}
.newer{float:right; width: 49%; text-align: right; margin:0; padding:0; }
.postmetadata{clear:both; margin: 15px 0 15px 0; color: #999; background: #f4f4f4; padding: 5px; }
.postmetadata2{float: left; padding: 0; margin: 0px 0 0px 0; color: #666; font-size: 90%}
.postmetadata2 a:link, .postmetadata2 a:active, .postmetadata2 a:visited {color: #D9088A; text-decoration: underline}
.post-last {margin-bottom: 20px; } /*different style for last post on page*/
.post-page {margin-top: 20px; margin-bottom: 20px; }
.pagetitle {margin-bottom: 15px;}
.entry {margin: 0px;}

.navigation {
	font-size:14px !important;
	font-weight:bold !important;
}

/* CSS for forms -------------------------------------- */

form {
	margin: 0; 
	padding: 0; 
	}
	
form p {
	margin: 5px 0 0 0; 
	padding: 0; 
	}
	
label {
	margin-right: 0.5em; 
	/*display: block;*/ 
	font-family: arial;
	}
	
.submit input {
	margin-left: 4.5em; 
	}
	
form input, form textarea {
	color: #000; 
	background: #FFEFF6; 
	/*border: 1px solid #c2547d;*/ 
	}
	
.submit input {
	color: #000; 
	background: #fff; 
	border: 2px outset #999; 
	height: 18px; 
	padding:0
	}
	
fieldset {
	border: 1px solid #D9088A;
	padding:15px;
	}
	
legend { 
	color: #000; 
	background: #FFB0B3; 
	border: 1px solid #781351; 
	padding: 2px 6px; 
	margin-bottom: 15px; 
	}
	
.comment-textarea{
	width: 96%; 
	padding: 0; 
	margin: 0; 
	}
	
#s{width: 75%;}

/**********************************************/

/* hack to vertically align the calendar style date side by side with the post title, curr. not used
.vert1 {display: table; height: 56px;  #position: relative; overflow: hidden; }
.vert2 { #position: absolute;  #top: 50%;display: table-cell; vertical-align: middle;}
.vert3 { #position: relative;  #top: -50%}
*/
/******************clearfix********************/

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {min-width: 0; display: inline-block; /* \*/	display: block; }
* html .clearfix {/* \*/  height: 1%;}

/***************************************************/

body {background: #ffffff; color: #000000; margin: 0 0;}

/**********************************************************/

/*Credits: Dynamic Drive CSS Library 
URL: http://www.dynamicdrive.com/style/ */

#modernbricksmenu {
	padding: 0; 
	width: auto; 
	background: transparent; 
	border-bottom: dashed 1px #cccccc; 
	border-left: dashed 1px #cccccc; 
	voice-family: "\"}\"";
	voice-family: inherit;
	}
	
#modernbricksmenu ul{
	font: bold 11px Arial; 
	margin:0; 
	margin-left: 0px; 
	padding: 0; 
	list-style: none;
	}
	
#modernbricksmenu li {
	display: inline; 
	margin: 0; 
	padding: 0; 
	text-transform:uppercase; 
	}
	
#modernbricksmenu li:first-child {
	margin-left: 1px; 
	}
	
#modernbricksmenu a {
	float: left; 
	display: block; 
	color: #666666; 
	margin: 0 0 0 0; /*Margin between each menu item*/ 
	padding: 5px 10px; 
	text-decoration: none; 
	letter-spacing: 1px;
	background-color: #ffffff; 
	border: dashed 1px #cccccc; 
	border-width: 0 1px 0 0
	}
	
#modernbricksmenu a:hover {
	color: #000000; 
	background-color: #eeeeee; 
	}
	
#modernbricksmenu li.current_page_item a {
	color: #000000; 
	background-color: #eeeeee; 
	}
	
#modernbricksmenuline { 
	font-size: 1px;
	clear: both; 
	height: 5px; 
	padding: 0; 
	width: 100%; 
	background: #ffffff; 
	border-top: dashed 1px #cccccc; 
	/*border-bottom: solid 2px #cccccc*/ 
	}
	
#modernbricksmenuline2 { 
	font-size: 1px;
	clear: both; 
	height: 5px; 
	padding: 0; 
	width: 100%; 
	background: #ffffff; 
	/*border-top: solid 2px #cccccc;*/ 
	border-bottom: dashed 1px #cccccc 
	}

/**********************************************/

/* currently not used, calendar style post dates
.calendar {float:left; width: 46px; height: 54px; margin: 0 10px 0 0;} 
.calendar1, .calendar2, .calendar3 {text-align: center; font-weight: bold; width: 46px; float:left; font-family: Arial, sans-serif;}
.calendar1{border-top: solid 1px #666; border-right: solid 1px #666; border-left: solid 1px #666; line-height: 16px; vertical-align: bottom; margin-bottom: 0; padding-bottom: 0; font-weight: bold; color: #666; font-size: 95%; height: 16px; text-transform:uppercase; background: #ddd;}
.calendar2{border-right: solid 1px #666; border-left: solid 1px #666; font-family: tahoma, sans-serif; padding-top:0; line-height: 23px; vertical-align: top; color: #ddd; font-size: 160%; height: 23px; background: #666;}
.calendar3{border-bottom: solid 1px #666; border-right: solid 1px #666; border-left: solid 1px #666; line-height: 16px; color: #666; font-size: 90%; height: 16px; background: #ddd;}
*/
/************************************************/

.line1pix { 
	width: 100%; 
	height: 1px; 
	margin: 0px; 
	border-top: 1px dashed #cccccc; 
	padding: 0; 
	margin: 10px 0 10px 0; 
	display: block; 
	font-size: 1px; 
	}
	
.headerleft {
	float: left; 
	/*width: 49%;*/ 
	text-align: left; 
	margin-bottom: 0; 
	margin-top: 0; 
	position: relative; 
	padding-bottom: 0;
	}
	
.headerright {
	float:right; 
	width: 15em; 
	/*text-align: right;*/ 
	padding: 0; 
	margin: 10px -1px 0 0; 
	background: #ffffff; 
	border: 1px dashed #cccccc; 
	border-width: 1px 1px 0 1px
	}
	
	
/*.entry ul, .entry ol {
	clear:both
	}
	
.entry ul li, .entry ol li {
	clear: both
	}
*/
	 
.postmetadata {
	clear:both
	}
	
.post {
	/*border-bottom: dotted 1px #ccc;*/ 
	margin-bottom: 20px; 
	}
	
blockquote {
	height: 1%; 
	color: #555; 
	/*margin-left: 20px*/; 
	/*border-left: solid 10px #ccc;*/ 
	padding: 1em 1em; 
	background: #f4f4f4; 
	border: solid 1px #e1e1e1;  /* hack for IE6 and older*/ 
	}
	
blockquote blockquote {
	height: 1%; 
	color: #444; 
	/*margin-left: 20px*/; 
	/*border-left: solid 10px #ccc;*/ 
	padding: 1em 1em; 
	background: #e1e1e1; 
	border: solid 1px #d3d3d3;  /* hack for IE6 and older*/ 
	}
	
blockquote p {
	margin-top: 0
	}
	
#left-column .inside ul li, #right-column .inside ul li {
	margin: 2px 0 2px 0;  
	}
	
#left-column .inside ul li ul li, #right-column .inside ul li ul li {
	margin: 2px 0 2px 7px;  
	}
	
#left-column .inside ul li a, #right-column .inside ul li a {
	text-decoration: none; 
	font-weight: normal; 
	color: #666; 
	padding: 0 0 0 5px; 
	border-left: solid 7px #EFD1DD; 
	display: block
	}
	
* html #left-column .inside ul li a, #right-column .inside ul li a {
	display:inline-block 	 /* IE6 needs inline-block */
	}

* + html #left-column .inside ul li a, #right-column .inside ul li a {
	display:inline-block /* IE7 needs inline-block */
	}
	
#left-column .inside ul li a:hover, #right-column .inside ul li a:hover {
	text-decoration: none; 
	color: #D9088A; 
	padding: 0 0 0 5px; 
	border-left: solid 7px #D9088A; 
	}
	
#footer .inside {
	text-align: center;
	}
#footer .inside, #footer .inside a {
	color: #999; 
	font-weight: normal;
	font-size: 12px;
	}
#footer a {
	text-decoration:none;
}
#footer a:hover {
	text-decoration: underline;
}

/* -----------------------------------------------------------------------------------------------------------
------------------------------------- COMMENTS --------------------------------------------------------------- 
------------------------------------------------------------------------------------------------------------ */

ol.commentlist {
	margin: 15px 0 25px 0;
	list-style-type: none;
	padding: 0;
	border-top: dotted 1px #ccc;
	/*border-bottom: dotted 1px #ccc;*/
	}
	
ol.commentlist li {
	border-bottom: dotted 1px #ccc;
	/*background-color: #ebebeb;*/
	padding: 15px 10px;
	}

ol.commentlist li.alt {
	background-color: #f6f6f6;
	}

ol.commentlist li.authorcomment {
	background-color: #ffecec;
	}
		
ol.commentlist li p {
	margin: 2px 0 5px 0;
	}

/* -----------------------------------------------------------------------------------------------------------
------------------------------------- GRAVATARS -------------------------------------------------------------- 
------------------------------------------------------------------------------------------------------------ */

img.avatar {
	float: left; 
	margin: 0 8px 3px 0;
	padding: 3px;
	border: solid 1px #ddd;
	background-color: #f3f3f3;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
	}



/* -----------------------------------------------------------------------------------------------------------
------------------------------------- New WP 2.6 image classes ----------------------------------------------- 
------------------------------------------------------------------------------------------------------------ */


#middle-column img {
	margin: 10px 5px 0 0;
	padding: 0;
	border: solid 1px #ddd;
   /* optional rounded corners for browsers that support it
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px; */
	}
img.geenborder {
	background:none;
	border:0;
	-moz-border-radius: 0;
	-khtml-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	}
   
.postmetadata img {
	border: none;
	margin: 0 0 -3px 0;
	padding: 0;
	}
				
img.alignleft {
	float: left; 
	margin: 10px 10px 5px 0; 

	}
	
img.alignright {
	float: right; 
	margin: 10px 0 5px 10px; 

	}

img.aligncenter {
	display: block;
	margin: 10px auto;
	}

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft,
div.alignleft {
   float: left;
   margin: 10px 10px 5px 0;
}

.alignright,
div.alignright {
   float: right;
   margin: 10px 0 5px 10px;
}


/* -----------------------------------------------------------------------------------------------------------
------------------------------------- New WP 2.6 image caption ----------------------------------------------- 
------------------------------------------------------------------------------------------------------------ */
	
.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px 0 0 0;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
	}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
	}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 13px;
   padding: 2px 4px 5px;
   margin: 0;
   color: #666;
	}

/* -----------------------------------------------------------------------------------------------------------
------------------------------------- Smileys ---------------------------------------------------------------- 
------------------------------------------------------------------------------------------------------------ */
		
img.wp-smiley {
    	float: none;  /* don't float smileys */
    	border: none; 
	margin: 0 1px -1px 1px; 
	padding: 0;
	background: none;
	}


	
/* -----------------------------------------------------------------------------------------------------------
------------------------------------- CALENDAR TABLE --------------------------------------------------------- 
------------------------------------------------------------------------------------------------------------ */

#calendar_wrap {
	padding: 0;
	border: solid 1px #ccc;
	}
	
table#wp-calendar caption {
	width: auto;
	background: #eee;
	border: #999;
	padding: 3px;
	margin: 0 auto;
	color: #666;
	}
	
table#wp-calendar {
	width: 100%;
	border-width: 0;
	border-spacing: 0;
	border-style: solid;
	border-color: #ccc;
	border-collapse: separate;
	background-color: white;
	margin: 0 auto;
	font-size:88%;
	}
	
table#wp-calendar th {
	border-width: 1px;
	padding: 2px;
	border-style: solid;
	border-color: #eee;
	background-color: white;
	text-align: center;
	}
	
table#wp-calendar td {
	border-width: 1px;
	padding: 2px;
	border-style: solid;
	border-color: #eee;
	background-color: white;
	text-align: center;
	}

*+html #wp-calendar #today {
	border: 3px solid #D9088A; !important;
}
#wp-calendar #today {
	display: block;
	font-weight: bold;
	background-color: #EFD1DD;
	-moz-border-radius: 50%;
	/* -webkit-border-radius: 50%;
	border: 2px solid blue;
*/
	z-index: 1;
}
.floatrechts {
    float: right;
	margin: 0 10px 0 0;
}
.floatlinks {
    float: left;
	margin: 0;
}
	.inside {
	margin: 15px; 
	}
	
#left-column .inside {
	margin: 15px 15px 15px 5px
	}
#right-column .inside {
	margin: 15px 5px 15px 15px
	}	
#footer .inside {
	text-align: center;
	}
#translation_bar img{
	margin: 5px 5px 0 0;
	padding: 2px;
	border: solid 1px #ddd;
	background-color: #f3f3f3;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}
.translation_bar img{
	margin: 5px 5px 0 0;
	padding: 2px;
	border: solid 1px #ddd;
	background-color: #f3f3f3;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.bold {
font-weight:bold;
}
.terug {
    text-align: right;
	float: right;
}
.roze {
    color: #D9088A;
}
.kleineletters {
	font-size:9px;
}
.flickr-photos {
text-align:center;
margin-left:-7px;
}
.translate_hr {
color: #fff; 
background-color: 
#fff; border: 1px dashed #cccccc; 
border-style: none none dashed;
}
.translate_popup .translate_flag {
margin: 0 0 6px;
padding:0 !important;
border:0 !important;
}
.center {
	margin:0 auto;
	text-align:center;
}
.flickr_album {
	float:left;
	margin-right:55px;
	text-align:center;
}
h3.menutitle {
	color: #555555; 
	width: 100%; 
	font-size: 1.3em; 
	margin-bottom: 0px; 
	padding-bottom: 0px; 
	font-family: Verdana; 
	}