/*
Theme Name: Cafe Pallieter
Theme URI: http://cafe-pallieter.be/
Description: Uitzicht van website cafe-pallieter.be.
Version: 3.6
Author: Jonathan Van Driessche
*/



body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #08334c;
	text-decoration: none;
	background-color: #aeae9b;
	margin: 0px;
	padding: 0px;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center top;
	background-image:url(images/bg.jpg);
	background-position:left top;
	background-repeat: repeat-x;
	height:100%;
}
#headercontainer {
	width: 100%;
	z-index:20;
}

#header {
	height: 40px;
	width: 950px;
	margin-bottom:0;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	position: relative;
	z-index: 20;
	background-color:#08334c;
	background-image:url(images/bg_nav.jpg);

}
#flashcontent{
	height:320px;
	width:950px;
	position:relative;
	z-index:-10;
	background-color:#47483a;
}
#container {
	width: 950px;
	min-height: 300px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	overflow: visible;
	position: relative;
	z-index:15;
	background-color:#474839;
}
#logo {
	float: left;
	height: 320px;
	width: 1000px;
	padding: 0px;
	position:relative;
	z-index:14;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#boven {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	height: 5px;
	width: 950px;
	position: relative;
	z-index:11;
	float: left;
	background-color:#f4f1ea;
}
#midden {
	float: left;
	min-height: 300px;
	width: 950px;
	margin: auto;
	position:relative;
	z-index:9;
	background-color:#f4f1ea;
	background:url(images/midden_bg.png);
	background-position:center;
	background-repeat:repeat-y;
}
#midden-enkele-kolom {
	float: left;
	min-height: 300px;
	width: 950px;
	margin: auto;
	position:relative;
	z-index:9;
	background-color:#f4f1ea;
}
#inhoud {
	min-height: 250px;
	width: 640px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 25px;
	float: left;
	padding-left: 0px;
}
#menusub li{
	list-style-type:none;
	list-style-position:outside;
	line-height:30px;
}
#menusub ul{
	margin-left:-20px;
	padding: 0;
	list-style-type: none;
	text-indent:0px;
}
#inhoud-enkele-kolom {
	min-height: 250px;
	width: 920px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 25px;
	float: left;
	padding-left: 0px;
}
.posttitelcontainer {
	width: 650px;
	float: left;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
.posttitel {
	width: 650px;
	float: left;
	padding: 0px;
	margin: 0px;
	display: inline;
}
h2{
	font-size:24px;
	color: #08334c;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	text-decoration:none;
}
h2 a:link, h2 a:active, h2 a:visited{
	color: #08334c;
	text-decoration:none;
	margin-bottom:5px;
}

h2 a:hover{
	color: #08334c;
}

.tags {
	background-color: #08334c;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFF;
	text-decoration: none;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}
.tags a:link, .tags a:visited, .tags a:active{
	color:#ffffff;
	text-decoration:none;
}
.tags a:hover{
	color:#ffffff;
	text-decoration:underline;
}
.reacties{
	color:#b1b1a1;
}
.reacties a:link, .reacties a:active, .reacties a:visited{
	color:#47483a;
	text-decoration:none;
	margin-top:20px;
}
.reacties a:hover{
	text-decoration:none;
	color:#08334c;
}
.tekstballon{
	border-width:0px;
	margin-right:2px;
}
.postinhoud {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 22px;
	color: #08334c;
	width: 640px;
	float: left;
	text-align:left;
	margin-bottom:10px;
}
.postinhoud-enkele-kolom {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 22px;
	color: #08334c;
	width: 920px;
	float: left;
	text-align:left;
	margin-bottom:10px;
}
.postinhoud h3{
	font-size:16px;
}
.postinhoud h2{
	margin-bottom:5px;
	margin-left:0px;
	margin-right:0px;
	margin-top:3px;
	font-size:14px;
}
.postinhoud h4{
	font-size:14px;
	margin-bottom:5px;
	margin-left:0px;
	margin-right:0px;
	margin-top:3px;
}
.postinhoud a:link, .postinhoud a:active, .postinhoud a:visited{
	color:#008000;
}
.postinhoud a:hover{
	color:#08334c;
}
.postinhoud img{
	border-bottom:3px;
	border-left:3px;
	border-right:3px;
	border-top:3px;
	border-style:solid;
	border-color:#cfcfcf;
	margin-right:7px;
}
.wp-caption{
	float:left;
}
.wp-caption-text{
	font-size:12px;
	font-weight:bold;
	font-style:italic;
	text-align:center;
	margin-top:-1px;
}
.postbodem {
	width:620px;
	height:30px;
	float:left;
	background-image:url(images/postbodem_bg.gif);
	background-position:center center;
	background-repeat:no-repeat;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	background-attachment: scroll;
}
#postnavigatie {
	width:620px;
	height:30px;
	float:left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#postnavigatie a:link, #postnavigatie a:active, #postnavigatie a:visited{
	color:#243b3f;
	text-decoration:underline;
}
#postnavigatie a:link, #postnavigatie a:active, #postnavigatie a:visited{
	color:#243b3f;
	text-decoration:none;
}
#sidebar {
	min-height: 550px;
	width: 255px;
	float: right;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color:#d7d7c5;
}
#sociale {
	width: 220px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 35px;
}
#sociale img{
	margin-bottom:0px;
	margin-left:0px;
	margin-right:2px;
	margin-top:0px;
	border-width:0px;
}
#sociale a:link, #sociale a:visited, #sociale a:active{
	color:#47483a;
	line-height:24px;
	text-decoration:none;
	padding-left:2px;
}
#sociale a:hover{
	color:#ffffff;
	background-color:#47483a;
	text-decoration:none;
}
.jupiler{
	margin-top:10px;
}
#onder {
	width: 950px;
	margin:0px;
	background-color:#f4f1ea;
}

