/*
	INDEX
	-------------------
	== CONTENT CONTAINER
	== BLOG POST  
	== CATEGORIES 
	== RECENT POSTS
*/

/* == CONTENT CONTAINER ----------------------------------------------------- */
#content_container {
	margin: 45px 0;
}


/* == BLOG POST ------------------------------------------------------------ */
.blog_post {
	margin-bottom: 70px;
}
	.blog_post .title {
		overflow: hidden;
	}
		.blog_post .title h2 {
			float: left;
			width: 415px;
		}
		.blog_post .title .date {
			display: block;
			margin-top: 9px;
			float: right;
			color: #606060;
		}
	
	.blog_post .body ul {
		padding-left: 16px;
		margin-bottom: 20px;
	}
	.blog_post .body ul li {
		list-style: disc;
		line-height: 21px;
		margin-bottom: 5px;
	}
		
	.blog_post .body .img_right,
	.blog_post .body .image_right {
		float: right;
		margin-bottom: 5px;
		margin-left: 25px;
	}
	.blog_post .body .img_left,
	.blog_post .body .image_left {
		float: left;
		margin-bottom: 5px;
		margin-right: 25px;
	}
	
	.blog_post .body .pic_container {
		width: 100%;
		overflow: hidden;
		margin: 30px 0;
	}
		.blog_post .body .pic_container .pic {
			position: relative;
		}
			.blog_post .body .pic_container .pic .zoom {
				position: absolute;
				top: 0;
				right: 0;
				display: none;
			}
			.blog_post .body .pic_container .pic:hover .zoom {
				display: block;
			}
		.blog_post .body .pic_container .pic_left {
			float: left;
		}
		.blog_post .body .pic_container .pic_right {
			float: right;
		}
		.blog_post .body .pic_container .caption {
			clear: left;
			background: url(../../images/backgrounds/photo_caption.png) no-repeat;			
			padding: 10px;
			border-bottom: 1px solid #393939;
		}
	
	.blog_post .continue_reading {
		font-size: 12px;
		text-align: right;
	}
		.blog_post .continue_reading a {
			font-size: 12px;
			color: #ffffff;
		}		
			.blog_post .continue_reading a:hover {
				color: #14898d;
			}
	
	.blog_post .footer {
		overflow: hidden;
		margin: 15px 0;
	}
		.blog_post .footer .divider {
			margin-bottom: 8px;
		}
		.blog_post .footer .comment_count {
			float: left;
		}
			.blog_post .footer .comment_count a {
				font-size: 10px;
				color: #606060;
			}		
				.blog_post .footer .comment_count a:hover {
					color: #14898d;
				}
				.blog_post .footer .comment_count a .number {
					float: left;
					font-size: 18px;
					font-weight: 600;
					margin-top: -5px;
					color: #14898d;
					margin-right: 3px;
				}
				
		.blog_post .footer .filed_under {
			float: right;
			font-size: 10px;
			color: #606060;
		}
			.filed_under span {
				float: left;
			}
			.blog_post .footer .filed_under ul {
				float: left;
				margin-left: 5px;
			}	
				.blog_post .footer .filed_under ul li {
					float: left;
					margin-right: 5px;
				}
				.blog_post .footer .filed_under ul li:after {
					content: ",";
				}
				.blog_post .footer .filed_under ul li:last-child:after {
					content: "";
				}
				

/* == PAGING NAV ----------------------------------------------------------- */
#paging_nav {
	overflow: hidden;
}
	#paging_nav a {
		color: #fff;
	}
		#paging_nav a:hover {
			color: #14898d;
		}
		
	#paging_nav .older {
		float: left;
	}
	#paging_nav .newer {
		float: right;
	}
	

/* == COMMENTS ------------------------------------------------------------ */
#comments {
	
}
	#comments .comment {	
		padding: 10px;
		background: url(/resources/images/backgrounds/comment_regular.png) no-repeat;	
	}
	#comments .comment.admin {
		background: url(/resources/images/backgrounds/comment_admin.png) no-repeat;
	}
		
		#comments .comment .header{
			width: 100%;
			overflow: hidden;
			margin-bottom: 10px;
		}
			#comments .comment .header .gravatar {
				float: left;
				margin-right: 10px;
				border: 2px solid #434343;
			}
			#comments .comment .header .info {
				float: left;
			}
				#comments .comment .header .info a.name {
					font-size: 12px;
					color: #fff;
				}
					#comments .comment .header .info a.name:hover {
						color: #11878C;
					}
				#comments .comment .header .info .date {
					display: block;
					margin-top: 5px;
					font-size: 10px;
					color: #606060;
				}
				
		#comments .comment .body {
			
		}
		
		#comments .comment .divider {
			opacity: 0.08;
			filter:alpha(opacity=08);
		}
	
	#comments #paging_nav {
		
	}
		#comments #paging_nav .pagecount {
			float: left;
			padding: 17px 5px;
			font-size: 10px;
		}
		#comments #paging_nav .paging_links {
			float: left;
		}	
		#comments #paging_nav .paging_links a,
		#comments #paging_nav .paging_links strong {
			display: block;
			float: left;
			padding: 2px 4px;
			border: 1px solid #444;
			margin-right: 4px;
			font-size: 10px;
		}


