/*

	1 - BREADCRUMBS

	2 - ARCHIVE

	3 - POST

		3.1 - Page data
		3.2 - Post data
		3.3 - Post info
		3.4 - Prev/Next post links

	4 - FORMATS

		4.1 - Stabdard
		4.2 - Image
		4.3 - Link
		4.4 - Quote
		4.5 - Status
		4.6 - Video

	5 - TEMPLATES

		5.1 - Default
		5.2 - Template 3
		5.3 - Template 8

	6 - 404

*/

/*===============================================

	B R E A D C R U M B S
	Styles for Archive page

===============================================*/

	.breadcrumb-trail {
		margin: 0 0 1em;
		opacity: 0.65;
	}
	
		.breadcrumb-trail * {
			font-size: 0.85em;
			color: inherit;
		}

		.breadcrumb-trail .sep:before {
			content: '/';
			display: inline-block;
			padding: 0 0.5em;
		}


/*===============================================

	A R C H I V E
	Styles for Archive page

===============================================*/

	#term {
		margin-bottom: 50px;
		padding: 0 0 25px;
		background: url('../images/line.png') left bottom repeat-x;
	}

		.term-title {
		}

			.term-title .title-sub:before {
				content: '(';
			}

			.term-title .title-sub:after {
				content: ')';
			}

				.term-title h1 {
					font-size: 1.15em;
					margin-left: 0;
					padding: 0;
				}

					.term-title h1:before {
						content: ' ';
						display: inline-block;
						width: 22px;
						height: 22px;
						margin: 0 0.3em -0.3em 0;
						background: #E0735E center center no-repeat;
						background-size: 16px 16px;
						border-radius: 2px;
					}

						/* Search */
						body.search .term-title h1:before {
							background-image: url('../images/icons/16/glyphs/white/search.png'); }

							body.search.hidpi .term-title h1:before {
								background-image: url('../images/icons/32/glyphs/white/search.png'); }

						/* Blog */
						body.page-template-template-blog-php .term-title h1:before {
							background-image: url('../images/icons/16/glyphs/white/pen.png'); }

							body.page-template-template-blog-php.hidpi .term-title h1:before {
								background-image: url('../images/icons/32/glyphs/white/pen.png'); }

						/* Date */
						body.date .term-title h1:before {
							background-image: url('../images/icons/16/glyphs/white/calendar.png'); }

							body.date.hidpi .term-title h1:before {
								background-image: url('../images/icons/32/glyphs/white/calendar.png'); }

						/* Category */
						body.category .term-title h1:before {
							background-image: url('../images/icons/16/glyphs/white/folder.png'); }

							body.category.hidpi .term-title h1:before {
								background-image: url('../images/icons/32/glyphs/white/folder.png'); }

						/* Tag */
						body.tag .term-title h1:before {
							background-image: url('../images/icons/16/glyphs/white/tag.png'); }

							body.tag.hidpi .term-title h1:before {
								background-image: url('../images/icons/32/glyphs/white/tag.png'); }

						/* Image */
						body.term-post-format-image .term-title h1:before {
							background-image: url('../images/icons/16/glyphs/white/image.png'); }

							body.term-post-format-image.hidpi .term-title h1:before {
								background-image: url('../images/icons/32/glyphs/white/image.png'); }

						/* Gallery */
						body.term-post-format-gallery .term-title h1:before {
							background-image: url('../images/icons/16/glyphs/white/gallery.png'); }

							body.term-post-format-gallery.hidpi .term-title h1:before {
								background-image: url('../images/icons/32/glyphs/white/gallery.png'); }

						/* Audio */
						body.term-post-format-audio .term-title h1:before {
							background-image: url('../images/icons/16/glyphs/white/audio.png'); }

							body.term-post-format-audio.hidpi .term-title h1:before {
								background-image: url('../images/icons/32/glyphs/white/audio.png'); }

						/* Video */
						body.term-post-format-video .term-title h1:before {
							background-image: url('../images/icons/16/glyphs/white/video.png'); }

							body.term-post-format-video.hidpi .term-title h1:before {
								background-image: url('../images/icons/32/glyphs/white/video.png'); }

						/* Link */
						body.term-post-format-link .term-title h1:before {
							background-image: url('../images/icons/16/glyphs/white/link.png'); }

							body.term-post-format-link.hidpi .term-title h1:before {
								background-image: url('../images/icons/32/glyphs/white/link.png'); }

						/* Quote */
						body.term-post-format-quote .term-title h1:before {
							background-image: url('../images/icons/16/glyphs/white/quote.png'); }

							body.term-post-format-quote.hidpi .term-title h1:before {
								background-image: url('../images/icons/32/glyphs/white/quote.png'); }

						/* Status */
						body.term-post-format-status .term-title h1:before {
							background-image: url('../images/icons/16/glyphs/white/user.png'); }

							body.term-post-format-status.hidpi .term-title h1:before {
								background-image: url('../images/icons/32/glyphs/white/user.png'); }

		.term-description {
			padding: 1em 0 0;
		}

		.term-description p {
			margin-bottom: 0;
		}


