style.css for Full Width TwentyFourteen Mod

/*

 Theme Name:     willtaylor.org

 Description:    Full width variation of the Twenty Fourteen theme

 Author:         Will Taylor (based on work by Nexcius)

 Author URI:     http://www.nexcius.net

 Template:       twentyfourteen

 Version:        1.0.1

*/



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

/*This section sets page to 100% width */

.site {

	background-color: #fff;

	max-width: 100%;

	position: relative;

}

/*This section sets page header to 100% width */

.site-header {

	background-color: #000;

	max-width: 100%;

	position: relative;

	width: 100%;

	z-index: 4;

}



.main-content {

	width: 100%;

}





.full-width .site-content .page .entry-header,

.full-width .site-content .page .entry-content,

.full-width .site-content .page .entry-summary,

.full-width .site-content .page .entry-meta {

	max-width: 100%;

}



@media screen and (min-width: 594px) {

	.full-width .site-content .page .entry-header {

		max-width: 100%;

		margin-left: 0;

		margin-right: 0;

	}



	.full-width .site-content .page .entry-content,

	.full-width .site-content .page .entry-summary,

	.full-width .site-content .page .entry-meta {

		max-width: 100%;

		padding-left: 30px;

		padding-right: 30px;

	}





	.full-width .site-content .page  .wp-caption.alignnone {

		max-width: 100%;

		max-width: -moz-calc(100% + 60px);

		max-width: calc(100% + 60px);

		margin-left: -30px;

		margin-right: -30px;

	}



	.full-width .site-content .page  .wp-caption.alignnone .wp-caption-text {

		max-width: 100%;

		margin-left: 30px;

		margin-right: 30px;

	}



	.full-width .site-content .page  blockquote.alignright,

	.full-width .site-content .page  img.size-full.alignright,

	.full-width .site-content .page  img.size-large.alignright,

	.full-width .site-content .page  img.size-medium.alignright,

	.full-width .site-content .page  .wp-caption.alignright {

		margin-right: -20px;

	}



	.full-width .site-content .page  blockquote.alignleft,

	.full-width .site-content .page  img.size-full.alignleft,

	.full-width .site-content .page  img.size-large.alignleft,

	.full-width .site-content .page  img.size-medium.alignleft,

	.full-width .site-content .page  .wp-caption.alignleft {

		margin-left: -20px;

	}

}



@media screen and (min-width: 673px) {

	.full-width .site-content  .page .entry-header {

		margin-left: 30px;

		margin-right: 30px;

	}



	.full-width .site-content .page  .entry-content,

	.full-width .site-content .page  .entry-summary,

	.full-width .site-content .page  .entry-meta {

		padding-left: 60px;

		padding-right: 60px;

	}





	.full-width .site-content .page  .wp-caption.alignnone {

		max-width: -moz-calc(100% + 120px);

		max-width: calc(100% + 120px);

		margin-left: -60px;

		margin-right: -60px;



	}



	.full-width .site-content .page .wp-caption.alignnone .wp-caption-text {

		margin-left: 60px;

		margin-right: 60px;

	}



	.full-width .site-content .page blockquote.alignright,

	.full-width .site-content .page  blockquote.alignleft {

		max-width: 50%;

	}



	.full-width .site-content .page  blockquote.alignright,

	.full-width .site-content .page  img.size-full.alignright,

	.full-width .site-content .page  img.size-large.alignright,

	.full-width .site-content .page  img.size-medium.alignright,

	.full-width .site-content .page  .wp-caption.alignright {

		margin-right: -50px;

	}



	.full-width .site-content .page  blockquote.alignleft,

	.full-width .site-content .page  img.size-full.alignleft,

	.full-width .site-content .page  img.size-large.alignleft,

	.full-width .site-content .page  img.size-medium.alignleft,

	.full-width .site-content .page  .wp-caption.alignleft {

		margin-left: -50px;

	}

}