/*
Theme Name: Befuddled Me?
Theme URI: http://befuddled.me.uk/
Description: Befuddled Me blog theme.
Version: 1.0
Author: Keith Donegan
*/




.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */





/* ----- ( Reset ) ---------------------------------------- */
* { padding: 0; margin: 0; }
a, img { border: 0; }
a { color: #337111; }
img, div { behavior: url(http://www.befuddled.me.uk/wp-content/themes/befuddled/iepngfix.htc) }


/* ----- ( General ) ---------------------------------------- */
body {
	background: url(images/wood-tile.png);
	/* font: 13px Arial, Helvetica, sans-serif; */
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #4F4F4F;
}
#wrapper {
	width: 890px;
	margin: 0 auto;
	background: url(images/faux-body.png) repeat-y;
	padding-bottom: 20px;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}



/* ----- ( Header ) ---------------------------------------- */
#header {
	background: url(images/header-bg.png);
	height: 192px;
	width: 870px;
	margin: 0px 0px 0px 10px;
	position: relative;
}
	#header img {
		position: absolute;
		left: 62px;
	}
	#header h1 a {
		position: absolute;
		left: 190px;
		top: 50px;
		background: url(images/logo.png);
		width: 590px;
		height: 91px;
		text-indent: -9999px;
	}
	#header a#btn-rss {
		background: url(images/btn-rss.png);
		height: 25px;
		width: 25px;
		display: block;
		position: absolute;
		text-indent: -9999px;
		top: 52px;
		left: 16px;
	}
	#header a#btn-twitter {
		background: url(images/btn-twitter.png);
		height: 21px;
		width: 37px;
		display: block;
		position: absolute;
		text-indent: -9999px;
		top: 90px;
		left: 10px;
	}
	
	
	
	
	
/* ----- ( Content ) ---------------------------------------- */
#content {
	width: 600px;
	float: left;
	margin: 0px 0px 0px 10px;
}
* html #content { display: inline; }

	#content ul#main-nav {
		background: url(images/green-nav-bg.png) repeat-x;
		height: 50px;
	}
		#content ul#main-nav li {
			list-style-type: none;
			display: inline;
		}
			#content ul#main-nav li a {
				float: left;
				display: block;
				height: 50px;
				text-indent: -9999px;
			}
				#content ul#main-nav li#home a {
					background: url(images/main-nav-home.png);
					width: 102px;
				}
				#content ul#main-nav li#links a {
					background: url(images/main-nav-links.png);
					width: 93px;
				}
				#content ul#main-nav li#about a {
					background: url(images/main-nav-about.png);
					width: 102px;
				}
				#content ul#main-nav li#popular a {
					background: url(images/main-nav-popular.png);
					width: 189px;
				}
				#content ul#main-nav li#contact a {
					background: url(images/main-nav-contact.png);
					width: 114px;
				}
	#content .post { 
		margin: 20px 20px 0px 20px;
	}
		#content .post h1 a, #content .post h1 { 
			color: #337111;
			font: 30px Arial, Helvetica, sans-serif;
			text-decoration: none;
		}
		#content .post h2 a {
			color: #337111;
			font: 24px Arial, Helvetica, sans-serif;
			text-decoration: none;
		}
		h1#search-heading {
			color: #000;
			font: 30px Arial, Helvetica, sans-serif;
			text-decoration: none;
			margin: 20px 20px 0px 20px;
		}
		#content .post .alignleft { margin: 0px 15px 15px 0px; }
		#content .post .alignright { margin: 0px 0px 15px 15px; }
		
		#content .post ul {
			margin: 12px 0px 0px 22px;
		}
			#content .post ul li {
				list-style: none;
				margin-top: 10px;
				padding-left: 16px;
				background: url(images/bullet.png) 0px 8px no-repeat;
				line-height: 19px;
			}
		#content .post ol {
			margin: 12px 0px 0px 22px;
			padding-left: 22px;
		}
			#content .post ol li {
				list-style: outside decimal;
				margin-top: 10px;
				padding-left: 1px;
				line-height: 19px;
			}
		
		#content .post .meta-info { 
			font-size: 11px;
			margin: 10px 0px 0px 0px;
		}
			#content .post .meta-info a { 
				color: #666;
				float: left;
				height: 19px;
				margin-right: 20px;
				line-height: 17px;
			}
			#content .post .meta-info a:hover {
				text-decoration: none;
			}
				#content .post .meta-info span#calendar a { 
					background: url(images/ico-calendar.png) 0px 1px no-repeat;
					padding-left: 27px;
				}
				div.categories { 
					margin-top: 12px;
				}
					div.categories a { 
						background: url(images/ico-folder.png) 0px 1px no-repeat;
						padding-left: 23px;
						height: 23px;
						margin: 6px 10px 0px 0px;
						display: block;
						float: left;
					}
				#content .post .meta-info span#speech { 
					float: left;
					margin-right: 0px;
				}
				#content .post .meta-info span#speech a { 
					background: url(images/ico-speech.png) 0px 1px no-repeat;
					padding-left: 23px;
				}
				#content .post .meta-info span#afu a { 
					background: url(images/ico-afy.png) no-repeat;
					padding-left: 25px;
					line-height: 18px;
				}
					#content .post .meta-info span#afu img { 
						display: none;
					}
		#content .post p {
			margin-top: 12px;
			line-height: 19px;
		}
		#content a.subscribe-rss {
			background: url(images/rss-yellow-bg.png) no-repeat;
			height: 30px;
			display: block;
			text-indent: -9999px;
			margin-top: 16px;
		}
	#content #pagination {
		margin: 20px 20px 0px 20px;
	}
		#content #pagination a {
			
		}
	
	


