/*
	Theme Name: Dutch Button Works
	Theme URI: http://www.dutchbuttonworks.nl
	Description: The theme used for the Dutch Button Works website
	Author: Hamaka BV
	Author URI: http://www.hamaka.nl
	Version: 1.0
*/

/********** CORE **************************************************/

	html, body {
		margin: 0;
		padding: 0;
		height: 100%;
	}

	body {
		font-family: "Trebuchet MS", sans-serif;
		font-size: 13px;
		color: #58585a;
		background-color: #e3eff6;
	}

	h1, h2, h3 {
		font-weight: bold;
		color: #532c2e;
	}

	h1 { font-size: 200%; }
	h2 { font-size: 140%; }
	h3 { font-size: 110%; }
	
	h2 a, h2 a:hover, h2 a:link {
		text-decoration: none;
		color: #532c2e;
	}

	a { color: #525252; }
	a:hover { color: #f22523; }

	p { margin: 8px 0; }

	div#container {
		position: relative;
		margin: 0 auto;
		width: 891px;
		height: auto !important;
		min-height: 100%;
		background: transparent url('images/bg-container.gif') no-repeat 0 0;
	}

/********** TOP ***************************************************/

	div#top {
		margin: 0 12px 0 19px;
		padding-top: 5px;
		height: 47px;
		text-align: center;
	}

		#top div.horizontal-bar {
			margin-bottom: 2px;
			height: 9px;
			background-color: #4c2a2c;
		}

		#top div#menu {
			float: left;
			width: 100%;
			padding: 5px 0 3px 0;
			border-top: 1px solid #949494;
			border-bottom: 1px solid #949494;
			text-transform: uppercase;
		}

			#menu ul#mainnav {
				display: inline;
				float: left;
				margin-left: 61px;
				width: auto;
			}

			#mainnav li {
				display: inline;
				float: left;
				margin: 0 3px;
				width: auto;
			}

				#mainnav li a {
					float: left;
					padding: 6px 12px 6px 22px;
					height: 9px;
					font-size: 90%;
					font-weight: bold;
					text-decoration: none;
					background: transparent url('images/bg-mainnav.gif') no-repeat 8px 0;
				}

				#mainnav li a:hover, 
				#mainnav li.current_page_item a {
					color: #ffffff;
					background-color: #743438;
					background-position: 8px -21px;
				}

/********** MAIN **************************************************/

	div#main {
		float: left;
		padding: 0 12px 0 19px;
		width: 860px;
		background: transparent url('images/bg-main.png') no-repeat 0 0;
	}

/********** MAIN LEFT *********************************************/

	#main div#left {
		float: left;
		margin-top: 340px;
		width: 245px;
	}

		#left div.profileButs {
			float: left;
			width: 100%;
			height: 35px;
		}

			#left div.profileButs a.button {
				float: left;
				padding: 9px 7px 8px 0;
				width: 102px;
				font-size: 80%;
				color: #ffffff;
				text-align: center;
				text-decoration: none;
			}

			#left div.profileButs a.red { background: transparent url('images/bg-button-red.png') no-repeat 0 0; }

			#left div.profileButs a.blue { background: transparent url('images/bg-button-blue.png') no-repeat 0 0; }

		#left div.profileIcons {
			float: left;
			margin-top: 7px;
			width: 211px;
		}

			#left div.profileIcons a {
				display: block;
				float: left;
				margin-right: 15px;
				width: auto;
			}

			#left div.profileIcons a.center {
				margin: 0 30px;
				padding: 5px;
			}

			#left div.profileIcons a.right {
				float: right;
				margin-right: 0;
			}

				#left div.profileIcons a img {
					float: left;
					width: auto;
				}

/********** SIDEBAR (MAIN LEFT) ***********************************/

	#left ul#sidebar {
		float: left;
		margin-top: 30px;
		width: 211px;
		font-size: 85%;
		line-height: 20px;
	}

		#sidebar li { margin-bottom: 30px; }

			#sidebar li h2 { font-size: 120%; }
			#sidebar li ul li { margin-bottom: 0; }

			#sidebar li.widget_recent_entries ul li, 
			#sidebar li#flexo-archives ul li {
				padding-left: 12px;
			}

			#sidebar li#flexo-archives ul li { background: transparent url('images/bg-archive-level1.gif') no-repeat 0 6px; }

				#sidebar li.widget_recent_entries ul li, 
				#sidebar li#flexo-archives ul li ul li {
					background: transparent url('images/bg-archive-level2.gif') no-repeat 0 6px;
				}

