/* CHILD THEME LAYOUT STYLESHEET FOR OYSTERSHELL
----------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

1 - Set Up Elements
2 - Original Widths & Heights
3 - Horizontal Margins
4 - Horizontal Padding
5 - Vertical Margins 
6 - Vertical Padding 
7 - Alignment 
8 - Responsive Layout 
9 - Borders
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1 - Set Up Elements
----------------------------------------------------------------
*/

#page,
#canvas,
#col-1,
#masthead,
#col-2,
#navigation,
#col-3,
#col-3a,
#col-3b,
#primary,
#content,
#col-4,
#secondary,
#col-5,
#postscript {
	display: block;
	margin: 0 auto;
}

#canvas,
#masthead,
#navigation,
#nav-above,
#nav-below,
#secondary, 
#postscript,
.entry-header,
.entry-content,
.entry-attachment,
.entry-footer {
	clear: both;
}

.post-entry h1,
.post-entry h2,
.post-entry h3,
.post-entry div {
	clear: none;
}

#col-1,
#col-3a,
#col-3b {
	float: left;
}

#col-2,
#col-3,
#col-4,
#col-5 {
	float: right;
}

/*--------------------------------------------------------------
2 - Original Widths & Heights
----------------------------------------------------------------
*/

#page {
	width: 100%;
}

#canvas {
	width: 98.5%;
	max-width: 1109px;
}

#col-1,
#col-2,
#col-3,
#col-3a,
#col-3b,
#col-4,
#col-5,
#postscript {
	width: 100%;
}
#secondary {
	max-width: 630px;
}
#colophon {
	width: 100%;
}
#postscript {
	min-height: 3.25em;
}

/*--------------------------------------------------------------
3 - Horizontal Margins
----------------------------------------------------------------
*/

#MARGIN-H-h-h,
#navigation,
.comment-text,
.ping-text,
.margin-h-h-h {
	margin-top: 0.8125em;
	margin-bottom: 0.8125em;
}

#MARGIN-H-1-1,
#canvas,
/*#content,
#secondary,*/
#primary,
.widget,
.os-author-profile,
#comments,
.margin-h-1-1 {
	margin-top: 1.625em;
	margin-bottom: 1.625em;	
}

#MARGIN-H-1-0,
#postscript,
#col-3a,
#col-3b,
.entry-content,
.entry-summary,
.margin-h-1-0 {
	margin-top: 1.625em;
	margin-bottom: 0;	
}

#MARGIN-H-0-1,
.hentry,
.comments-list,
.entry-attachment,
form,
.margin-h-0-1 {
	margin-top: 0;
	margin-bottom: 1.625em;	
}

/*--------------------------------------------------------------
4 - Horizontal Padding
----------------------------------------------------------------
*/

#PADDING-H-h-h,
.section-pages-subsection,
#postscript,
.comment-body,
.ping-body,
.padding-h-h-h {
	padding-top: 0.8125em;
	padding-bottom: 0.8125em;
}

#PADDING-H-1-1,
.os-author-profile,
.iuns-divider,
form,
fieldset,
.padding-h-1-1 {
	padding-top: 1.625em;
	padding-bottom: 1.625em;	
}

#PADDING-H-1-0,
.site-info,
.padding-h-1-0 {
	padding-top: 1.625em;
	padding-bottom: 0;	
}

#PADDING-H-0-1,
.gallery,
#comments,
.padding-h-0-1 {
	padding-top: 0;
	padding-bottom: 1.625em;	
}

#site-logo {
	padding-bottom: 2em;
}

#site-logo a img {
  border: 0 none;
  display: block;
  height: 10%;
  margin: 0 auto;
  min-width: 100px;
  width: 70.3%;
}

/*--------------------------------------------------------------
5 - Vertical Margins 
----------------------------------------------------------------
*/

#MARGIN-LEFT,
#masthead,
#navigation,
#content,
.section-pages-subsection,
.postscript-navigation,
.margin-left {
	margin-left: 2.5%;
} 

#MARGIN-RIGHT,
#masthead,
#navigation,
#content,
.section-pages-subsection,
.postscript-navigation,
.margin-right {
	margin-right: 2.5%;
}

#MARGIN-LEFT-EXTRA,

.margin-left-extra {
	margin-left: 7.5%;
}

#MARGIN-RIGHT-EXTRA,

.margin-right-extra {
	margin-right: 7.5%;
}

/*--------------------------------------------------------------
6 - Vertical Padding 
----------------------------------------------------------------
*/

#PADDING-LEFT,
.widget,
form,
fieldset,
.padding-left {
	padding-left: 2.5%;
}

#PADDING-RIGHT,
.widget,
form,
fieldset,
.padding-right {
	padding-right: 2.5%;
}

/*--------------------------------------------------------------
7 - Alignment 
----------------------------------------------------------------
*/

.alignleft {
	margin-right: 2.5%;
}
.alignright {
	margin-left: 2.5%;
}

/*--------------------------------------------------------------
8 - Responsive Layout 
----------------------------------------------------------------
*/

.home_page_side_menu {
	display: none;
}

/* Breakpoint 1 */

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

	#col-1 {
		clear: none;
		width: 21%;
		max-width: 819px;
	}

	#col-2,
	#col-3,
	#col-4 {
		width: 79%;
		}

	#site-utilities,
	.home_page_side_menu {
		display: block; /* Display at all screen sizes except the lowest */
	 }

	#secondary {
		max-width: 100%;
	}

	.widget {
		width: 95%;
		float: left;
		margin-left: 2.5%;
		margin-right: 2.5%;
	}

	.site-info {
		width: 90%;
	}
}

/* Breakpoint 2 

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

	#col-1 {
		width: 19.0627482%;
	}

	#col-2 {
		width: 80.9372518%;
	}

	#col-3 {
		width: 50.0397141%;
	}


	#col-4 {
		width: 30.8975377%;
		float: left;
	}

	.widget {
		width: 90%;
		float: none;
		margin-left: 2.5%;
		margin-right: 2.5%;
	}
} */

/* Breakpoint 3 */

@media screen and (min-width: 1977.23px) {
	
	#canvas {
		max-width: 1977.23px;
	}
}

/*--------------------------------------------------------------
9 - Borders
----------------------------------------------------------------
*/

#BORDER-WIDTH,
form,
fieldset,
.border-width {
	border-width: 1px;
}

#BORDER-SOLID,
form,
fieldset,
#col-2,
.section-pages-subsection,
.site-info,
.border-solid {
	border-style: solid;
}

.site-info,
.section-pages-subsection {
	border-top-width: 1px;
}

#col-2 {
	border-bottom-width: 1px;
}