form,
main,
.site-outer{
	background:#fff;
	padding:0;
}
.figureContent img{
	width:100%;
}

/*
gene	320px	$media-gene
nucleus	600px	$media-nucleus
cell	768px	$media-cell
colony	1024px	$media-colony
organism	1280px	$media-organism
*/

.articleContent h5 a,
.articleContent h4 a,
.articleContent h3 a,
.articleContent h2 a,
a{
	text-decoration:none;
	color:#333;
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: .25rem;
}

h1 {
    font-size: 2.375em;
    font-weight: 300;
    line-height: 1.625;
	margin:0.6em 0 0.6em 0;
}

a:hover{
	text-decoration:underline;
}

.site-header__flyout-container{
	z-index:1;	
}

.site-header__nav a{
	text-decoration:none;
	color:#fff;
}

.site-header__nav a:hover{
	text-decoration:none;
}

.pageContainer{
	width:100%;
}

.contentMid{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow:row wrap;
	flex-flow:row wrap;
	max-width:1280px;
	margin:4em auto;
    background: none;
    padding: 10px;
}

/*-- IE hack to fix "center" alignment --*/
.contentContainer{
	max-width:1280px;
	margin:0 auto;
	box-sizing: content-box;
	border-radius: 0;
	box-shadow: none;
	background: transparent;
	padding:0;
	width:100%;
}

.contentBottom,
.contentTopLine,
.content__top-line{
display:none;
visibility:hidden;
}

.content-container{
    max-width: 1280px;
    border: 0;
    box-shadow: none;
    margin: 4em auto;
}

.titles,
.contentBreadRss{
	width: 100%;
	padding: 0 15px;
}

.sideNavRight{
	-ms-flex: 1 0 25%;
	-webkit-flex: 1 0 25%;
	flex: 1 0 25%;	
	-ms-order: 1;
	-webkit-order: 1;
	order: 1;
	height:auto;
	padding:0;
	margin:0 10px;
}

.sidebar .sidebar__main,
.sideNavMain{
	padding: 5px 15px;
	background:#ececec;
	border-radius:5px;
}

.sideNavMain a{
	color:#226a85;
}

.sideNavContainer ul{
	list-style-type:none;
	margin:0;
	padding:0;
}

.sideNavContainer h4{
	border-bottom:1px solid #b2b2b2;
	width:100%;
	margin:20px 0px;
	padding:0 0 10px 0;
}

.contentBlock{
	-ms-flex:2 1 70%;
	-webkit-flex:2 1 70%;
	flex:2 1 70%;	
	order: 0;
	padding: 0 15px;
}

table{
	border:none transparent;
}

.full-width{
	margin:0;
}
.page-breadcrumbs,
.contentBreadcrumbs{
	font-size:0.7em;
	text-decoration:none;
	border-bottom:1px solid #ccc;
	width:100%;
	padding: 0 0 15px 0;
}

.contentBreadcrumbs a{
	text-decoration:none;
}

.contentBreadcrumbs a:hover{
	text-decoration:underline;
}

.widgetContainer {
	float:right;
	border-bottom:1px solid #ccc;
	width:100%;
}
.widgetContainer ul{
	list-style-type:none;
	float:right;
	margin:0;
}

.widgetContainer ul li{
	display:inline;
	float:left;
}

@media (max-width: 500px){
	.contentBlock{
		width:19.5em;
		max-width:30em;
	}
}

@media (max-width:1023px){
	.contentBlock{
	 -ms-flex:2 1 auto;
	 -webkit-flex:2 1 auto;
	 flex:2 1 auto;
	}

	.sideNavRight{
		-webkit-flex-flow:wrap;
		-ms-flex-flow:wrap;
		flex-wrap:wrap;
	}
}

/*----------- Responsive layout Changes ------------*/
.main-content{
	max-width:1280px;
	margin:4em auto;
}
.site-outer .content-container{
	padding:0 10px;
}

.content-container > div.pure-g{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow:row wrap;
	-ms-flex-flow:row wrap;
	flex-flow:row wrap;
	margin: 0 0 5em 0;
}

#page_0_main_0_ContentMidDiv .content-block,
.pure-g .content-block{
	-ms-flex:3;
	-webkit-flex:3;
	flex:3;
	padding: 0 15px 0 0;
}

#page_0_main_0_ContentMidDiv .content-block,
.pure-g .sidebar{
	-ms-flex:1;
	-webkit-flex:1;
	flex:1;
	height:100%;
}

.sidebar__section ul{
	list-style-type:none;
	padding:0;
}

.sidebar__section ul li{
	margin:10px 0;
}

.sidebar__section h4{
	border-bottom:1px solid;
	margin:15px 0;
}

@media (max-width: 1023px){
	.pure-g .sidebar{
	 -ms-flex:1;
	 -webkit-flex:1;
	 flex:1;
	}
	
	.pure-g .content-block{
	-ms-flex:2 0 100%;
	 -webkit-flex:2 0 100%;
	 flex:2 0 100%;
	padding: 0 15px 0 0;
	flex-flow:wrap;
}
}