/*===============================================

	P O S T
	Styles for post page

===============================================*/

/*
	Hierarchy:

	#content
	| #content-layout
	| | #content-holder .sidebar-position-right/left/none
	| | | #content-box
	| | | | div
	| | | | | div.post-single
	| | | | | | .breadcrumbs
	| | | | | | .post-title / .page-title
	| | | | | | #title-after
	| | | | | | #post-excerpt
	| | | | | | #post-before
	| | | | | | #content-data
	| | | | | | #post-after
	| | | | | | #pre_next_post
*/

	/*-------------------------------------------
		3.1 - Page data
	-------------------------------------------*/

	.page-title {
		margin-top: -0.5em;
	}


	/*-------------------------------------------
		3.2 - Post data
	-------------------------------------------*/

	h1.post-title { /* h1 because is_single() */
		margin-top: -0.5em;
	}

	#post-excerpt {
	}

	.post-single .featured-image {
		margin-top: 1.5em;
	}

	#attachment-data {
		text-align: center;
	}

	#title-after,
	#post-before {
		margin-bottom: 1em;
	}


	/*-------------------------------------------
		3.3 - Post info
	-------------------------------------------*/

	.single-author-info {
		margin-bottom: 2.5em;
		padding-bottom: 1.5em;
		background: url('../images/line.png') right bottom repeat-x;
	}
	
		.single-author-upic {
			width: 110px;
			height: 110px;
			margin: 0 0 1em -5px;
			padding: 5px;
			overflow: hidden;
			background: url('../images/line-light.png');
			border-radius: 70px;
		}
	
			.single-author-upic img {
				display: block;
				width: 110px;
				height: 110px;
				border-radius: 70px;
			}

	.single-author-info h5 {
		line-height: 1.785em;
	}

	.post-short-info {
		margin-bottom: 2em;
		padding-bottom: 1.5em;
		background: url('../images/line.png') right bottom repeat-x;
	}

		.post-short-info .ico16 {
			display: block;
			margin-bottom: 1.5em;
		}


	/*-------------------------------------------
		3.4 - Prev/Next post links
	-------------------------------------------*/

	#pre_next_post {
		position: relative;
		font-size: 1.2em;
		line-height: inherit;
		margin: 40px 0 0;
		padding: 1.5em 45px;
		background: url('../images/line.png') center center repeat-y;
		box-shadow: 0 1px 0 rgba(0,0,0,0.1) inset, 0 -1px 0 rgba(0,0,0,0.1) inset;
	}

		#pre_next_post a {
			display: inline-block;
			max-width: 40%;
		}

			#pre_next_post a.p {
				float: left;
			}

			#pre_next_post a.n {
				float: right;
				text-align: right;
			}

				#pre_next_post .p:before {
					content: '';
					display: inline-block;
					float: left;
					width: 25px;
					height: 1em;
					min-height: 16px;
					margin: 0.2em 0 0 -25px;
					background: url('../images/icons/16/glyphs/gray/arrow-left.png') left center no-repeat;
				}

					.hidpi #pre_next_post .p:before {
						background-image: url('../images/icons/32/glyphs/gray/arrow-left.png');
						background-size: 16px 16px;
					}

				#pre_next_post .n:before {
					content: '';
					display: inline-block;
					float: right;
					width: 25px;
					height: 1em;
					min-height: 16px;
					margin: 0.2em -25px 0 0;
					background: url('../images/icons/16/glyphs/gray/arrow-right.png') right center no-repeat;
				}

					.hidpi #pre_next_post .n:before {
						background-image: url('../images/icons/32/glyphs/gray/arrow-right.png');
						background-size: 16px 16px;
					}

					.safari #pre_next_post .p:before,
					.safari #pre_next_post .n:before {
						margin-top: 0.25em;
					}

					.gecko #pre_next_post .p:before,
					.gecko #pre_next_post .n:before {
						margin-top: 0.25em;
					}

					.opera #pre_next_post .p:before,
					.opera #pre_next_post .n:before {
						margin-top: 0.25em;
					}



