/* Site */
body {
	display: flex;
	flex-flow:column nowrap;
	justify-content:flex-start;
	align-items: center;
	margin:0;
	width:100%;
	height:100%; 
	background-image: linear-gradient(to bottom, #FFFFFF 0%, #146799 100%); /* W3C Markup, IE10 Release Preview */ 
	background-repeat: no-repeat;
	background-attachment: fixed;
}

* {	font-family:"Ubuntu", sans-serif; /*color:#300;*/ color:#333; font-size:16px;}
p { line-height:1.5em;}
h1 {font-size:2em; }
h2 {font-size:1.5em; }
.right {float:right;}
.left {float:left;}
.totop {text-align:center}
.shadow { box-shadow: 0.625em 0.313em 0.313em #999; }

/* Header */
header {
	display: flex;
	flex-flow:row wrap;
	justify-content:center;
	align-items: flex-end;
	width:100%;
	height:auto;
	background-image: linear-gradient(to bottom, #FFFFFF 0%, #E8F5FF 100%); /* W3C Markup, IE10 Release Preview */ 
	border-bottom:0.2em #74c1e1 solid;
}

/* Navigation */
nav ul {
	list-style-type:none;
	text-align:center;
	margin:0;
	padding:0;
	line-height:3em;
}
nav li {
	display: inline-block;
}
nav a { text-decoration: none; display:block; padding:0 1em 0 1em;  }
nav a:link {}
nav a:visited {}
nav a:hover { text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }
nav a:active { text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);}
#home #nav-home a,
#about #nav-about a,
#pictures #nav-pictures a,
#projects #nav-projects a,
#faq #nav-faq a/*,
#contact #nav-contact a */{
	color:#146799; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); font-weight:bold;
}

/* Main */
main {
	width:50em;
	max-width:70%;
	background-color:white;
	border-radius: 2em;
	padding:2em;
	margin-top:1em;
}
#home main img,#about main img { width:40%; margin:1.5em;}
 
 /* Pictures */
#gallery {display:flex; flex-flow: row wrap;  justify-content: flex-start; align-items:flex-start;}
#gallery img {max-width:10em; max-height:10em; margin:1em;}
.folder {text-align:center; width:8em; margin:1em;}
.pages {	
	list-style-type:none;
	text-align:center;
	margin:0;
	padding:0;
	display:block;
}
.pages li {
	padding:0 0.5em;
	margin:0;
	display:inline-block;
}
.currentpage{background-color:#146799;color:#fff;}
#videogallery {display:flex; flex-flow: row wrap;  justify-content: space-around; align-items:flex-start; padding:0; margin:1em;} 
 #videogallery video { margin:auto;width: 320px;  height: 240px;}
 /* Projects */
 #projects section {margin-top:2em; margin-bottom:4em;}
 
 /* FAQ */
 #faq section {margin:2em; }
 
 /* Contact Us 
fieldset {border:0}
label { display: inline-block; vertical-align: baseline; width:100%; text-align: left;margin-bottom:0.5em;}
input[type="text"],input[type="email"] {display: inline-block; vertical-align: baseline; width:50%; box-sizing: border-box;}
textarea {display: inline-block; vertical-align: baseline; width:50%; box-sizing: border-box; height: 5em; text-align: left; }
form div {text-align: left; margin-bottom:1em; }
.errors {color:red;}
#formsubmission {text-align:center;}
#confirmation {margin:auto;height:136px; width:143px;}
#confirm #confirmation{ background: url(/img/succfail.png) no-repeat left; }
#fail #confirmation{ background: url(/img/succfail.png) no-repeat right; }
#confirm main, #fail main {text-align:center;}
*/
 /* Copyright */
#copyright {margin-top:1em; color:white;}