/*-----------------------------------------------------------------------------------
	~ Begin of Custom Layouts ~
-----------------------------------------------------------------------------------*/

/* Custom one column wide layout
--------------------------------------------------------------------------------------*/
.wide-column #page { max-width: 890px;} /* This little bit controls the width */
.wide-column #content {
	margin: 0 7.6%;
	width: auto;
}
.wide-column #nav-below {
	border-bottom: 1px solid #ddd;
	margin-bottom: 1.625em;
}
.wide-column #secondary { display: none;}
.wide-column #branding img, #branding img {
	height: auto;
	margin-bottom: -8px;
}
.wide-column #extra-sidebar { display:none; }
/* Narrow width - Left sidebar 
-----------------------------------------------------------------------------------------------------------------*/
.narrow-sidebar-left #page { max-width: 875px;} /* This little bit controls the width */
.narrow-sidebar-left #primary {
	float: right;
	margin: 0 0 0 -28.4%; /* increased by 2% to widen sidebar */
	width: 100%;
}
.narrow-sidebar-left #content {
	margin: 0 5.6% 0 34%; /* reduced the left content margin by 2% */
	width: 58.4%; /* increased by 2% to widen sidebar */
}
.narrow-sidebar-left #secondary, .narrow-sidebar-left #extra-sidebar {
	float: left;
	margin-left: 5.6%; /* controls left margin for left sidebar, reduced by 2%*/
	margin-right: 0;
	width: 22.8%; /* increased by 4% to widen sidebar */
}

/* Narrow width - Right sidebar 
------------------------------------------------------------------------------------------------------------------*/
.narrow-sidebar-right #page { max-width: 875px;} /* This little bit controls the width */
.narrow-sidebar-right #primary {
	float: left;
	margin: 0 -28.4% 0 0; /* increased by 2% to widen sidebar */
	width: 100%;
}
.narrow-sidebar-right #content {
	margin: 0 34% 0 5.6%; /* reduced the left content margin by 2% */
	width: 58.4%; /* inreased by 2% to widen content */
}
.narrow-sidebar-right #secondary, .narrow-sidebar-right #extra-sidebar {
	float: right;
	margin-right: 5.6%; /* controls right margin for right sidebar, reduced by 2%*/
	width: 22.8%; /* increased by 2% to widen sidebar */
}

/* Three Column layout - left and right sidebars
------------------------------------------------------------------------ */
.three-column #page { max-width: 1000px;}
.three-column #primary {
    float: left;
    margin: 0 -26.4% 0 0;
    width: 100%;
}
.three-column #content {
    margin: 0 34% 0 26.4%;
    width: 46.4%;
}
.three-column #secondary {
    float: right;
    margin-right: 2.6%;
    width: 20.8%;
}
.three-column #extra-sidebar{
	position:relative;
    float: left;
    width: 20.8%;
    margin-left: -70%;
}
/* Three column - Two Right sidebar layout
-------------------------------------------------------------- */
.two-right #page { max-width: 1000px;}
.two-right #primary {
	float: left;
	margin: 0 -46.4% 0 0;
	width: 100%;
}
.two-right #content {
	margin: 0 46.4% 0 3.6%;
	width: 50.4%; /*slightly wider than alternate layout */
}
.two-right #secondary {
	float: right;
	margin-right: 2.6%;
	width: 19.2%; 
}
.two-right #extra-sidebar{
	position:relative;
	float: right;
	margin-right: 2.6%;
	width: 19.2%;
}
/* Three column - Two Left sidebar layout
----------------------------------------------------------- */
.two-left #page { max-width: 1000px;}
.two-left #primary {
	float: right;
	margin: 0 0 0 -46.4%;
	width: 100%;
}
.two-left #content {
	margin: 0 5.6% 0 46.4%;
	width: 49.4%;
}
.two-left #secondary {
	float: left;
	margin-left: 3.6%;
	margin-right: 0;
	width: 18.8%;
}
.two-left #extra-sidebar{
	position:relative;
	float: left;
	margin-left: 2.6%;
	margin-top: 1%;
	margin-right: 0;
	width: 18.8%;
}
/* Various .extra-sidebar layout fixes
-------------------------------------------------------------------- */
/* Extra sidebar fix for narrow browsers/media devices */
@media (max-width: 800px) {
.custom-layouts #main #extra-sidebar{
		float: none;
		margin: 0 7.6%;
		width: auto;
	}
}
/* Default right sidebar (Twenty Elevens) with extra sidebar alignment fix*/
#extra-sidebar{
	position:relative;
	float: right;
	margin-right: 7.6%;
	width: 18.8%;
}
/* Left sidebar layout (Twenty Elevens) extra sidebar alignment fix */
.left-sidebar #extra-sidebar {
	float: left;
	margin-left: 7.6%;
	margin-right: 0;
	width: 18.8%;
}
/* Fix for gallery attachment pages 1.5 */
.image-attachment #content{
    margin: 0 7.6% 0 7.7%;
    width: 84.8%;
}

/* Singular - default one column page template css for extra layouts
/*------------------------------------------------------------------------------------*/
.singular #primary {	margin: 0; }
.custom-layouts.singular #content {
	margin: 0 7.6%;
	position: relative;
	width: auto;
}
.custom-layouts.singular .entry-header,
.custom-layouts.singular .entry-content,
.custom-layouts.singular footer.entry-meta,
.custom-layouts.singular #comments-title {
	margin: 0 auto;
	width: 88.9%;
}
/* pullquotes for extra layouts */
/*
.custom-layouts.singular blockquote.pull,
.singular blockquote.pull{ margin: 0 0 1.625em; }

.custom-layouts .pull.alignleft,
.singular .pull.alignleft { margin: 0 1.625em 0 0; }

.custom-layouts.pull.alignright,
.singular .pull.alignright { margin: 0 0 0 1.625em; }
*/
.custom-layouts.singular .entry-meta .edit-link a {
	position: absolute;
	left: 0;
	top: 40px;
}
.custom-layouts.singular #author-info {
	margin: 2.2em -8.8% 0;
	padding: 20px 8.8%;
}
/* Showcase style for extra layouts layout 
--------------------------------------------------------------------------------*/
.narrow-sidebar-right.page-template-showcase-php #primary,
.narrow-sidebar-left.page-template-showcase-php #primary,
.two-left.page-template-showcase-php #primary,
.two-right.page-template-showcase-php #primary,
.three-column.page-template-showcase-php #primary {
	margin: 0;
}
.narrow-sidebar-right.page-template-showcase-php #content,
.narrow-sidebar-left.page-template-showcase-php #content,
.two-left.page-template-showcase-php #content,
.two-right.page-template-showcase-php #content,
.three-column.page-template-showcase-php #content {
	margin: 0 7.6%;
	width: auto;
}
.page-template-showcase-php section.recent-posts {
	float: right;
	margin: 0 0 0 31%;
	width: 67%; /* decrease recent posts width 2% */
}
.page-template-showcase-php #main .widget-area {
	float: left;
	margin: 0 -27.15% 0 0; /* increase margin 2% */
	width: 27.15%; /* increase widget width 2% */
}