/*===============================================

	F O R M A T S
	Styles for post formats

===============================================*/

	/*-------------------------------------------
		4.1 - Stabdard
	-------------------------------------------*/

	.st-format-standard-holder {
	}


	/*-------------------------------------------
		4.2 - Image
	-------------------------------------------*/	

	.st-format-image-holder {
	}


	/*-------------------------------------------
		4.3 - Link
	-------------------------------------------*/

	.st-format-link-holder {
		margin: 0 0 1.5em;
		padding: 25px 25px 25px 73px;
		background: #FFF;
	}

		.st-format-link-holder a {
			display: inline-block;
			font-size: 2em;
			line-height: 1.2em;
			padding: 0 0 0 16px;
			background: url('../images/line.png') 0 0 repeat-y;
		}

			.st-format-link-holder a:before {
				content: '';
				display: inline-block;
				width: 32px;
				min-height: 32px;
				margin: 0 32px -0.2em -64px;
				background: url('../images/icons/32/glyphs/gray/link.png') center no-repeat;
			}

				.hidpi .st-format-link-holder a:before {
					background-image: url('../images/icons/64/glyphs/gray/link.png');
					background-size: 32px 32px;
				}

	
	/*-------------------------------------------
		4.4 - Quote
	-------------------------------------------*/

	.st-format-quote-holder {
		background: #FFF;
		margin: 0 0 1.5em;
		padding: 25px;
	}

		.st-format-quote-holder p {
			margin: 0;
		}

	
	/*-------------------------------------------
		4.5 - Status
	-------------------------------------------*/

	.st-format-status-holder {
		margin: 0 0 1.5em;
	}

		.status-header {
			padding: 40px 25px 40px 110px;
			background: #3C424F;
		}
	
			.status-header .avatar {
				position: absolute;
				margin: -1.6em 0 0 -85px;
				border-radius: 50px;
			}
	
			.status-header a {
				font-size: 2em;
			}

				.status-header a:hover {
					color: #FFF;
				}

		.status-content {
			position: relative;
			font-size: 1.2em;
			color: #56646F;
			padding: 25px;
			background: #FFF;
		}

			.status-content:before {
				position: absolute;
				content: '';
				top: -10px;
				right: 25px;
				border-style: solid;
				border-width: 0 20px 10px 20px;
				border-color: transparent transparent #FFF transparent;
			}

	
	/*-------------------------------------------
		4.6 - Video
	-------------------------------------------*/

	.st-format-video-holder iframe {
		display: block;
		margin: 0 0 2em;
	}

	
	/*-------------------------------------------
		4.7 - Audio
	-------------------------------------------*/

	.st-format-audio-holder iframe {
		display: block;
		width: 100%;
		margin: 0 0 2em;
	}



/*===============================================

	T E M P L A T E S
	Styles for post templates

===============================================*/

.post-template {
	position: relative;
	margin-bottom: 50px;
	padding-bottom: 50px;
	background: url('../images/line.png') left bottom repeat-x;
}

.post-template .meta {
	font-size: 0.85em;
	width: 90%;
}

	.post-template .meta .ico16 {
		margin-right: 20px;
	}


	/*-------------------------------------------
		5.1 - Default
	-------------------------------------------*/

	.post-default {
		padding-bottom: 50px;
	}

		.post-default .post-title {
			padding-top: 0;
		}

		.post-default .meta {
			padding-top: 1em;
		}


	/*-------------------------------------------
		5.2 - Template 3
	-------------------------------------------*/

	.post-t3 {
		padding-bottom: 60px;
	}

		.post-t3 img.t3 {
			display: block;
			margin: 0 0 45px;
		}
	
		.t3-left {
			float: left;
			width: 25%;
			margin-right: -25%;
			padding: 18px 0;
		}

			.t3-left span {
				display: block;
			}

				.post-t3 span.ico16 {
					margin-bottom: 5px;
				}
	
		.t3-right {
			float: right;
			width: 75%;
			margin: 0 0 0 25%;
		}


	/*-------------------------------------------
		5.3 - Template 8
	-------------------------------------------*/

	.post-t8 {
	}

		.post-t8 h5 {
			padding-top: 0;
		}
	
		.post-t8 .ico16 {
			margin-right: 20px;
		}


/*===============================================

	4 0 4
	Styles for error page

===============================================*/

	#page-404 {
	}

		.notice#content-404 {
			margin-bottom: 50px;
			padding: 50px 117px 50px 50px;
		}

			#page-404 h1 {
				font-size: 4em;
				line-height: 1em;
				padding: 0 0 20px;
			}

			.notice#content-404 p {
				margin-right: -67px;
			}
	
			#page-404 ul {
				list-style-type: none;
				margin: 0;
			}
	
				#page-404 ul > li {
					padding: 0.5em 0;
					background: url('../images/line-light.png') left bottom repeat-x;
				}

		#page-404 form {
			padding: 0 0 0.5em;
		}
	
			#page-404 form input {
				display: inline-block;
				font-size: 1.4em;
				line-height: 1em !important;
				width: 100%;
				margin: 15px 0 0;
				padding: 0.75em 15px 0.75em 50px;
				background-image: url('../images/icons/32/glyphs/gray/search.png');
				background-repeat: no-repeat;
				background-position: 12px 50%;
			}

				.hidpi #page-404 form input {
					background-image: url('../images/icons/64/glyphs/gray/search.png');
					background-size: 32px 32px;
				}