/*  
Theme Name: They Did This
Theme URI: http://www.theydidthis.co.za/
Description: They Did This Theme Designed by <a href="http://www.nsdigital.co.za/">NS Digital</a>.
Version: 1.5
Author: NS Digital
Author URI: http://www.nsdigital.co.za/

	This theme was designed and built by NS Digital
*/

body{text-align:center; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; line-height:1.3em; 
background:#9c9c9c url(images/background.jpg) repeat-x center top;}

#wrapper{width:100%;}

.page{width:979px; margin:0 auto 0 auto; text-align:left; display:inline-block;}

#header{width:979px; background:url(images/bg_header.jpg) no-repeat bottom center; height:188px; padding-top:8px;} 

.content{width:917px; margin:0 auto 0 auto; background-color:#414141;}
	
	#header .content{background:none;}
	#header .content img#logo{margin:67px 0 0 1px; float:left; position:absolute; border:none;}
	#header .content img#email{margin:73px 0 0 0; float:right; border:none;}


#nav_top{width:979px;  background:url(images/bg_nav_top.jpg) no-repeat top; display:inline-block;}
#nav_bottom{width:979px; background:url(images/bg_nav_bottom.jpg) no-repeat bottom; display:inline-block;}

	#nav_bottom .content{background:none;}
	
	#nav_bottom .content ul{width:917px; text-align:right; padding:8px 0 8px 0; }
	#nav_bottom .content ul li{display:inline; list-style:none; margin:0 30px 0 0;}
	#nav_bottom .content ul li a{font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#d6d5d5; text-decoration:none;}
	#nav_bottom .content ul li a:hover{border-bottom:#ec6424 solid 2px; padding-bottom:0px;}


#content_top{width:979px; background:url(images/content_top.jpg) no-repeat top;}

	#content_top .content{background:url(images/bg_content.jpg) repeat-y 0px 0px;}
	
	
	.left_column{width:580px; float:left; display:inline; margin:0 0 0 9px; padding-bottom:30px;}
	
		.post{width:580px; float:left; margin:0 0 20px 0;}
		
			.post p.date{width:72px; height:53px; display:block; position:relative; background:url(images/bg_date.jpg) no-repeat; text-align:center; padding:31px 0 0 3px;
			font-size:11px; color:#1b1b1b; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; text-transform:uppercase; line-height:1.3em; float:left;
			margin:0 5px 0 0;}
			.post p.date span{color:#f0f0f0; font-size:24px; font-weight:bold;}
			
			
			
			.post p{font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:12px; color:#c2c2c2; float:left; margin:10px 0 14px 21px; line-height:1.3em; width:94%;
			display:inline;}
			.post p.post_details{width:370px; padding-top:5px; float:left; margin:0px;}
			.post p.post_details span.post_cat{background:url(images/box.jpg) no-repeat left center; padding:3px 0 3px 22px; color:#ef7f24; margin:0px; text-decoration:none;}
				.post p.post_details span.post_cat a{color:#ef7f24; text-decoration:none; padding:9px 0 9px 0;}
				.post p.post_details span.post_cat a:hover{text-decoration:underline;}

			.post p.com_right{width:120px; float:right; padding-top:2px; margin:0px;}
			.post p.com_right span.post_com{background:url(images/bubble.jpg) no-repeat left center; padding:3px 0 3px 22px; float:right;}
				.post p.com_right span.post_com a{color:#ef7f24; text-decoration:none; padding:9px 0 9px 0;}
				.post p.com_right span.post_com a:hover{text-decoration:underline;}
			.post p a{color:#ef7f24; text-decoration:underline;}
				.post p a:hover{text-decoration:none;}
			.post img{border:#FFFFFF solid 3px; margin:0 0 0 20px; }
				.post img:hover{border:#ef7f24 solid 3px;}
				
				.post .post_info{width:580px; float:left; margin:10px 0 0 0;}
			
			
			.post h2{font-size:28px; color:#ef7f24; font-weight:bold; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; border-bottom:#64533a solid 1px;
			padding-bottom:4px; float:left; width:499px; margin:26px 0 0 20px; background:none; border:none; float:none; text-decoration:none; position:relative;}
				.post h2 a{font-size:28px; color:#ef7f24; font-weight:bold; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; border-bottom:#64533a solid 1px;
				padding-bottom:4px; float:left; width:499px; margin:26px 0 0 0; background:none; border:none; float:none; text-decoration:none;}
				.post h2 a:hover{text-decoration:underline;}
				
				.post h2 span a{font-size:10px; color:#888888; font-weight:normal; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; text-decoration:underline; margin:0 0 0 8px;}
				
				
				.post h3{font-size:16px; color:#ef7f24; font-weight:bold; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; border-bottom:#64533a solid 1px;
				padding-bottom:4px; width:499px; margin:26px 0 0 20px; background:none; border:none; float:none; text-decoration:none; display:block;}		
				
				.post h3 a{font-size:16px; color:#FFFFFF; font-weight:bold; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; width:499px; margin:26px 0 0 0px; background:none; border:none; float:none; text-decoration:none;}
				
				.navigation{text-align:center;}
					.previous-entries a{color:#ef7f24; margin-right:10px;}
					.next-entries a{ color:#ef7f24;}
						.previous-entries a:hover, .next-entries a:hover{text-decoration:none;}

	.right_column{width:274px; float:right; display:inline; margin:-3px 22px 0 0; padding-bottom:30px;;}
	
		#month_img{width:274px; background:url(images/bg_pic_of_the_month.jpg) no-repeat; height:292px; float:left; margin:0; position:relative;}
		
		#month_img h2{font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:18px; color:#b7b7b7; border-bottom:#905500 solid 1px; padding:27px 0 5px 20px;}
		
		#month_img img{margin:15px 0 0 13px; border:none;}

		#search{width:274px; background:url(images/bg_search.jpg) no-repeat left top; height:64px;float:left;}
		
			#search #s{width:150px; border:none; background:url(images/searchbox.png) no-repeat center; padding:10px 0 10px 5px; margin:15px 0 16px 30px;
			float:left;}
			#search #searchsubmit{border:none; background:none; font-size:14px; color:#000000; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
			font-weight:bold; text-decoration:underline; cursor:pointer; float:left; margin:22px 0 0 0;}

			
		#sidebar{padding:0px; margin:0px; }
		#sidebar h2{font-size:18px; color:#000000; font-weight:bold; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
		border-bottom:#905500 solid 1px; padding:0 0 4px 20px; margin:20px 0 0 0;}
		
		#sidebar ul{padding:0; margin:0;}
		#sidebar ul li{border-bottom:#905500 solid 1px; padding:4px 0 4px 20px; font-weight:bold; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:12px; list-style:none;}
		#sidebar ul li a{color:#000000; text-decoration:none;}
			#sidebar ul li a:hover{text-decoration:underline;}
		#sidebar ul li a span{color:#484848;}
		
		
		
		
		
	#footer{width:917px; margin:0 auto;}
	#footer_top{width:917px; height:14px; margin-top:-14px;}
	#footer_bottom{width:917px; background:url(images/footer_bottom.jpg) no-repeat bottom; float:left; padding-bottom:55px; padding-top:15px;}
	
		#recent_posts{width:188px; float:left; display:inline; margin:0 0 0 25px;}
		
		
		#recent_comments{width:210px; float:left; display:inline; margin:0 26px 0 0;}
		
		#about{width:455px; float:left; display:inline; margin:0 0 0 0;}
			#footer #about h3{margin-bottom:12px;}
				
		#footer_bottom h3{font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#ee9923; margin:10px 0 0 0;}
		#footer_bottom ul li{margin:10px 0 0 0;}
		#footer_bottom ul li a{font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; color:#ffffff; text-decoration:none;}
		#footer_bottom ul li a span{color:#d4d4d4;}
		#footer_bottom #recent_posts ul{padding:0; margin:0;}
		#footer_bottom #recent_posts ul li{background:url(images/post_icon.png) no-repeat left 3px; padding-left:20px;list-style:none; font-size:0.9em; color:#d4d4d4;}
		
		#footer_bottom #recent_comments ul{padding:0; margin:0;}
		#footer_bottom #recent_comments ul li{background:url(images/bubble.png) no-repeat left 3px; padding-left:20px;list-style:none; font-size:0.9em; color:#d4d4d4;}

		#footer_bottom p{font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#ffffff; text-decoration:none; line-height:1.3em;
		margin:10px 0 0 0;}
		#footer_bottom p a{color:#e38b0c;}


		#logos{width:917px; float:left; margin:50px 0 -20px 0; display:inline;}
		
			#logos ul li{display:inline; font-size:12px; color:#212020; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; margin-right:10px;}
			#logos ul li a{color:#212020; text-decoration:none;}
			#logos ul li img{margin:0 0 -6px 0; border:none;}
			#logos ul li img#flux{margin:0 0 -11px 0;}

			#logos ul#logos_left{float:left; width:450px;}
			#logos ul#logos_right{float:right; width:280px; text-align:right;}
			
			#logos ul#logos_right img.rss{margin:0 0 -3px 0;}
			
			
			/* comments area */
			
			#comments_block{border-top:solid 1px #888888; display:block; float:left; width:570px; margin:50px 0 0 10px; padding:0px;}
			
			#comments, #respond {

			}
			h3#comments, h3#respond{
				margin:10px 0 0 0; padding:0px;
				
			}
			.commentlist {
				line-height: 130%;
			}
			
			ol.commentlist{
			padding:0px;
			display:block;
			float:left;
			overflow:hidden;
			background:none;
			}
			
			.commentlist li{
				display:block;
				float:left;
				width:556px;
				margin:2px 0 2px 0;
				padding:12px 4px 6px 4px;
				background:#383838;
			}
			.commentlist .alt {
				display:block;
				float:left;
				width:556px;
				border:none;
				padding:6px;
				background:#3d3d3d;
				padding:12px 4px 6px 4px;
			}
			.commentlist li p{width:450px;}
			.commentlist li p.comments_author{float:left; width:450px;}
			.commentlist li .gravatar {padding:0px; float:right; margin-right:5px;}
			.commentlist li em{margin-left:20px;}
			
			.commentlist cite {
				font-weight: bold;
				font-style: normal;
				font-size: 120%;
				color: #CC6600;
			}
			.commentlist cite a, .commentlist cite a:visited {
				color: #CC6600;
			}
			.commentlist small {
				margin-bottom: 5px;
				display: block;
				font-size: 87%;
			}
			#commentform {
				margin-top: 10px;
				font: 110% Arial, Helvetica, sans-serif;
			}
			#commentform p {
				padding: 6px 0px;
				margin: 0px;
			}
			#commentform label{
				color: #787878;
				font-size: 87%;
			}
			#commentform input{
				width: 200px;
				border: 1px solid #bdd77f;
			}
			#commentform textarea{
				width:556px;
				height: 115px;
				background:#ffffff;
				border: 1px solid #bdd77f;
			}
			#commentform textarea:focus, #commentform input[type="text"]:focus {
				background: #ffffff;
			}
			#commentform #submit{
				background: url(images/btn-bg.gif) no-repeat top left;
				font: bold 12px Arial, Helvetica, sans-serif;
				color: #FFFFFF;
				border: none;
				width: 155px;
				height: 41px;
				cursor: pointer;
				padding:0 0 0 26px;
				text-align:left;
			}
			
			a.comment_date, a:visited.comment_date{text-decoration:none;}
			
			/* alignments */
			.center {
				text-align: center;
			}
			img.center, img[align="center"] {
				display: block;
				margin-left: auto;
				margin-right: auto;
			}
			.alignleft {
				float: left;
			}
			img.alignleft, img[align="left"] {
				float:left;
				margin: 2px 10px 5px 0px;
			}
			.alignright {
				float: right;
			}
			img.alignright, img[align="right"] {
				float:right;
				margin: 2px 0px 5px 10px;
			}
			.clear {
				clear:both;
			}
			hr.clear {
				clear:both;
				visibility: hidden;
				margin: 0px;
				padding: 0px;
			}


/************* Accessibility ***************/	

/* clearing */ 
.clear{clear:both; height:1px; margin:0; padding:0; font-size: 15px; line-height: 1px;}
.clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html>body .clearfix{display: inline-block; width:100%;}
* html .clearfix {/* Hides from IE-mac \*/ height: 1%; /* End hide from IE-mac */ }

/* accessibility */ 
.accessibility { position: absolute; top: -999em; left: -999em;}