@charset "UTF-8";
/*-----------------------------------------------------------------
Author:		Buro Taggetig
Homepage:	http://www.taggetig.be

Project:	Toasted.be & Lalafling.be
Date:		01/05/2009
-------------------------------------------------------------------
Reset
-----------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: white;
}
ol, ul {
	list-style: none;
}
/*-----------------------------------------------------------------*/
body{
	background: url(../images/bg-wood-60.jpg) top center;
	font: 1em Georgia, Times New Roman, Times, sans-serif;
}

#header{
	background: url(../images/bg-top-bar.gif) repeat-x;
	height: 33px;
}

	#top-bar{
		width: 982px;
		margin: 0 auto;
	}
	
		ul#navigation{
			float: left;
			text-align: center;
		}
		
			ul#navigation li{
				float: left;
				margin: 7px 18px 0 0;
				text-align: center;
				padding: 0;
				height: 19px;
			}
		
				ul#navigation li.current, ul#navigation li a{
					font-size: 0.875em;
					text-decoration: none;
					font-style: italic;
					color: #fff;
					padding: 1px 4px 0 4px;
				}
				
				ul#navigation li.current{
					font-style: normal;
				}
				
				ul#navigation li.home{
					padding-left: 0;
				}
				
				ul#navigation li a{
					height: 100%;
					background: url(../images/bg-nav-item.png);
					margin: 0;
					display: block;
				}
				
				ul#navigation li a:hover{
					background: none;
				}
		
		#address{
			float: right;
			font-size: 0.75em;
			margin-top: 10px;
			font-style: italic;
		}
		
		ul#social-icons-top{
			float: right;
			margin-top: 7px;
		}

			ul#social-icons-top li{
				list-style: none;
				list-style-type: none;
				float: left;
				margin-left: 10px;
			}

#logos{
	width: 982px;
	margin: 0 auto;
	position: relative;
	height: 85px;
}
		
	#logo-toasted, #logo-lalafling{
		height: inherit;
		font-size: 0.725em;
		font-style: italic;
		float: left;
	}
	
	#logo-lalafling{
		padding: 35px 0 0 21px;
	}
	
	#logo-toasted{
		padding: 24px 0 10px 0;
	}
	
	.fb-like-box{
		top: 50px;
		left: 506px;
		position: absolute;
	}
	
	#logo-toasted img, #logo-lalafling img{
		float: left;
	}
	
	#logo-toasted p, #logo-lalafling p{
		float: left;
		margin: 12px 0 0 30px;
		width: 253px;
	}
	
	#logo-toasted p{
		margin-top: 23px;
	}

