@charset "utf-8";

/* CSS Document */

body {
	background-color: #8b6dd3;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	line-height: 22px;
	color: #231d61;
}
#container
{
	width: 1028px;
	margin: auto;
	background-color: #a0c668;
	box-shadow: 0px 0px 4px rgba(38,34,97,0.5);
	background-image: url(../images/header-top.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#content
{
	width: 797px;
	margin: auto;
	background-color: #bbd291;
	overflow: auto;
	padding-top: 24px;
	padding-bottom: 34px;	
}
#header {
	height: 144px;
	width: 797px;
	margin: auto;
	clear: both;
}
#header img
{
	margin-top: 24px;
	margin-left: 24px;
}
#headertext {
	float: right;
	padding-top: 25px;
	font-size: 15px;
	color: #FFF;
	line-height: 21px;
}
#footer-container-2016
{
	width: 1028px;
	margin: auto;
	background-color: #a0c668;
	box-shadow: 0px 0px 4px rgba(38,34,97,0.5), 0px 0px 4px rgba(38,34,97,0.5), 0px 0px 4px rgba(38,34,97,0.5), 0;
	background-image: url(../images/footer-bottom.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	text-align:center;
	padding-bottom: 10px;
}
#footer-2016
{
	height: 90px;
	width: 797px;
	margin: auto;
	text-align: center;
	background-color:rgba(255,255,255,0.57);
	padding-top: 24px;
}
#footer-2016 .smallprint {
	font-size: 10px;
}

#contentleft {
	float: left;
	width: 160px;
	padding-left: 24px;
	color: #231d61;
	line-height: 28px;
}
#contentleft a {
	color: #231d61;
	text-decoration: none;
}
#contentleft a:hover {
	color: #231d61;
	text-decoration: underline;
}
#contentleft ul
{
	list-style-type: none;
}
#contentleft li
{
	margin-left: 10px !important;		
}

#contentright {
	float: right;
	width: 560px;
	margin-right: 24px;
}
#contentright img
{
	margin: .2em;
}
.smallprint {
	font-size: 10px;
}


#contentright h1 {
	padding-bottom: 20px;
	font-size: 17px;
}
#contentright p {
	padding-bottom: 15px;
}
ol li {
	margin-left: 30px;
} 
ol {
}

ul li {
	margin-left: 30px;
} 
ol, ul { padding-bottom:15px; }
img .leftpad {
	padding-left: 6px;
} 


.hamburger
{
	display: none;
	float: left;
	clear: both;
	width: 30px;
	height: 30px;
	padding: 4px;
	background-color: #8a76d7;	
	border-radius: 2px;
	margin: .5em .5em .5em 0;
	box-shadow: 0px 0px 2px rgba(0,0,0,0.35);
}
.hamburger span
{
	display: block;
	float: left;
	width: 100%;
	clear: both;
	border-bottom: 2px solid #fff;
	padding-top: 6px;
}
.menu
{
	display: block;
	overflow: hidden;
}

/*end0 what images */
.endothumbs2x { float: left; margin-right: 10px; padding-bottom: 10px; }
.endothumbslastone { display: block; clear: both; margin: auto; }

.endowhatlink { display: block; margin-bottom: 1em; font-weight: bold; margin-left: 10px; }

/*articles page */
.articles p { display: block; float: left; clear: both; margin-bottom: 1em; width: 100%; }
.articles p img { float: left; margin: 1em; vertical-align: text-top; padding-right: 1em; }

/*iris interviewed in menu*/
.irisinterviewed
{
	text-align: center;	
	margin-top: 1.25em;
	font-weight: 600;
	line-height: 1.44em;
}
.irisinterviewed img
{
	border: 2px solid #fff; margin-bottom: 16px;
}
section { padding-bottom: 2.2em; }

/*------------------------------------*\
    MOBILE
\*------------------------------------*/

@media screen and (max-width:500px) 
{
.menu { display: none; z-index: 999;}
.hamburger { display: block; }
#container { width: 100%; box-shadow: none; background-image: none; }
#content { width: 100%; padding: 5px; }
#header { width: 100%; }
#footer-container-2016 { width: 100%; background-image:none; }
#footer-2016 { width: 100%; }
#contentleft { float: left; width: 100%; clear: both; padding-left: 0px; }
#contentright  { float: left; width: 100%; clear: both; }
#contentleft li { display: block; text-align:left; font-size: 110%; }
#header img { margin: 0px; width: 98%; height: auto; }
#headertext { float: left; width: 100%; clear: both; text-align: center; padding: 5px; }
}
@media screen and (min-width:501px) and (max-width:1023px) 
{
.menu { display: none; z-index: 999;}
.hamburger { display: block; }
#container { width: 100%; box-shadow: none; background-image: none; }
#content { width: 100%; padding: 5px; }
#header { width: 100%; }
#footer-container-2016 { width: 100%; background-image:none; }
#footer-2016 { width: 100%; }
#contentleft { float: left; width: 100%; clear: both; padding-left: 0px; }
#contentright  { float: left; width: 100%; clear: both; }
#contentleft li { display: block; text-align:left; font-size: 110%; }
#header img { margin: 0px; width: 98%; height: auto; }
#headertext { float: left; width: 100%; clear: both; text-align: center; padding: 5px; }
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
{
.menu { display: none; z-index: 999;}
.hamburger { display: block; }	
#container { width: 100%; box-shadow: none; background-image: none; }
#content { width: 100%; padding: 5px; }
#header { width: 100%; }
#footer-container-2016 { width: 100%; background-image:none; }
#footer-2016 { width: 100%; }
#contentleft { float: left; width: 100%; clear: both; padding-left: 0px; }
#contentright  { float: left; width: 100%; clear: both; }
#contentleft li { display: block; text-align:left; font-size: 110%; }
#header img { margin: 0px; width: 98%; height: auto; }
#headertext { float: left; width: 100%; clear: both; text-align: center; padding: 5px; }
}