/********** MAIN RIGHT ********************************************/

	#main div#right {
		float: right;
		margin-top: 17px;
		width: 602px;
	}

		#right div#content {
			float: left;
			margin-top: 113px;
			padding: 0 35px 48px 20px;
			width: 547px;
			background: #ffffff url('images/bg-content.gif') repeat-x 0 0;
		}

			#content h1 { margin-bottom: 20px; }
			#content h3 { margin-top: 20px; }
			#content p { line-height: 20px; }

			#content div.mceTemp, div.mceIEcenter {
				margin: 8px 0;
				line-height: 20px;
			}

/********** BLOG POST (THE LOOP) **********************************/

	#right div.post, 
	#right div.navigation {
		margin-bottom: 10px;
		padding-bottom: 10px;
		border-bottom: 1px dotted #949494;
		overflow: hidden;
	}

	#right div.post h1 { margin-bottom: 0; }

		#right div.post h1 a {
			color: #532c2e;
			text-decoration: none;
		}

	#right div.post ul {
		list-style-type: disc;
		margin: 5px 0 5px 20px;
	}

	#right div.post ol {
		list-style-type: decimal;
		margin: 5px 0 5px 30px;
	}

	#right div.post small, 
	#right div.post p.postmetadata {
		font-size: 90%;
		color: #532c2e;
	}

	#right div.navigation .alignleft {
		float: left;
		margin-right: 105px;
		width: auto;
	}

	#right div.navigation .alignright {
		float: right;
		margin-left: 105px;
		width: auto;
	}

	#right div.navigation .aligncenter {
		float: left;
		width: auto;
	}

/********** COMMENTS **********************************************/

	#right div#comments ol.commentlist {
		float: left;
		margin-top: 10px;
		width: auto;
	}

		#comments ol.commentlist li.comment {
			float: left;
			margin-top: 10px;
			padding: 6px;
			width: 533px;
			background-color: #eaeaea;
			border: 1px solid #b6b6b6;
		}

			#comments li.comment div.comment-body {
				float: left;
				width: 533px;
			}

				#comments div.comment-body div.comment-author {
					float: left;
					width: auto;
				}

					#comments div.comment-body div.comment-author img { vertical-align: middle; }

				#comments div.comment-body div.comment-meta {
					float: right;
					margin: 8px 0 11px 0;
					width: auto;
				}

				#comments div.comment-body div.comment-author, 
				#comments div.comment-body div.comment-meta, 
				#comments div.comment-body div.comment-author a, 
				#comments div.comment-body div.comment-meta a {
					color: #532c2e;
				}

				#comments div.comment-body p {
					float: left;
					width: 533px;
					clear: left;
				}

				#comments div.comment-body div.riffly_player_container {
					
				}

				#comments div.comment-body div.riffly_player_link {
					font-size: 90%;
					background-color: #f6f6f6;
				}

					#comments div.comment-body div.riffly_player_link table { width: 360px; }

					#comments div.comment-body div.riffly_player_link a.riffly_play_comment {
						position: relative;
						bottom: 15px;
						float: right;
						width: auto;
					}

					#comments div.comment-body div.riffly_player_link div.riffly_thumbnail a.riffly_play_comment {
						bottom: 0;
						float: left;
						width: auto;
					}

						#comments div.comment-body div.riffly_player_link div.riffly_thumbnail img.riffly_thumbnail_image { margin-left: 15px; }
						#comments div.comment-body div.riffly_player_link div.riffly_thumbnail img.riffly_overlay_button { left: 63px; }

	#respond form#commentform p {
		float: left;
		margin: 4px 0;
	}

	#commentform label {
		float: left;
		padding: 6px 0 3px 0;
		width: 120px;
	}

	#commentform input.textbox {
		float: left;
		padding: 3px;
		width: 287px;
	}

	#commentform textarea {
		float: right;
		margin-right: 7px;
		padding: 3px;
		width: 413px;
		max-width: 413px;
	}

	#commentform input.button { margin-left: 120px; }

	#commentform div.riffly_button_container {
		float: left;
		margin: 6px 10px 0 0;
		width: auto;
	}

		#commentform div.riffly_button_container img { vertical-align: top; }

	#commentform div#riffly_recorder_container, 
	#comments div.comment-body div.riffly_player_container {
		float: left;
		margin: 5px 0;
		padding: 3px;
		width: 320px;
		border: 1px solid #532c2e;
	}

	#comments div.comment-body div.riffly_player_container {
		width: 400px;
		background-color: #f6f6f6;
	}

		#commentform div#riffly_recorder_container a.riffly_hide_recorder_container, 
		#comments div.comment-body div.riffly_player_container a.riffly_close_player_link {
			margin-bottom: 2px;
			padding: 1px 5px 1px 7px;
			color: #ffffff;
			background-color: #532c2e;
			text-decoration: none;
		}

		#comments div.comment-body div.riffly_player_container a.riffly_close_player_link { float: right; }

		#commentform div#riffly_recorder_container a.riffly_hide_recorder_container:hover, 
		#comments div.comment-body div.riffly_player_container a.riffly_close_player_link:hover {
			background-color: #f22523;
		}