#candy{
	width: 982px;
	margin: 0 auto;
	clear: both;
}

	#main-content, #secondary-content{
		float: left;
	}
	
	#main-content{
		margin-right: 26px;
	}

	#main-content ul li{
		background: #1c2227;
		padding: 20px 20px 4px 20px;
		width: 436px;
	}

		#main-content ul li h1{
			background: url(../images/bg-h1-shade.png) 0 bottom no-repeat;
			padding: 0 5px 4px 5px;
			margin: 0 0 13px -26px;
			width: 478px;
		}
		
			#main-content ul li h1 a{
				background: #9D2042 url(../images/bg-h3-mag.gif) repeat-x;
				font-size: 1.1em;
				color: #fff;
				text-decoration: none;
				text-align: left;
				line-height: 1.2em;
				padding: 3px 5px 5px 15px;
				margin-left: -5px;
				width: 468px;
				display: block;
				border-bottom: 1px solid #bf2751;
			}
			
			#main-content ul li h1 a:hover{
				color: #fff;
				text-decoration: underline;
			}

		.post-details{
			
		}
		
			.post-time, .post-comments{
				float: left;
				font-size: 0.875em;
				padding: 4px 0 1px 26px;
			}

			.post-time{
				background: url(../images/ico-clock.png) 0 4px no-repeat;
			}
		
			.post-comments{
				background: url(../images/ico-comments.png) 0 6px no-repeat;
				margin-left: 11px;
				padding-left: 27px;
			}

		.post-categories{
			background: url(../images/ico-cats.png) 0 1px no-repeat;
			padding-left: 26px;
			float: left;
			margin: 4px 0 14px 0;
			clear: both;
		}

		.post-text{
			clear: both;
			font-size: 0.8em;
			margin-bottom: 20px;
			padding-top: 14px;
			line-height: 1.6em;
			background: url(../images/bg-secondary-inset.png) left top repeat-x;
		}

			.post-text p{
				clear: both;
				font-size: 1em;
				margin-bottom: 20px;
			}
			
				.post-text p a{
					color: #fff;
					text-decoration: none;
					border-bottom: 1px solid #ee2560;
				}
				
				.post-text p a:hover{
					border-bottom: 1px solid #fff;
				}

		.post-read-on{
			clear: both;
		}

		
		.post-comments a, .post-categories a, .post-read-on a{
			color: #fff;
			text-decoration: none;
			border-bottom: 1px solid #ee2560;
		}
		
		.post-categories a{
			font-size: 0.875em;
		}
		
		.post-read-on a{
			font-size: 0.8em;
		}
		
		.post-comments a{
			font-size: 1em;
		}

		.post-comments a:hover, .post-categories a:hover, .post-read-on a:hover{
			border-bottom: 1px solid #fff;
		}
		
		.post-image{
			clear: both;
		}
		
		.post-image img, .post-images img{
			margin: 10px 0 15px 0;
		}

		.single{
			margin-bottom: 16px;
		}
		
		#main-content ul li.last{
			padding-bottom: 26px;
		}

	#pagination{
		background: #1c2227;
		text-align: center;
		padding: 19px 0 20px 0;
		margin: 30px 0;
	}

		#pagination a{
			font-size: 1em;
			color: #fff;
			text-decoration: none;
			border-bottom: 1px solid #ee2560;
		}
	
		#pagination a:hover{
			border-bottom: 1px solid #fff;
		}
	
	ul#related{
		background: #1c2227;
		padding: 20px;
		margin: 30px 0;
	}
	
		ul#related h2{
			font-size: 0.8em;
			padding-bottom: 20px;
			background: url(../images/bg-secondary-inset.png) left bottom repeat-x;
		}
		
		ul#related li{
			padding: 10px 0 0 0;
			margin: 0;
		}
			
			ul#related li ul li{
				padding: 0 0 6px 0;
				margin: 0;
				font-size: 0.8em;
				font-style: italic;
			}
	
				ul#related li ul li a{
					font-size: 1.4em;
					font-style: normal;
					color: #fff;
					text-decoration: none;
					border-bottom: 1px solid #ee2560;
				}
			
				ul#related li ul li a:hover{
					border-bottom: 1px solid #fff;
				}

	
	.sidebar-item{
		background: #1c2227;
		padding: 20px;
		margin-bottom: 30px;
		width: 436px;
	}


		.post-title, .sidebar-title{
			width: 488px;
			background: url(../images/bg-h1-shade.png) 0 bottom no-repeat;
			margin: 0 0 4px -26px;
			padding-bottom: 4px;
		}
		
		.post-title{
			margin-bottom: 13px;
		}

		.post-title h2, .sidebar-title h2{
			background: #9D2042 url(../images/bg-h3-mag.gif) repeat-x;
			font-size: 1.1em;
			color: #fff;
			text-decoration: none;
			text-align: left;
			line-height: 1.2em;
			padding: 3px 5px 5px 15px;
			width: 468px;
			display: block;
			border-bottom: 1px solid #bf2751;
		}
		
		.sidebar-item p{
			clear: both;
			font-size: 0.8em;
			line-height: 1.6em;
		}
		
			.sidebar-item p.spaced{
				margin-bottom: 20px;
			}
		
		.sidebar-item p a{
				color: #fff;
				text-decoration: none;
				border-bottom: 1px solid #ee2560;
			}
	
			.sidebar-item p a:hover{
				border-bottom: 1px solid #fff;
			}
	
	#twitter{
		margin-top: 14px;
		float: left;
	}
		
		#tw-msg{
			float: left;
			font-size: 0.9em;
			line-height: 1.4em;
		}
		
			#tw-msg a{
				font-size: 1.4em;
				line-height: 0.7em;
				color: #ee2560;
				text-decoration: none;
				font-style: normal;
			}
			
			#tw-msg a:hover{
				color: #fff;
			}
			
			#tw-msg a:hover img{
				margin: 1px 20px -1px 0;
			}
			
			#tw-msg img{
				float: left;
				margin: 0 20px 0 0;
			}
		
		#twitter p{
			clear: both;
			height: 24px;
			padding: 21px 0;
		}
		
		.inset{
			background: url(../images/bg-secondary-inset.png) left bottom repeat-x;
		}

		#mailinglist{
			margin-top: 25px;
			clear: both;
		}

			#mailinglist p{
				padding: 20px 0;
			}

			#mailinglist form input#list{
				width: 215px;
				height: 25px;
				padding: 6px 0 0 4px;
				float: left;
				border: 0;
				font: 1em Georgia, Times New Roman, Times;
				color: #333e47;
			}
			
		#slideshow{
			margin-top: 25px;
			clear: both;
		}
	
		#slideshow-controls{
			clear: both;
			padding: 10px 0;
			margin-bottom: 20px;
		}
	
			#slideshow-controls a{
				margin: 0 6px 0 0;
				width: 11px;
				height: 11px;
				display: block;
				float: left;
				text-indent: -9999px;
				background: url(../images/bullet.png) no-repeat;
			}
			
			#slideshow-controls a.activeSlide{
				background: url(../images/bullet-active.png) no-repeat;
			}
			
		ul#comments{
			display: inline-block;
			padding: 0;
			width: 100%;
		}
			ul#comments li{
				width: 100%;
				padding: 10px 0 15px 0;
				clear: both;
				display: inline-block;
				background: url(../images/bg-secondary-inset.png) left bottom repeat-x;
			}

			ul#comments li.no-brd{
				background: none;
				padding: 10px 0 0 0;
			}
				.comment-details, .comment{
					float: left;
					font-size: 0.875em;
				}
				
				.comment-details{
					width: 28%;
					line-height: 1.6em;
				}
					
					.comment-details a{
						color: #fff;
						text-decoration: none;
						border-bottom: 1px solid #ee2560;
					}
					.comment-details a:hover{
						border-bottom: 1px solid #fff;
					}
					
					.comment-details span{
						font-size: 0.8em;
					}
				
				.comment{
					width: 72%;
					margin-top: 1px;
					font-size: 0.8em;
				}
				
					 .comment p{
						font-size: 1em;
						line-height: 1.6em;
					}
				
					.comment a{
						color: #ee2560;
						text-decoration: none;
						font-size: 1.3em;
					}
					
					.comment a:hover{
						color: #fff;
					}
				
				ul#comments li#comment-none-yet{
					background: none;
					font-size: 0.9em;
					line-height: 1.6em;
					padding-bottom: 20px;
					background: url(../images/bg-secondary-inset.png) left bottom repeat-x;
				}
		
		ul#categories{
			display: inline-block;
			padding-top: 11px;
		}
		
			ul#categories li{
				list-style-type: none;
				float: left;
				padding: 5px;
			}
			
				ul#categories li a{
					color: #fff;
					text-decoration: none;
					border-bottom: 1px solid #ee2560;
					font-size: 0.8em;
				}
				
				ul#categories li a:hover{
					border-bottom: 1px solid #fff;
				}
				
		p#networks{
			padding-top: 11px;
		}
		
		ul#social-icos{
			display: inline-block;
			padding: 11px 0 25px 0;
		}

			ul#social-icos li{
				list-style-type: none;
				float: left;
				height: 24px;
			}
			
				ul#social-icos li a img{
					margin: 10px 10px 0 0;
				}

				ul#social-icos li a:hover img{
					margin: 11px 10px 0 0;
				}

		#search{
			padding: 15px 0 35px 0;
		}
		
			#search input#google{
				width: 215px;
				height: 25px;
				padding: 6px 0 0 4px;
				float: left;
				border: 0;
				font: 1em Georgia, Times New Roman, Times;
				color: #333e47;
			}
			
			#search input#search-submit{
				width: 105px;
				height: 31px;
				padding-left: 31px;
				background: url(../images/bg-search-btn.png) top left no-repeat;
				float: left;
				border: 0;
				font: 1em Georgia, Times New Roman, Times;
				color: #fff;
			}

		#tell-a-friend{
			display: none;
			padding-top: 19px;
		}
	
			p.tell-block, p.comment-form-block{
				width: 209px;
				float: left;
				clear: none;
				margin: 0 9px 20px 0;
			}
	
			p.tell-block-hide{
				display: none;
			}
			
			p.anti{
				width: 100%;
				clear: both;
				margin: 0;
			}
		
				p.tell-block input, p.comment-form-block input{
					width: 206px;
					height: 25px;
					padding: 6px 0 0 3px;
					float: left;
					border: 0;
					font: 1em Georgia, Times New Roman, Times;
					color: #333e47;
				}
				
				p.tell-block-submit{
					height: 30px;
					clear: both;
					padding-top: 20px;
				}	
							
					p.tell-block-submit input{
						height: 31px;
						background: url(../images/bg-submit-btn.png) 0 3px no-repeat;
						float: left;
						border: 0;
						font: 1em Georgia, Times New Roman, Times;
						color: #fff;
						padding-left: 35px;
					}

		#comment-form{
			margin-top: 20px;
			display: inline-block;
		}
		
			#comment-form p.comment-react{
				padding-bottom: 10px;
				font-size: 1em;
			}
		
			#comment-form p.comment-react span{
				font-size: 0.65em;
				font-style: italic;
			}
					
			#comment-form p.comment-form-block span{
				font-size: 0.812em;
				font-style: italic;
				line-height: 1px;
			}
								
			#comment-form input{
			}
	
			#comment-form-txt{
				clear: both;
				font-size: 0.8em;
				color: #fff;
				margin-bottom: 10px;
			}

				#comment-form-txt p{
					padding-top: 3px;
					font-size: 1em;
				}
				
					#comment-form-txt p input{
						line-height: 0.7em;
						padding: 0;
						margin: 0 6px 0 0;
					}

				#comment-form-txt textarea{
					border: 0;
					width: 98%;
					color: #333e47;
					padding: 6px 0 0 3px;
					font: 1em Georgia, Times New Roman, Times;
					margin-bottom: 6px;
				}
	
	.big-content{
		background: #1c2227;
		padding: 20px 20px 4px 20px;
		margin-bottom: 30px;
		float: left;
		width: 940px;
	}
		.big-title{
			width: 992px;
			background: url(../images/bg-h1-big-shade.png) 0 bottom no-repeat;
			margin: 0 0 4px -26px;
			padding-bottom: 4px;
		}
		
		.big-title h1{
			background: #9D2042 url(../images/bg-h3-mag.gif) repeat-x;
			font-size: 1.1em;
			color: #fff;
			text-decoration: none;
			text-align: left;
			line-height: 1.2em;
			padding: 3px 11px 5px 15px;
			display: block;
			border-bottom: 1px solid #bf2751;
		}
		
		li.team-member{
			width: 294px;
			float: left;
		}
		
			.middle{
				margin: 0 29px;
			}			
					
			li.team-member h2{
				background: url(../images/bg-secondary-inset.png) left bottom repeat-x;
				margin: 8px 0 20px 0;
				padding-bottom: 20px;
			}
				
				li.team-member h2 a, li.team-member p a{
					color: #fff;
					font-size: 1.1em;
					text-decoration: none;
					border-bottom: 1px solid #ee2560;
					padding-bottom: 2px;
				}
				
				li.team-member h2 a:hover, li.team-member p a:hover{
					border-bottom: 1px solid #fff;
				}
			
			li.team-member p{
				background: url(../images/bg-secondary-inset.png) left bottom repeat-x;
				margin: 8px 0 20px 0;
				padding-bottom: 20px;
			}
			
				li.team-member p a{
					font-size: 0.8em;
				}
	
		#bio{
			width: 336px;
			float: left;
			margin-right: 30px;
		}

			#bio h2{
				padding: 6px 0 18px 0;
				font-size: 1.1em;
				background: url(../images/bg-secondary-inset.png) left bottom repeat-x;
			}
			
			dl#team-member-data{
				float: left;
				line-height: 2em;
				padding: 18px 0;
				font-size: 0.8em;
			}
			
				#team-member-data dt{
					width: 120px;
					float: left;
					clear: both;
				}
				
				#team-member-data dd{
					width: 216px;
					float: left;
					font-style: italic;
				}
				
			ul.team-member-links{
				width: 100%;
				clear: both;
				padding: 18px 0;
				margin-bottom: 18px;
				float: left;
			}
				
				ul.team-member-links li{
					list-style-type: none;
					float: left;
					margin-right: 10px;
				}
			
			#bio div{
				padding-bottom: 20px;
				clear: both;
			}
			
				#bio p{
					padding: 6px 0 0 0;
					clear: both;
					font-size: 0.8em;
				}
					
					#bio p a{
						color: #fff;
						text-decoration: none;
						border-bottom: 1px solid #ee2560;
						padding-bottom: 2px;
					}
				
					#bio p a:hover{
						border-bottom: 1px solid #fff;
					}
			
		#media{
			width: 574px;
			float: left;
		}
			
			#media ul{
				font-style: italic;
				float: left;
				background: url(../images/bg-secondary-inset.png) left bottom repeat-x;
				width: 100%;
			}
					
			#media ul li{
				float: left;
				padding-top: 6px;
				margin: 0 18px 18px 0;
			}

				#media ul li a{
					font-size: 1.1em;
					font-style: normal;
					color: #fff;
					text-decoration: none;
				}
				
				.ui-tabs-hide{/*jqui tabs*/
		        	display: none;
		    	}
		    	
		    	.ui-state-default a{
					border-bottom: 1px solid #ee2560;
				}
				
		    	.ui-state-default a:hover{
					border-bottom: 1px solid #fff;
				}
				
		    	.ui-state-active a, .ui-state-active a:hover{
		    		border-bottom: none;
		    		cursor: default;
				}
			
			#photos-controls{
				clear: both;
				padding-bottom: 20px;
			}
		
		#photos, #videos{
			clear: both;
			padding-bottom: 20px;
		}
		
		#videos{
			padding-top: 22px;
			background: none;
			float: left;
		}
		
			#videos p{
				width: 574px;
				margin-bottom: 20px;
			}
		
			#photos-show{
				
			}
			
			#photos-controls{
				clear: both;
				padding: 10px 0;
				margin-bottom: 20px;
			}
						
				#photos-controls a{
					margin: 0 6px 0 0;
					width: 11px;
					height: 11px;
					display: block;
					float: left;
					text-indent: -9999px;
					background: url(../images/bullet.png) no-repeat;
				}
				
				#photos-controls a.activeSlide{
					background: url(../images/bullet-active.png) no-repeat;
				}
			
				p.no-media-yet{
					padding: 0 0 20px 0;
					font-size: 0.8em;
					font-style: normal;
				}
		
		#locatie{
			width: 366px;
			float: left;
			margin: 0 20px 0 0;
		}
		
			#locatie h1{
				padding: 6px 0 18px 0;
				font-size: 1.1em;
				background: url(../images/bg-secondary-inset.png) left bottom repeat-x;
			}
			
			#locatie p{
				padding: 18px 0;
				font-size: 0.8em;
				line-height: 1.6em;
			}
		
		#interieur{
			width: 554px;
			float: left;
		}

			#interieur #slideshow{
				margin-top: 43px;
			}
			
			#interieur #slideshow-controls{
				height: 1px;
				padding: 10px 0 0 0;
			}
		
		#map{
			float: left;
			clear: both;
			width: 100%;
		}
		
			#map h1{
				padding: 0 0 18px 0;
				margin-bottom: 18px;
				font-size: 1.1em;
				background: url(../images/bg-secondary-inset.png) left bottom repeat-x;
			}
		
			#gmap{
				height: 400px;
				margin-bottom: 16px;
			}
	
	#contact{
		margin: 17px 0 0 0;
		display: inline-block;
	}

		#contact h3{
			width: 100%;
			padding: 10px 0;
			text-indent: 10px;
			line-height: 1.6em;
			font-size: 1em;
			font-style: italic;
			margin-bottom: 20px;
			float: left;
			background: #77953a;
			border-bottom: 1px solid #95b596;
		}
	
		#contact p{
			line-height: 1.6em;
			margin-bottom: 20px;
			float: left;
		}
		
		#fillerupbaby{
			font-style: italic;
			font-size: 0.7em;
		}
		
		#contact input{
			width: 206px;
			height: 25px;
			padding: 6px 0 0 3px;
			float: left;
			border: 0;
			font: 1em Georgia, Times New Roman, Times;
			color: #333e47;
		}

		#contact textarea{
			border: 0;
			width: 100%;
			color: #333e47;
			padding: 6px 0 0 3px;
			font: 1em Georgia, Times New Roman, Times;
		}
		
		#contact input.submit{
			height: 31px;
			background: url(../images/bg-submit-btn.png) 0 3px no-repeat;
			float: left;
			text-align: left;
			padding: 0 0 0 30px;
			border: 0;
			font: 1em Georgia, Times New Roman, Times;
			color: #fff;
		}

	#info{
		text-align: center;
		display: inline-block;
		width: 100%;
		margin-top: 40px;
		padding: 20px 0;
		font: 0.775em sans-serif;
		background: #1c2227;
		border-top: 1px solid #ccc;
		clear: both;
	}

		#info a{
			color: #fff;
			text-decoration: none;
			border-bottom: 1px solid #ee2560;
			padding-bottom: 2px;
		}
		
		#info a:hover{
			border-bottom: 1px solid #fff;
		}

/*Cornerville*/
#pagination, li.only, ul#related, .sidebar-item, .big-content{
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid #ccc;
}

ul#navigation li{
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
}

#main-content ul li.first{
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #ccc;
}

#main-content ul li.last{
	-moz-border-radius: 0 0 3px 3px;
	-webkit-border-radius: 0 0 3px 3px;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #ccc;
}

#main-content ul li{
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

ul#related li{
	border: none;
}