/* ----- ( Sidebar ) ---------------------------------------- */
#sidebar {
	float: right;
	width: 270px;
	display: inline;
	margin: 0px 10px 0px 0px;
	color: #FFD7AA;
}
	#sidebar a {
		color: #fff;
	}
	#sidebar #banner {
		width: 250px;
		margin: 10px 0px 0px 10px;
	}
		#sidebar #banner img {
			display: block;
		}
	#sidebar .box {
		margin: 10px 0px 0px 0px;
	}
		#sidebar .box h2 {
			height: 29px;
			text-indent: -9999px;
		}
		#sidebar .box h2#search {
			background: url(images/sidebar-heading-search.png);
		}
		#sidebar .box h2#categories {
			background: url(images/sidebar-heading-categories.png);
		}
		#sidebar .box h2#recent-posts {
			background: url(images/sidebar-heading-recent-posts.png);
		}
		#sidebar .box h2#readers {
			background: url(images/sidebar-heading-readers.png);
		}
		#sidebar .searchbox {
			background: url(images/search-bg.jpg) 0px 28px no-repeat;
			height: 80px;
		}
			#sidebar #recent-readers {
				margin: 12px 0px 16px 16px;
			}
				#sidebar table#MBL_COMM {
					border: none;
				}
				body table#MBL_COMM {border:2px solid red;}
				body table#MBL_COMM td.mbl_img {background: #9C5100;}
				body table#MBL_COMM img {
					margin-bottom: 8px;
					border: 1px solid none;
				}
				#tdd11 { background-color: #A25400 !important; }

				
			#sidebar .searchbox #s {
				border: none;
				margin: 18px 0px 0px 17px;
				width: 169px;
				outline: none;
				font-size: 11px;
				letter-spacing: 1px;
				float: left;
			}
			#sidebar .searchbox #searchsubmit {
				width: 62px;
				height: 30px;
				margin: 8px 8px 0px 0px;
				background: url(images/btn-search.png);
				border: none;
				float: right;
			}
			
			#sidebar .box ul {
				margin: 12px 18px 0px 18px;
				border-top: 1px solid #653300;
			}
				#sidebar .box ul li {
					border-bottom: 1px solid #653300;
					list-style-type: none;
					padding: 5px;
				}
					#sidebar .box ul li a {
						font-size: 11px; 
						padding: 0px 0px;
						display: inline-block;
						text-decoration: none;
					}
	
	
	
	
	
/* ----- ( Footer ) ---------------------------------------- */
#footer {
	width: 890px;
	margin: 0 auto;
	color: #fff;
	background: url(images/footer.png) no-repeat;
}
	#footer a {
		color: #fff;
		font-weight: bold;
	}
	#footer #design {
		float: right;
		display: inline;
		margin: 12px 12px 10px 0px;
	}
	
	
	
	
	
	
	
/* --------------- ( Comments ) --------------------------------------------- */
.comments-template {
	margin: 20px 24px 0px 20px;
}
	.comments-template h3, .comments-template h2 {
		font: 22px Arial, Helvetica, sans-serif;
		margin-bottom: 12px;
	}
	.comments-template p {
		float: left;
	}
		.comments-template ol {
			list-style: none;
			margin-bottom: 12px;
		}
		.comments-template .commentmetadata {
			border-bottom: 1px solid #FCE398;
			padding: 10px;
			background: #FEF5DA;
		}
		.comments-template .commentmetadata strong {
			float: left;
			width: 78%;
			margin-bottom: 8px;
		}
		.comments-template .commentmetadata span {
			float: left;
			width: 78%;
			font-size: 11px;
		}
		.comments-template p {
			margin: 10px 10px 10px 10px;
			float: none;
		}
			.comments-template ol li {
				margin-bottom: 12px;
				float: left;
				border: 1px solid #FACB3D;
				display: block;
				width: 96%;
			}
				.comments-template ol li .commentmetadata img {
					border: 1px solid #ccc;
					padding: 2px;
					float: left;
					margin-right: 12px;
				}
		.comments-template p.main label {
			float: left;
			display: block;
			width: 463px;
			color: #999;
			font-size: 13px;
			margin-bottom: 6px;
		}
			.comments-template p.main label small {
				font-size: 12px;
			}
		.comments-template p.main input, .comments-template textarea {
			float: left;
			border: 1px solid #ccc;
			padding: 5px;
			font: 13px Verdana, Arial, Helvetica, sans-serif;
		}
		.comments-template p.main input {
			width: 320px;
		}
		.comments-template textarea {
			width: 453px;
		}
		.comments-template input#submit { 
			background: url(/elements/images/btn-submit.png);
			width: 78px;
			border: none;
			height: 28px;

		}
		.comments-template form p {
			margin: 0px 0px 10px 0px !important;
		}
		



	
	
.wpcf7-form {
	
}
	.wpcf7-form span input, .wpcf7-form textarea {
		padding: 6px;
	}