/********** BOTTOM ************************************************/

	div#bottom {
		position: relative;
		bottom: 3px;
		display: inline;
		float: left;
		margin: 0 12px 0 19px;
		padding-top: 3px;
		border-top: 1px solid #949494;
	}

		#bottom div#footer {
			float: left;
			padding: 7px 15px;
			width: 830px;
			font-size: 80%;
			color: #ffffff;
			background-color: #4c2a2c;
		}

		#bottom span.credits { float: left; }
		#bottom span.credits a { color: #fff; text-decoration: none; }

		#bottom ul#footernav {
			float: right;
		}

			#footernav li {
				float: left;
			}

				#footernav li a {
					float: left;
					padding: 0 3px;
					height: 10px;
					color: #ffffff;
					border-left: 1px solid #ffffff;
					text-decoration: none;
				}

				#footernav li:first-child a { border-left: 0 none; }

/********** IMAGE CAPTION EASY ************************************/

	div.imagecaptioneasy {
		padding: 6px;
		background-color: #eaeaea;
		border: 1px solid #b6b6b6;
	}

		div.imagecaptioneasy img { margin-bottom: 6px; }

		div.imagecaptioneasy span {
			margin: 0;
			padding-left: 10px;
			color: #743438;
		}

	/*.imagecaptioneasy img { border: 0px solid #fff; margin-bottom:5px; }
	.imagecaptioneasy span { text-align: center; }*/

	.imagecaptioneasy_top_left { margin: 0 11px 11px 0; float: left; }
	.imagecaptioneasy_top_right { margin: 0 0 11px 11px; float: right; }
	.imagecaptioneasy_top_nowrap { margin: 0 0 11px 0; float: none; }
	.imagecaptioneasy_left { margin: 11px 11px 11px 0; float: left; }
	.imagecaptioneasy_right { margin: 11px 0 11px 11px; float: right; }
	.imagecaptioneasy_nowrap { margin: 11px 0 11px 0; float: none; }

/********** SITEMAP ***********************************************/

	#content div.ddsg-wrapper h2 { margin-top: 10px; }

	#content div.ddsg-wrapper ul {
		list-style-type: disc;
		margin: 10px 0 10px 20px;
	}

		#content div.ddsg-wrapper ul li {
			font-size: 120%;
			line-height: 20px;
		}

			#content div.ddsg-wrapper ul li ul {
				list-style-type: circle;
				margin: 0 0 0 20px;
			}

				#content div.ddsg-wrapper ul li ul li { font-size: 85%; }

	#content div.ddsg-wrapper div.ddsg-pagenav {
		margin: 5px 0;
		padding: 5px 0;
		font-size: 90%;
		text-align: center;
		border-top: 1px dotted #949494;
		border-bottom: 1px dotted #949494;
	}

		#content div.ddsg-wrapper div.ddsg-pagenav p { margin: 0; }

	#content div.ddsg-wrapper div#ddsg_info { display: none; }

/********** MISCELLANEOUS *****************************************/

	.clearer { clear: both; }

	.inputElement {
		font-family: "Trebuchet MS", sans-serif;
		font-size: 100%;
	}

	input.textbox {
		border: 1px solid #532c2e;
	}

	textarea { border: 1px solid #532c2e; }

	input.textbox, textarea { background: #ffffff url('images/bg-input.gif') repeat-x 0 0; }

	input.button {
		color: #ffffff;
		background-color: #532c2e;
		border: 0 none;
	}

	div.wp-caption {
		padding: 6px 6px 3px 6px;
		background-color: #eaeaea;
		border: 1px solid #b6b6b6;
	}

		div.wp-caption p.wp-caption-text {
			margin: 0;
			padding-left: 10px;
			color: #743438;
		}
		

/********** CONTACT FORM 7 - STYLES *****************************************/

.wpcf7-not-valid-tip-no-ajax {display: block;}
.wpcf7-mail-sent-ok {	color: #309f21; 	font-weight: bold;}
.wpcf7-not-valid-tip-no-ajax, .wpcf7-validation-errors {	padding:3px;	color: #ff0000;	font-size:11px;	font-weight: bold;	margin:3px 0px 3px 0px;}
.wpcf7-response-output {	font-size: 14px;	margin:0px 0px 10px 0px;}
.wpcf7 input, .wpcf7 textarea {
	border: 1px solid #000000;
	padding:3px;
	font-size:12px;
	margin:3px 0px 3px 0px;
	font-family: Arial, Helvetica, sans-serif;
	width:100%;
}
.wpcf7 input.contactbtn {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: normal;
	width: 120px;
	float: right;
}