/*  
Theme Name: Bronten
Theme URI: http://www.bronten.com/
Description: Designed by E.Webscapes
Version: 1.1
Author: Brian Hall for E. Webscapes 
Author URI: http://ewebscapes.com/browse/blog-design/brian-hall/

	Bronten v1.1
	http://www.bronten.com/

	This theme was designed and built by Brian Hall for
	E.Webscapes.
*/

.alignleft{ float: left; }
.alignright{ float: right; }
body{ font: 0.8em arial; padding: 0; margin: 0; background: url('images/bg.jpg'); letter-spacing: 0.4px; }
#wrapper{ width: 100%; float: left; min-width: 800px; }

#header{ float: left; width: 100%; clear: both; margin-bottom: 18px; }

	#header #top{ height: 50px; float: left; clear: both; background: url('images/top_header_shadow.png') bottom repeat-x; width: 100%; }

		#header #top .navigation{ float: left; margin-top: 25px; font-size: 1.4em; font-weight: bold; list-style: none; margin-left: 140px; padding: 0; }
		#header #top .navigation li{ float: left; margin-right: 20px; }
		#header #top .navigation li a{ color: #fff; text-decoration: none; }
		#header #top .navigation li a:hover{ border-bottom: 2px solid #fff; }
		#header #top .navigation li a.selected{ border-bottom: 2px solid #fff; }
		#header #top #rss, #fb{ position: relative; top: -7px; }
		#header #top #rss img, #fb img{ border: none; }

	#header #main{ float: left; width: 100%; background: url('images/header_bg.jpg') repeat-x; position: relative; z-index: 9; border-top: 2px solid #710b05; border-bottom: 2px solid #710b05; height: 163px; }

		#header #main #mic{ float: left; position: relative; height: 234px; width: 103px; background: url('images/mic.png') no-repeat; top: -30px; left: 40px; margin-right: 35px; }
		#header #main #mic img{ border: none; }

		#header #main #logo{ float: left; padding: 7px; }
		#header #main #logo img{ border: none; }
		
		#header #main .photo{ float: right; position: relative; width: 174px; height: 207px; margin-right: 5px; }
		#header #main #photo_1{ background: url('images/photo_1.png') top left no-repeat; top: -20px; }
		#header #main #photo_2{ background: url('images/photo_2.png') top right no-repeat; top: -25px;}
		
	#container{ margin: 20px auto; width: 92%; clear: both; }	
	
	#body{ background: url('images/body_bg.png'); float: left; border: 1px solid #114c7a; width: 100%; clear: both; margin-bottom: 20px; }
	
		#body #left{ float: left; width: 63%; padding: 25px 10px 10px 10px; color: #98cbee; }
		
		.wpcf7-form-control-wrap{ clear: both; float: left; }
		.wpcf7-form-control-wrap input{ margin-bottom: 5px; }

			#body #left .post{ float: left; font-size: 1em; color: #fff; line-height: 1.3em; text-align: justify; width: 100%; margin-bottom: 20px; }
			#body #left .post .alignleft{ float: left; margin-right: 10px; margin-bottom: 10px; border: 1px solid #1e4968; }
			#body #left .post .alignleft .noborder{ border: none; }
			#body #left .post .entry{ float: left; width: 100%; clear: both; background: none; }
			#body #left h2{ float: left; font-size: 2em; color: #fff; clear: right; margin-bottom: 30px; line-height: 1em; padding: 0; margin: 20px 0 15px 0; }
			#body #left h2 a{ color: #fff; text-decoration: none; margin-bottom: 5px; }
			#body #left h2 a:hover{ border-bottom: 2px solid #fff; }
			#body #left a{ color: #81b2de; font-weight: bold; text-decoration: none; }
			#body #left a:hover{ border-bottom: 1px dotted #81b2de; }
			#body #left .post .postmetadata{ background-color: #235f8b; padding: 10px; color: #4d86c2; font-weight: bold; float: left; width: 100%; }
			#body #left .post .postmetadata a{ color: #5696da; }
			
			#body #left .post .calendar{ float: left; padding-top: 19px; width: 48px; height: 32px; background: url('images/calendar.png') no-repeat; margin-right: 10px; margin-bottom: 5px; margin-top: 5px;}
			
			#body #left .post .calendar .month{ width: 100%; text-align: center; margin-top: 0px; padding: 0; clear: right; font-size: 0.9em; padding-top: 0px; font-weight: bold; text-transform: uppercase; color: #c8140e; }
			#body #left .post .calendar .day{ width: 100%; text-align: center; margin: 0; padding: 0; color: #333; font-weight: bold; font-size: 1.4em; }
			
			#body #left .post .entry h1{ line-height: 1em; }
			
			#body #left h3{ font-size: 1.8em; }
			
			#body #left #respond{ float: left; width: 100%; padding: 10px; }
			#body #left #respond #commentform{ float: left; }
			#body #left #respond #commentform #comment{ float: left; width: 100%; }
			
			#body #left .commentlist{ list-style: none; }
			#body #left .commentlist .comment #commentform{ float: left; width: 100%; font-size: 0.8em; } 
			#body #left .commentlist .comment input{ font-size: 0.8em; } 
			#body #left .commentlist .comment #commentform #comment{ height: 100px; float: left; width: 100%; font-size: 1em; font-family: Arial; } 
			
			
			#body #left .commentlist .comment{ float: left; width: 90%; background-color: #4878a8; padding: 10px; position: relative; color: #fff; margin-bottom: 20px; border: 3px solid #587ead; }
			#body #left .commentlist .comment a{ color: #7fa5dc; }
			#body #left .commentlist .comment .comment-meta{ font-size: 0.8em; display: none; }
			#body #left .commentlist .comment .comment-author{ width: 95px; float: left; position: relative; left: -62px; top: -35px; height: 82px; background: url('images/comment_bubble.png') no-repeat; color: #000; font-size: 0.9em; padding-left: 25px; margin-right: -50px; margin-bottom: -30px; }
			#body #left .commentlist .comment .comment-author .avatar{ display: block; margin-left: 23px; margin-bottom: 2px; margin-top: -15px; border: 3px solid #81b2de; } 
			#body #left .commentlist .comment .comment-author .says{ display: none; } 
			#body #left .commentlist .comment .comment-author .fn{ width: 80px; height: 40px; float: left; text-align: center;  overflow: hidden; }
			#body #left .commentlist .comment .comment-author .fn a{ text-decoration: none; font-weight: bold; }
			#body #left .commentlist .comment .comment-childs{ background-color: #51749f; border: 2px solid #607ca6; padding: 5px; }
			
			#body #left .commentlist .comment .comment-childs .comment-childs{ background-color: #51698c; border: 2px solid #567096; padding: 5px; }
			
			#body #left .commentlist .comment .comment-childs .commentmetadata{ font-size: 0.8em; display: none; }
			#body #left .commentlist .comment .comment-childs .avatar{ float: left; margin-right: 10px; }
			
			#body #left .navigation{ float: left; width: 100%; z-index: 11; position: relative; padding: 10px; font-size: 1.4em; color: #5face7; font-weight: bold; }
			#body #left .navigation a{ color: #5face7; font-weight: bold; text-decoration: none; }
			
			#body #left #cal{ border: none; }
			
			#body #left .sociable{ margin-top: 50px; }
			#body #left .sociable .sociable_tagline{ margin-bottom: 8px; }
			
			#body #left form{ color: #fff; }
			#body #left form p{clear: both; font-weight: bold; font-size: 1.2em; }
			#body #left form input{ border: 2px solid #c3c3c2; padding: 2px; font-size: 1em; margin-top: 5px; }
		 
		#body #right{ float: right; width: 31%; padding: 30px 10px 10px 10px; background: url('images/separator.gif') top left no-repeat; }
		
			#body #right .sidebar{ float: left; width: 48%; padding: 1%; text-align: right; color: #fff; }
			#body #right .sidebar ul{ list-style: none; margin: 0; padding: 0; float: right; }
			#body #right .sidebar ul li{ list-style: none; clear: both; margin-bottom: 15px; }
			#body #right .sidebar ul li ul li{ list-style: none; margin-bottom: 2px; }
			#body #right .sidebar h2{ font-size: 1.6em; font-weight: normal; padding: 1px; margin: 4px; }
			#body #right .sidebar a{ color: #5face7; font-weight: bold; text-decoration: none; }

			#body #right #news{ float: left; width: 100%; color: #fff; font-size: 1.1em; }
			#body #right #news h2{ padding: 0; margin-bottom: 5px; margin-top: 0; }
			#body #right #news ul{ list-style: none; padding: 5px; margin-bottom: 0px; margin-top: 0; }
			#body #right #news ul li{ list-style: none; }
			
			#body #right .sidebar #search{ margin-top: 10px; display: block; float: left; }
			#body #right #searchform{ padding: 0; margin: 0; float: right; }
			#body #right #searchform input{ width: 80%; border: 2px solid #c3c3c2; font-size: 1.2em; padding: 2px; }
			#body #right #searchform #searchsubmit{ display: none; }
	
		#footer{ float: left; background: url('images/footer_bg.png') repeat-x; width: 100%; clear: both; height: 128px; margin-bottom: 10px; border: 1px solid #00254a; overflow: hidden; }
		
			#footer ul{ list-style: none; margin: 0; padding: 10px; width: 75%; float: left; height: 105px;  }
			#footer ul li{ float: left; margin-right: 20px; width: 30%; }
			#footer ul ul{ float: left; color: #3e6f96; }
			#footer h2{ color: #224762; margin: 0; padding: 0; }
			#footer a{ color: #3e6f96; text-decoration: none; }
			#footer a:hover{ border-bottom: 1px dotted #3e6f96; }
		
		#footer #copyright{ padding: 10px; float: right; margin-top: 30px; font-size: 1.3em; color: #224762; }
		
		
		
	#body #right #sunny{ float: left; width: 100%; color: #fff; font-size: 1.1em; margin-bottom:10px;}
	#body #right #sunny img{ margin-top:10px; border:none;}
		#body #right #sunny a{ border:none;}