/*
   Theme Name:     Twenty Fourteen Child
Description:    Twenty Fourteen Child Theme
Author:         Kevin Lee
Author URI:     http://0x7d.com
Template:       twentyfourteen
Version:        1.0.0
 */

@import url("../twentyfourteen/style.css");

/* =Theme customization starts here
   -------------------------------------------------------------- */

p {
	margin-bottom: 1em;
}

.content-area {
	padding-top: 0px;
}

.singular .site-content .hentry.has-post-thumbnail {
	margin-top: 0px;
}

embed,
iframe,
object,
video {
	margin-bottom: 0px;
	max-width: 100%;
}

/* Center Page */
#page {
	margin-left: auto;
	margin-right: auto;
}

/* Extend the width to 800px */
.site-content .entry-header,
.site-content .entry-content,
.site-content .entry-summary,
.site-content .entry-meta,
.page-content {
	margin: 0 auto;
	max-width: 800px;
}

.site-content .entry-content {
	margin-bottom: 1em;
}

.post-navigation, .image-navigation {
	margin: 24px auto 48px;
	max-width: 800px;
	padding: 0 10px;
}

.archive-header, .page-header {
	margin: 24px auto;
	max-width: 800px;
}

.contributor-info {
	margin: 0 auto;
	max-width: 800px;
}

.comments-area {
	margin: 48px auto;
	max-width: 800px;
	padding 0 10px;
}

.site-main .mu_register,
.widecolumn > h2,
.widecolumn > form {
	margin: 0 auto 48px;
	max-width: 800px;
	padding: 0 30px;
}

/* Keep the header from scrolling with the page */
@media screen and (min-width: 783px) {
	.masthead-fixed .site-header
	{
		position:relative;
	}

	.masthead-fixed .site-main 
	{
		margin-top: 0px;
	}

	.admin-bar.masthead-fixed .site-header
	{
		top: 0px;
	}
}

/* Fix margins for embedded images */
@media screen and (min-width: 810px) {
	.attachment .entry-attachment .attachment {
		margin-right: auto;
		margin-left: auto;
		max-width: 810px;
	}

	.contributor-avator {
		margin-left: 0px;
	}

	.full-width .site-content blockquote.alignleft,
		.full-width .site-content img.size-full.alignleft,
		.full-width .site-content img.size-large.alignleft,
		.full-width .site-content img.size-medium.alignleft,
		.full-width .site-content .wp-caption.alignleft {
			margin-left: auto;
		}

	.full-width .site-content blockquote.alignright,
		.full-width .site-content img.size-full.alignright,
		.full-width .site-content img.size-large.alignright,
		.full-width .site-content img.size-medium.alignright,
		.full-width .site-content .wp-caption.alignright {
			margin-right: auto;
		}
}

/* Center caption text */
.wp-caption-text {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	font-size: 12px;
	font-style: italic;
	line-height: 1.5;
	margin: 9px 0;
	text-align: center;
}

/* Reduce dim mouse hover over post thumbnail */
@media screen and (min-width: 401px) {
	a.post-thumbnail:hover img {
		opacity: 0.95;
	}
}

/* Fix some header paddings */
@media screen and (min-width: 594px) {
	.site-content .entry-header {
		padding-right: 10px;
		padding-left: 10px;
	}

	.site-content .has-post-thumbnail .entry-header {
		margin-top: 0px;
	}
}

@media screen and (min-width: 673px) {
	.header-main {
		padding-left: 25px;
	}

	.site-content .entry-header {
		padding-right: 25px;
		padding-left: 25px;
	}

	.content-area, .content-sidebar {
		padding-top: 48px;
	}

	/* Compensate remove extra top padding for category headers */
	.archive-title, .page-title {
		margin-top: -48px;
	}

	#secondary,#supplementary {
		padding: 0 25px;
	}

}

@media screen and (min-width: 846px) {
	.content-area,
	.content-sidebar {
		padding-top: 48px;
	}
}

/* Fix the sidebar width to 182px */
@media screen and (min-width: 1008px) {
	.search-box .search-field {
		width: 284px;
	}

	.site-content, .site-main .widecolumn {
		margin-left: 182px;
	}

	.site:before {
		width: 182px;
	}

	.search-box-wrapper, .featured-content {
		padding-left: 182px;
	}

	#secondary {
		width: 132px;
	}

	.secondary-navigation, .secondary-navigation ul ul {
		width: 182px;
	}

	.secondary-navigation ul li:hover > ul, .secondary-navigation ul li.focus > ul {
		left: 162px;
	}
}

/* If we set the sidebar to 182px, we need to shink the page width as well */
.site {
	max-width: 1220px;
}

/* Fix the sidebar width to 222px */
/*
   @media screen and (min-width: 1008px) {
   .search-box-wrapper {
   padding-left: 222px;
   }

   .site-content {
   margin-left: 222px;
   }

   .site:before {
width: 222px;
}

#secondary {
width: 162px;
}

.secondary-navigation {
width: 222px;
}

.secondary-navigation ul ul {
width: 222px;
}
}
 */