@charset "UTF-8";
/* CSS Document */
h1 {
	font-weight: 200;
	margin-bottom: 25px;
}
body {
	background-color: mintcream;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	padding: 20px;
}
form {
	border: #7B3637 solid 1px;
	border-radius: 5px;
	margin-top: 10px;
	width: 50%;
	padding: 10px;
		
}
.fadein {
	opacity: 1;
	transition: opacity 1s;
}
.fadeout {
	opacity: 0;
	transition: opacity 0.5s;
}

#statusmessage {
	float: right;
	background-color: lightyellow;
	padding: 10px;
	border: #939393 solid;
}
.submitbutton:hover {
	background-color: whitesmoke;
}
.submitbutton {
	display: block;
	padding-left: 7px;
	padding-right: 7px;
	background-color: aliceblue;
	float: right;
}
.fieldname {
	display: inline-block;
	width: 100px;
	text-align: right;
}
.inputfield {
	display: inline-block;
	width: 200px;
}
header {
	text-align: center;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	color: black;
	font-size: 22px;
	margin-top: 20px;
	margin-bottom: 20px;
}
table {
	
}
tr {
	padding: 5px;
}
tr.oddrow {
	background-color: aliceblue;
}
tr.evenrow {
	background-color:whitesmoke;
}
th {
	font-weight: 400;
}
td {
	font-weight: 300;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
/*	border: black solid 1px;*/
}
.initialhidden {
	opacity: 0;
}
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;	
}
.navTitle {
	font-size: 40px;
	color: white;
	float: left;
	transition-property: all;
	transition-duration: 1s;
	cursor: pointer;
}
.navTitle:hover {
	color: white;
	transform: scale(1.15);
}
.navItem {
	top: 40px;
	font-size: 32px;
	margin-left: 38px;
	transition-property: all;
	transition-duration: 1s;
	cursor: pointer;
	
}
.navItem:hover {
	color: white;
	transform: scale(1.8);
}
.mainimage {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}
.fadein { 
	position:relative;
	overflow: hidden;
	height:278px; 
	width:500px; 
	outline: 1px solid black; 
}
.fadein img { 
/*
	position:absolute; 
	left:0; top:0; 
*/
	transition:opacity 1s; 
	opacity:1; 
}

.fadein img.is-hidden { opacity:0; }
#mainContainer {
	
}
.pantryItem {
    padding: 10px;
    background-color: bisque;
    border-width: 5px;
    border-style: double;
    border-color: gray;
    border-radius: 5px;
}
.photoborder {
    border-width: 5px;
    border-style: double;
    border-color: gray;
    border-radius: 5px;
    
}
.videoList {
    display: inline-block;
  width:100%;
  margin-left: 30px;  
}