#footer {
	left:50%;
	margin-left:-475px;
	width:950px;
	margin:auto;
}
.alignleft{
	float:left;
}
.alignright{
	float:right;
}


/* =Comments
-------------------------------------------------------------- */
#comments{
}
	#commentslijn{
	width:635px;
	height:2px;
	background-image:url(images/postbodem_bg.gif);
	background-position:center center;
	background-repeat:no-repeat;
	background-attachment: scroll;
	margin-top:5px;
	}
	#comments-title{
		clear:both;
		float:left;
		width:630px;
	}
	ol {
	list-style-type:none;
	margin: 0;
	}
	.children{
		list-style:none;
	}
		.commentlist{
			padding-bottom:10px;
			padding-left:10px;
			padding-right:10px;
			padding-top:0px;
		}
			.comment{
				margin-top:5px;
				padding:15px;
				background-color:#e3e1d6;
			}
			#cancel-comment-reply-link{
				font-size:14px;
			}
			.comment even{
				background-color:#e9e9d4;
			}
			.comment-meta{
				color:#9e9e8c;
				line-height:20px;
			}
			.comment-content{
				color:#000000;
				font-size:14px;
			}
			.comment cite{
				font-size:16px;
				font-weight:bold;
				font-style:normal;
				color:#08334c;
			}
			.comment cite a:link, cite a:visited, cite a:active{
				color:#08334c;
			}
			.comment cite a:hover{
				color:#008000;
			}
			
			.comment img{
				float:left;
				margin-right:5px;
			}
			.says{
				color:#9e9e8c;
			}
				.comment-body{
					color:#000000;
				}
				.reply{
					text-align:right;
				}
				a.comment-reply-link:link, a.comment-reply-link:visited, a.comment-reply-link:active{
					color:#b1b1a1;
					text-decoration:underline;
				}
				a.comment-reply-link:hover{
					color:#989888;
					text-decoration:none;
				}
		#author{
		height: 24px;
		width: 350px;
		border: 1px solid #bcb5a2;
		background-color: #f5f5ee;
		}
		#email{
		height: 24px;
		width: 350px;
		border: 1px solid #bcb5a2;
		background-color: #f5f5ee;
		}
		#url{
		height: 24px;
		width: 350px;
		border: 1px solid #bcb5a2;
		background-color: #f5f5ee;
		}
		#comment{
		height: 120px;
		width: 350px;
		border: 1px solid #bcb5a2;
		background-color: #f5f5ee;
		margin-left:5px;
		}
		#submit{
		height: 30px;
		width: 120px;
		}
		.form-allowed-tags{
			color:#9e9e8c;
		}
						
						
						

