/*
Mark Geoghegan's website
v 20160930
*/
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src:  url(../open_sans/greek-ext.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src:  url(../open_sans/greek.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src:  url(../open_sans/latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  font-display: swap;
  src:  url(../open_sans/latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* greek-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src:  url(../open_sans/greek-ext.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src:  url(../open_sans/greek.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src:  url(../open_sans/latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  font-display: swap;
  src:  url(../open_sans/latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
body {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	color:#000;
	/*background: transparent;*/
	padding: 0;/*10px 5% 10px 5%*/
	margin: 0;
	font-size: 16px;
	position: relative;
	background: #E3F2F9 url('./pics/water_droplets_bg_ws.jpg') no-repeat;
	background-size: cover;
	background-attachment: fixed;
}
#screen{
	position: static;
	z-index: -1;
	top:0; left: 0;
	width: 100%;
	height:100vh;
}


h1,h2,h3,h4,h5,h6{
	font-weight: 400;
}
#breadcrumbs{
	display: block;
	width: 100%;
	padding: 5px 0;
	background: rgba(255,255,255,0.5);
	text-align: left; 
	margin:0;
	position: fixed;
	top: 0; left: 0;
	z-index: 100;
}

#menuicon:before {
	float: right;
	content: '\f419';
	font: normal 26px/1 'Genericons';
	display: inline-block;
	padding: 2px;
	margin-left: 5px;
}
#breadcrumbs a{
	color: #999;
}
#breadcrumbs a:hover{
	color: #369;
	text-decoration: none;
}
#topicon{
	display: none;
}

.inlineIcon{
    display: inline-block;
	width: 1.2em;
	height: 1.2em;
	text-align: center;
	vertical-align: bottom;
	font-family: 'Genericons';
	font-size: 26px;
	border: 1px solid #999;
	border-radius: 50%;
	/*padding: 2px 4px;*/
	margin-right: 5px;
}
.inlineIcon:hover{
	border: 1px solid #369;
}

#topicon:before {
	content: '\f435';
}
#homeicon:before {
	content: '\f409';
}
#groupicon:before {
	content: '\f304';
}
#contacticon:before {
	content: '\f410';
}
#page {
	position: absolute;
	width: 100%;
	top: 4em;
	left: 0;
}
.pg{
	display: block;
	margin: 0 auto;
	max-width: 1050px;
	/*height: auto;
	border:0;*/
	padding:0 25px;
}

#sidebar{
	float: left;
	width: 100%;	
	position: relative;
}
#precis{
	color: #003366; 
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	padding-bottom: 2em;
}
#pagetitle {
	font-size: 200%;
	text-align: left;
	margin:0;
	padding: 10px 0 20px 0;
}


#menu {
	display: none;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 90%; 
}
#menu ul{
	margin: 0;
	float: right;
	list-style-type: none;
	width: 100%;
}
#menu a {
	display: inline-block;
	width: 96%;
	border: #0066aa 1px solid; border-radius: 4px; 
	color: #0066aa; background-color: #ccccf0;
	text-decoration: none; text-align: left;
	padding: 2px 10px; 
	margin: 2px 0px;
	box-sizing: border-box;
	transition: background-color 1s, padding 1s;
}
#menu ul ul a {
	padding-left: 50px;
}
#menu a:hover {
	border: 1px solid #0066ff;
	color: #fff;
	background: url(./pics/anchor.gif) no-repeat left 50% #0066ff; 
	font-weight: 700; 
	/*text-align: left;
	padding-left: 50px;*/
}

#menu a.this_page{
	border: #0066aa 1px solid;
	background: url(./pics/this_page.png) no-repeat right 50% #fff;   
	color: #0066aa; text-decoration: none;
	font-weight: 700; text-align: left;
	width: 96%;
	padding-right: 30px;
	display: block;
}
#content {
	display: block;
	float: none;
	margin: 0;
	/*padding: 40px 0px 0px 30px;*/
	width: 94%;
	padding: 0 2% 0 4%;
	margin: 0 auto;
}

#footers {
	clear: both;
	margin: 50px 0;
	border: 1px #999 solid;
	border-radius: 10px;
	font-size: 70%;
	color: #666; background-color: transparent;
}
#footers p{
	background: none;
	margin: 0;
}
#footers a{
	color: #933;
}


.clearing{
	clear: both;
}



p.caption {
  color: #666666; background: transparent; 
	padding: 5px;
}

.equation {
  font-size: 110%;
}

.center { text-align: center;}

p img {
  margin: 0; padding : 0;
}
li img {
  margin: 0; padding : 0;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0px;	
	padding: 5px 10px 2px 0px;
	text-align: left;
	color: #0066aa;
	clear: both;
}

h1 {
	font-size: 400%;  font-weight: 700;
	padding: 20px 0 30px 0;
}
h2  {
	font-size: 150%;  font-weight: 700;
}
h3  {
	font-size: 120%; font-weight: 700; 
}
h4  {
	font-size: 120%; font-weight: 400;
}
h5  {
	font-size: 100%; font-weight: 700;
}
h6  {
	font-size: 90%; font-weight: 400; 
}
p{
	background: rgba(255,255,255,0.5);
	margin: 25px 0;
	padding: 1em;
	border-radius: 10px;
	line-height: 1.4;
}


hr	{color: #dddddd; background: transparent; clear: both;}

img, video {color: #ffffff; background: transparent; border: 0px; max-width: 100%; height: auto !important;}
img.title_left {float: left; margin-right:10px;}
img.title_right {float: right; margin-left: 10px;}
img.right {float: right; margin-left: 10px; margin-right: 10px; max-width: 50%;}
img.left  {float: left; margin-left: 20px; margin-right: 10px; max-width: 50%;}
img.center, video.center {
	display:block;
	clear: both;
	margin: 5px auto 15px auto;
	border-radius: 10px;
}
svg{
	max-width: 100%;
	height: auto !important;
}

a:link		{color: #3366ff; text-decoration: none;}
a:visited	{color: #ff6666; }
a:active	{color: #ff6633; }
a:hover		{color: #000099; text-decoration: underline; }

/* ===== Below doesn't work to compress out extra whitespace added when superscripts are used... ===== */
sup, sub {margin-top: 0px; padding-top: 0px; font-size: 60%;}

.anchor {
	color: #000099;
}

.anchor:before {
	content: '\f442 ';
	font: normal 20px/1 'Genericons';
}
	
.ref {
  font-size: 80%; 
	background: transparent; color: #555555;}

.comment  {
	border: #000099 1px solid; 
	padding: 5px 10px 5px 10px; 
	margin: 10px;
	color: #000099; /*background: #ffffff;*/
	clear: both; 
}

@media screen and (max-width: 750px) {
	body {
		background: #E3F2F9 url('./pics/water_droplets_bg.jpg') no-repeat;
		background-size: cover;
		background-attachment: fixed;
	}
	
	h1 {
		font-size: 200%;  font-weight: 700;
		padding: 20px 0 30px 0;
	}
}