.entry-byline {
	color: #999;
	font-weight: 400;
	letter-spacing: 1px;
	@include font-size(1.5);

	time.entry-published {
		cursor: help;
	}

	> section {
		display: inline;
		margin: 0 10px 0 0;

		&:after {
			content: '';
			width: 6px;
			height: 6px;
			background: #ddd;
			border-radius: 50%;
			display: inline-block;
			margin: 0 0 0 10px;
			position: relative;
			top: -2px;
		}

		&:last-child {
			margin: 0;

			&:after {
				display: none;
			}
		}
	}

	.byline-comments {
		&:before {
			content: '\f0e5';
			top: -2px;
			position: relative;
			padding-right: 2px;
			@include font-awesome();
			@include font-size(1.2);
		}
	}

	a, a:visited {
		color: #999;
		font-weight: 400;
		position: relative;
		@include font-size(1.5);

		&:hover, &:focus {
			color: $color__link;
		}
	}
}

body.blog, body.archive, body.search {
	.loop-meta {
		margin: 0 -50px 50px;
		padding: 0 50px 50px;
		border-bottom: 1px solid #f2f2f2;
		color: #555;

		.loop-title {
			margin: 0;
			color: #555;
			text-transform: none;
			letter-spacing: -2.5px;
			position: relative;
			padding: 0 0 0 55px;
			font-weight: bold;
			line-height: 1;
			text-align: left;
			@include font-size(5.0);

			&:before {
				content: '';
				width: 35px;
				height: 35px;
				display: block;
				border: 2px solid #404040;
				border-radius: 50%;
				position: relative;
				margin: 0 20px 0 0;
				position: absolute;
				top: 8px;
				left: 0;
				@include font-size(1.4);

			}

			&:after {
				content: '';
				left: 12px;
				top: 18px;
				position: absolute;
				@include font-size(1.4);
				@include font-awesome();
			}
		}

		.loop-description {
			margin: 25px 0 0;
			line-height: 1.4;

			> *:last-child {
				margin: 0;
			}
		}
	}

	&.taxonomy .loop-title:after {
		content: '\f114';
	}

	&.taxonomy-post_tag .loop-title:after {
		content: '\f02c';
		top: 20px;
		left: 11px;
	}

	&.date .loop-title:after {
		content: '\f073';
		left: 11px;
	}

	&.search .loop-title:after {
		content: '\f002';
	}

	&.user .loop-title:after {
		content: '\f007';
	}

	.entry-image {
		position: relative;
		margin: 0 0 20px 0;

		a.featured-image {
			overflow: hidden;
			position: relative;
			display: block;

			img {
				width: 100%;
				float: left;
			}

			&:after{
				content: '';
				position: absolute;
				display: block;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
				background-color: rgba(0,0,0,0.05);
			}

			&:hover:after {
				background-color: rgba(52,152,219,0.1);
			}
		}
	}

	h2.entry-title {
		margin: 0 0 15px;
		text-transform: none;
		line-height: 1.4;
		letter-spacing: normal;
		@include font-size(2.4);

		a {
			font-weight: 400;
			color: #333;
			word-wrap: break-word;

			&:hover, &:focus {
				color: $color__link;
			}
		}
	}

	#content > article {
		position: relative;
		margin: 0 0 60px 0;

		.entry-image {
			position: absolute;
			top: 0;
			left: 0;
			margin: 0;
			width: 300px;
			height: 187px;
			display: block;
			overflow: hidden;

			a {
				position: absolute;
				top: 50%;
				@include transform(translateY(-50%));

				&.placeholder {
					width: 300px;
					height: 187px;
					display: block;
					background-color: #fefefe;
					text-indent: 100%;
					white-space: nowrap;
					overflow: hidden;

					&:before {
						content: '\f0f6';
						color: #e1e1e1;
						position: absolute;
						width: 30px;
						height: 35px;
						top: 0;
						right: 0;
						bottom: 0;
						left: 0;
						margin: auto;
						text-indent: 0;
						@include font-size(3.5);
						@include font-awesome();
					}
				}
			}
		}

		.entry-content {
			padding: 0 0 0 340px;
			height: 187px;
			overflow: hidden;
		}

		h2.entry-title {
			position: relative;
			top: -7px;
			margin: 0 0 5px;
		}

		.entry-byline {
			line-height: 1;
			margin: 0 0 10px 0;
		}

		.entry-summary {
			line-height: 1.8;
			@include font-size(1.8);
		}

		&:last-child {
			margin-bottom: 0;
		}
	}

	article.highlight {
		margin: 0 0 60px 0;

		.entry-image {
			margin: 0;

			a:before {
				content: '';
				position: absolute;
				bottom: 0;
				left: 0;
				height: 1px;
				width: 100%;
				background-color: rgba(255,255,255,0.3);
			}
		}

		.entry-content {
			background-color: #000;
			padding: 30px 25px;
			color: #ccc;
			@include font-size(2.4);
		}

		.entry-byline {
			color: #ccc;
			margin: 15px 0;

			a {
				color: #ccc;

				&:hover, &:focus {
					color: $color__link;
				}
			}

			> section:after {
				background-color: #333;
			}
		}

		h2.entry-title {
			margin: 0;
			text-transform: none;
			line-height: 1.3;
			@include font-size(3.4);

			a {
				font-weight: 300;
				color: #fff;

				&:hover, &:focus {
					color: $color__link;
				}
			}
		}

		.entry-summary {
			line-height: 1.6;

			> * {
				margin: 0;
			}
		}
	}

	&.user .loop-meta {
		.loop-description {
			position: relative;
			padding: 0 0 0 105px;
		}

		img {
			width: 72px;
			height: 72px;
			border-radius: 50%;
			position: absolute;
			left: 0;
			top: 0;
			bottom: 0;
			margin: auto;
		}
	}
}