/* ------ Slidemenu ------- */


.jqueryslidemenu{


}

.jqueryslidemenu ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/*Top level list items*/
.jqueryslidemenu ul li{
	position: relative;
	display: inline;
	float: left;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
	display: block;
	text-decoration: none;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-right: 18px;
	padding-left: 18px;
}

.jqueryslidemenu ul li a:hover{
	color: #ffffff;
	background-color: #0b4567;
	background-image:url(images/bg_nav_hover.jpg);
}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
	position: absolute;
	left: 0;
	display: block;
	visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
	width: 180px; /*width of sub menus*/
	padding: 5px;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-top: 0px;
	background-color: #08334c;
}

.jqueryslidemenu ul li ul li a:hover{ /*sub menus hover style*/
	background-color: #0e5079;
	color: #ffffff;
	background-image:none;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
	position: absolute;
	top: 10px;
	right: 5px;
}

.rightarrowclass{
position: absolute;
top: 0px;
right: 5px;
}



/* ######### Pagenavi plugin  ######### */
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited, .wp-pagenavi a:active {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	text-decoration: none;
	border: 1px solid #333333;
	color: #333333;
}
.wp-pagenavi a:hover {	
	border: 1px solid #243b3f;
	color: #243b3f;
}
.wp-pagenavi span.pages {
	padding: 2px 4px 2px 4px;
	margin: 2px 2px 2px 2px;
	color: #bcb5a1;
	border: 1px solid #bcb5a1;
}
.wp-pagenavi span.current {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	font-weight: bold;
	border: 1px solid #ffffff;
	color: #ffffff;
	background-color: #243b3f;
}
.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px;
	margin: 2px;	
	border: 1px solid #bcb5a1;
	color: #bcb5a1;
}

