/* ==========================================================================
   Content (Pages & Posts)
   ========================================================================== */

article {
	border: 1px solid #fff;
	background: #fff;
	padding: $base-line-height*2 $base-line-height*2 $base-line-height $base-line-height*2;
	@include margin-trailer(2);
	@include border-radius(15px);
	//@include box-shadow(rgba(0,0,0,0.1) 0 0 7px);
	//@include background-image(linear-gradient(white, #f9f9f9 80%, #f5f5f5));
	//@include debug-vertical-alignment;
}

.single article {
	&:hover {
		.content-wrapper {
			background: none;
		}
	}
}

.author-info {
	float: left;
	width: 90px;
	@include margin-leader(1);
	.avatar {
		display: block;
		@include border-radius(100%);
	}
	.name {
		display: block;
		text-align: center;
		@include adjust-font-size-to(14px, 1);
	}
}

.content-wrapper {
	overflow: hidden;
}

.single-post {
	.content-wrapper {
		overflow: hidden;
		margin-left: 115px;
	}
}

/* Entry Images */

.entry-image-thumb {
	overflow: hidden;
	@include border-radius(7.5px);
	@include margin-trailer(1.25);
	img {
		display: block;
	}
}

.entry-image {
	overflow: hidden;
	@include border-radius(7.5px);
	@include margin-trailer(1.25);
	img {
		display: block;
	}
}

/* Entry Title */

.entry-title {
	clear: both;
	font-weight: bold;
	margin-bottom: 0;
	@include margin-trailer(1);
	@include adjust-font-size-to(30px, 1);
	&.page {
		@include margin-trailer(1);
	}
	a {
		font-weight: normal;
	}
}

.single-post {
	.entry-title {
	  @include margin-trailer(1);
		@include adjust-font-size-to(30px, 1.5);
	}
}

.sticky {
	.entry-title:before {
		content: "\f08d";
		float: left;
		display: block;
		color: $secondary-color;
		font-family: FontAwesome;
		padding-right: 5px;
		}
}

.type-attachment,
.format-video,
.format-image, 
.format-gallery {
	.entry-title {
		@include margin-trailer(1);
	}
}

.mejs-container {
	@include margin-trailer(1);
}

/* Entry Categories */

.entry-category {
	float: left;
  display: block;
  font-family: $header-font;
	text-transform: uppercase;
	margin-right: 5px;
	a {
		color: $secondary-color;
	}
}

/* Entry Meta */

.entry-meta {
	text-transform: uppercase;
	@include margin-trailer(0.25);
	@include adjust-font-size-to(16px,1);
}

.entry-date {
	float: left;
	display: block;
	font-family: $header-font;
	margin-right: 5px;
	a {
		color: #555;
	}
}

.entry-comments {
	float: left;
	display: block;
	font-family: $header-font;
	margin-right: 5px;
	a {
		color: #555;
		&:before {
			content: "\f075";
			display: block;
			float: left;
			font-family: FontAwesome;
			padding-right: 5px;
			@include adjust-font-size-to(12px, 1);
		}
	}
}

/* Entry Content */

.entry-content {
	clear: both;
	a {
		font-weight: bold;
	}
}

.single-post {
	.entry-content {
		p:first-child {
			font-weight: bold;
			@include adjust-font-size-to(16px, 1);
		}
	}
}

/* Entry Tags */

.entry-tags {
	display: block;
	text-transform: capitalize;
	@include margin-trailer(1);
	a {
		float: left;
		display: block;
		font-weight: normal;
		padding: 0 10px;
		background: #eee;
		font-family: $header-font;
		margin-right: 5px;
		margin-bottom: 5px;
		@include border-radius(3px);
		&:before {
			display: block;
			float: left;
			content: "\f02b";
			font-size: 13px;
			font-family: FontAwesome;
			padding-right: 5px;
		}
		&:hover {
			color: #fff;
			background: $secondary-color;
		}
	}
}

/* Post Navigation */

.post-navigation {
	clear: both;
	display: block;
	@include margin-trailer(1);
	a {
		display: block;
		padding-left: $hspace;
		padding-right: $hspace;
		@include rhythm(0,0.5,0.5,0);
		&:hover {
			color: $secondary-color;
		}
	}
	span.next-post-label,
	span.previous-post-label {
		font-weight: bold;
		cursor: pointer;
	}
	.previous-post {
		float: left;
		text-align: center;
		width: span(6 of 12);
		border-right: 1px solid #ddd;
	}
	.next-post {
		float: right;
		text-align: center;
		width: span(6 of 12);
	}	
}

/* Pages Navigation */

.pages-navigation {
	text-align: center;
	@include margin-trailer(2);
}

.page-numbers {
	display: inline-block;
	background: #eee;
	padding: 0 10px;
	text-transform: uppercase;
	@include border-radius(3px);
	&:hover {
			color: #fff;
			background: $secondary-color;
		}
	&.current {
		background: #ddd;
		&:hover {
			color: #333;
		}
	}
}

/* Paginated Posts & Pages */

.page-links {
	text-transform: uppercase;
	@include margin-trailer(1);
}

/* Edit Link */

.edit-link {
	position: absolute;
	top: 0;
	right: 0;
	a {
		display: inline-block;
		text-transform: uppercase;
		color: #fff;
		background: $secondary-color;
		padding: 0 10px;
		color: #fff;
		&:hover {
			background: $secondary-color;
		}
		&:before {
			display: block;
			float: left;
			content: "\f044";
			font-family: FontAwesome;
			padding-right: 5px;
		}
	}
}

/* More Link */

.entry-content a.more-link {
	display: block;
	.more {
		display: inline-block;
		color: #fff;
		font-family: $header-font;
		font-weight: normal;
		background: $secondary-color;
		padding: 0 $base-line-height/2;
		text-shadow: 1px 1px rgba(0,0,0,0.4);
		@include margin-leader(1);
		@include adjust-leading-to(1.5);
		@include border-radius(5px);
		// @include box-shadow(rgba(0,0,0,0.1) 0 0 5px);
		// @include background-image(linear-gradient(tint($secondary-color, 20), $secondary-color));
	  &:hover {
	  	opacity: 0.8;
	  }
	}
}

/* Embedded Tweets */

.twitter-tweet {
	width: 100%;
}

/* 404 */

.not-found-title {
}

/* Post Format Specific */

.format-aside .entry-title,
.format-link .entry-title,
.format-quote .entry-title,
.format-status .entry-title {
	display: none;
}

@media only screen and ( max-width: 960px ) {

	.author-info {
		float: none;
		width: 100%;
		@include margin-leader(0);
		.avatar {
			display: block;
			width: 40px;
			@include margin-trailer(0.5);
		}
		.name {
			display: none;
			text-align: left;
			@include adjust-font-size-to(14px, 1);
			&:before {
				content: "by ";
			}
		}
	}	

	.content-wrapper {
		margin-left: 0px;
	}

	.single-post {
		.content-wrapper {
			margin-left: 0px;
		}
	}

	.entry-title {
		@include adjust-font-size-to(24px, 1);
	}

	.single-post {
		.entry-title {
			@include adjust-font-size-to(30px, 1.5);
		}
	}
}