/* == SHARE YOUR THOUGHTS ------------------------------------------------- */
#share_your_thoughts {
	margin-top: 35px;
}
	#share_your_thoughts h2 {
		margin-bottom: 20px;
	}
	
	#share_your_thoughts label {
		display: block;
		float: left;
		width: 90px;
		color: #fff;
		text-align: right;
		line-height: 28px;
		margin-right: 9px;
	}
	
	#share_your_thoughts .field {
		margin-bottom: 17px;
		overflow: hidden;
	}
		#share_your_thoughts .field .validation_icon {
			margin-left: 10px;
			margin-bottom: -7px;
		}
	
	#share_your_thoughts .textfield {
		background: url(/resources/images/backgrounds/form_field.png) no-repeat;
		width: 257px;
		height: 14px;	
		color: #606060;
		border: none;
		padding: 7px;	
	}	
		#share_your_thoughts .textfield:focus {
			color: #fff;
		}
	
	#share_your_thoughts .field.checkbox {
		margin-bottom: 2px;
		margin-left: 98px;
	}	
		#share_your_thoughts .field.checkbox input {
			float: left;
			margin-top: 8px;
		}
		#share_your_thoughts .field.checkbox label {
			text-align: left;
			width: 320px;
			margin-left: 10px;
		}
	
	#share_your_thoughts .field.captcha {
		margin-left: 98px;
	}
		#share_your_thoughts .field.captcha label.captcha {
			float: none;
			width: 300px;
			text-align: left;
		}	
			#share_your_thoughts .field.captcha label {
			width: 140px;
			float: left;
		}
		#share_your_thoughts .field.captcha .textfield {
			float: left;
			margin-right: 10px;
		}
		
	#share_your_thoughts .textarea {
		background: url(/resources/images/backgrounds/text_area.png) no-repeat;	
		width: 457px;
		height: 189px;
		font-family: "Lucida Sans", "Lucida Grande", Calibri, "Trebuchet MS";
		font-size: 12px;
		line-height: 18px;
		color: #606060;
		padding: 7px;
		overflow: auto;
		border: none;	
	}
		#share_your_thoughts .textarea:focus {
			color: #fff;
		}
		
	#share_your_thoughts .button_row {
		text-align: right;
		margin: 20px 0 0 98px;
	}
		#share_your_thoughts .button_row .divider {
			margin-bottom: 10px;
		}	


/* == CATEGORIES ---------------------------------------------------------- */
#categories {
	margin-bottom: 52px;
}	
	#categories .lists {
		margin-top: 15px;
	}
	
	#categories ul:first-child {
		margin-right: 20px;
	}
	
	#categories ul {
		width: 120px;
		float: left;
	}
		#categories ul li {
			margin-bottom: 10px;
		}
			#categories ul li a {
				color: #fff;
			}
			#categories ul li a:hover {
				color: #14898d;
			}
				#categories ul li a .count {
					font-size: 10px;
					color: #606060;
				}

/* == RECENT POSTS ---------------------------------------------------------- */
#recent_posts ul {
	margin-bottom: 15px;
}
	#recent_posts ul li {
		padding: 12px 0 0 0;
	}
		#recent_posts ul li .title_link {				
			display: block;
			font-size: 16px;
			line-height: 1em;
			font-family: Georgia, "Times New Roman", Times, serif;
		}
		#recent_posts ul li .date {
			display: block;
			margin-top: -3px;
		}
		#recent_posts ul li .divider {
			margin-top: 12px;
		}

	a.rss_link {
		font-size: 11px;
		color: #3b3b3b;
	}
		a.rss_link .icon {
			display: block;
			float: left;
			height: 15px;
			width: 15px;
			overflow: hidden;
			margin-right: 5px;	
		}
		
		a.rss_link:hover {
			color: #11878C;
		}
			a.rss_link:hover .icon img {
				margin-top: -17px;
			}