/* ######### Formulier elementen  ######### */
.invulveld{
	height: 24px;
	width: 350px;
	background-image:url(images/invulveld.jpg);
	background-repeat:no-repeat;
	background-color:#f4f1ea;
	border-width:0px;
	padding:2px;
}
.invulveldkort{
	height: 24px;
	width: 90px;
	background-image:url(images/invulveldkort.jpg);
	background-repeat:no-repeat;
	background-color:#f4f1ea;
	border-width:0px;
	padding:2px;
}
.tekstvak{
	height: 250px;
	width: 450px;
	background-image:url(images/tekstvak.jpg);
	background-repeat:no-repeat;
	background-color:#f4f1ea;
	border-width:0px;
	padding:2px;
}
.knopverzenden{
	height: 30px;
	width: 96px;
	background-image:url(images/knopverzenden.jpg);
	background-position:top;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-color:#f4f1ea;
	border-width:0px;
}
.knopverzenden:hover{
	background-image:url(images/knopverzenden.jpg);
	background-position:50% 50%;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-color:#f4f1ea;
	border-width:0px;
}
.knopverzenden:active{
	background-image:url(images/knopverzenden.jpg);
	background-position:50% 100%;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-color:#f4f1ea;
	border-width:0px;
}
.form-submit{
	height: 30px;
	width: 96px;
	background-image:url(images/knopverzenden.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	background-color:#f4f1ea;
	border-width:0px;
}
.form-submit:hover{
	background-image:url(images/knopverzenden.jpg);
	background-position:50% 50%;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-color:#f4f1ea;
	border-width:0px;
}
.form-submit:active{
	background-image:url(images/knopverzenden.jpg);
	background-position:50% 50%;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-color:#f4f1ea;
	border-width:0px;
}

/* ############# Kalender ################*/
.calnk a:hover {
         background-position:0 0;
         text-decoration:none;  
         color:#000000;
         border-bottom:1px dotted #000000;
         }
.calnk a:visited {
         text-decoration:none;
         color:#000000;
         border-bottom:1px dotted #000000;
        }
.calnk a {
        text-decoration:none; 
        color:#000000; 
        border-bottom:1px dotted #000000;
        }
.calnk a span { 
        display:none; 
        }
.calnk a:hover span {
        color:#333333; 
        background:#F6F79B; 
        display:block;
        position:absolute; 
        margin-top:1px; 
        padding:5px; 
        width:150px; 
        z-index:100;
        line-height:1.2em;
        }
.calendar-table {
        border:none;
        width:100%;
     }
.calendar-heading {
        height:25px;
        text-align:center;
        border:1px solid #f4f1ea;
        background-color:#f4f1ea;
     }
.calendar-next {
        width:25%;
        text-align:center;
     }
.calendar-prev {
        width:25%;
        text-align:center;
     }
.calendar-month {
        width:50%;
        text-align:center;
        font-weight:bold;
		font-size:16px;
     }
.normal-day-heading {
        text-align:center;
        width:25px;
        height:25px;
        font-size:0.8em;
        border:1px solid #f4f1ea;
        background-color:#c0c0af;
     }
.weekend-heading {
        text-align:center;
        width:25px;
        height:25px;
        font-size:0.8em;
        border:1px solid #f4f1ea;
        background-color:#c0c0af;
        color:#08334c;
     }
.day-with-date {
		color:#000000;
        vertical-align:middle;
        text-align:center;
        width:60px;
        height:60px;
        border:1px solid #f4f1ea;
		background-color:#ce0017;
		background-image:url(images/bezet.jpg);
     }
.no-events {
	background-color:#b1e084;
	background-image:none;
     }
.day-without-date {
        width:60px;
        height:60px;
        border:1px solid #E9F0E8;
     }
span.weekend {
        color:#2f4969;
     }
.current-day {
		color:#000000;
        vertical-align: middle;
        text-align:center;
        width:60px;
        height:60px;
        border:1px solid #f4f1ea;
        background-color:#33a6f7;
		background-image:url(images/vandaag.jpg);
     }
span.event {
        font-size:0.75em;
		background-color:#c91414;
		color:#ffffff;
     }
.kjo-link {
        font-size:0.75em;
        text-align:center;
     }
.calendar-date-switcher {
        height:35px;
        text-align:center;
        border:1px solid #f4f1ea;
        background-color:#f4f1ea;
     }


.calendar-date-switcher form {
        margin:0;
        padding:0;
     }
.calendar-date-switcher input {
			height: 30px;
			width: 96px;
			background-image:url(images/knopverzenden.jpg);
			background-repeat:no-repeat;
			background-color:#f4f1ea;
			border-width:0px;
}
.calendar-date-switcher input:hover{
	background-image:url(images/knopverzenden.jpg);
	background-position:50% 50%;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-color:#f4f1ea;
	border-width:0px;
}
.calendar-date-switcher input:active{
	background-image:url(images/knopverzenden.jpg);
	background-position:50% 50%;
	background-attachment:scroll;
	background-repeat:no-repeat;
	background-color:#f4f1ea;
	border-width:0px;
}
	 
.calendar-date-switcher select {
        border:1px #f4f1ea solid;
     }
.cat-key {
        width:100%;
        margin-top:10px;
        padding:5px;
        border:1px solid #f4f1ea;
     }
.calnk a:hover span span.event-title {
        padding:0;
        text-align:center;
        font-weight:bold;
        font-size:1.2em;
        }
.calnk a:hover span span.event-title-break {
        width:96%;
        text-align:center;
        height:1px;
        margin-top:5px;
        margin-right:2%;
        padding:0;
        background-color:#000000;
     }
.calnk a:hover span span.event-content-break {
        width:96%;
        text-align:center;
        height:1px;
        margin-top:5px;
        margin-right:2%;
        padding:0;
        background-color:#000000;
     }
.page-upcoming-events {
        font-size:80%;
     }
.page-todays-events {
        font-size:80%;
     }
	 
/* ############# Fotoalbums ################*/

#fotoalbums ul{
	font-size:14px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
	line-height:22px;
}
#fotoalbums ul li{
}

#fotoalbums ul a:link, #fotoalbums ul a:active, #fotoalbums ul a:visited{
	color:#313328;
	text-decoration:underline;
	font-weight:bold;
	padding:4px;
}
#fotoalbums ul a:hover{
	color:#313328;
	text-decoration:none;
	background-color:#d8d7c5;
}