html {}
body {font-family: sans-serif; font-size: 14px; line-height:1; color: #333; background-color: #fff}
h2, h3 {font-weight: 500; line-height: 1.1; margin-top: 20px; margin-bottom: 10px}
h2 {font-size: 24px}
h3 {font-size: 14px; font-weight: bold;}
label.search {font-weight: bold; color: #fff;}
input, select, textarea, button {
	font-size: inherit;
	font-family: inherit;
}	
input[type="text"] {box-sizing: border-box; padding: 4px; outline: none; width: 400px; border: 1px solid #808080;}
form {display: block; width: 500px;}
form.search-frm {padding-top: 5px;}
form label {width: 60px;}
.siteheader {position: absolute; top: 0px; width: 98vw; display:flex; flex-direction: row; background:#D24400; z-index: 1;}
.nav-top {position: absolute; top: 0px; left: 20vw; width: 78vw; display:flex; flex-direction: row; z-index: 100;}
.nav-menu {height: 80vh; overflow-y: auto;}
.menu-vis {visibility: hidden; }
.recipe-details h2 {color: #d24400}
.recipe-details h3 {color: #d24400}
.recipe-ingredients p {margin: 0}
.recipe-notes-header {box-sizing: border-box; display: flex; gap: 20px; margin-top: 10px; width: 100%; background: #c2c2c2;}
.recipe-notes-header div {flex: 50%; padding: 10px; font-weight: bold; }
.recipe-notes {box-sizing: border-box; display: flex; gap: 20px; width: 100%;}
.recipe-notes div {flex: 50%; padding: 10px;}
.recipe-notes p {background: #d24400; color: #f2f2f2;}
.recipe-notes div a {text-decoration: none; color: #d24400;}
.recipe-notes div a:hover {font-weight: bold;}
.recipe-photo {width: 250px; height: 250px; margin-top: 20px; object-fit: cover}
.recipe-photos-div {width: 500px; height: 170px; margin-right: 5px; margin-bottom: 5px; display: inline-block}
.recipe-photos-div div {display:flex; flex-direction: row; width:500px}
.recipe-photos {width: 125px; height: 100%; padding-right:10px; object-fit: contain}
.navlink {display:block;padding-top:5px;padding-bottom:5px;border-bottom:1px solid #D24400;text-decoration:none;color:black;}
.navlink:hover {background: #c2c2c2;}
.navleft-header {width:20vw; color:#fff; padding:10px; font-weight: bold;}
.main-container{position: absolute; top: 5vh; display:flex; width:95vw; height:90vh;}
.nav-container{width:20vw; padding:20px; overflow-y:auto;}
.recipe-container{width:80vw; padding:20px; overflow-y:auto;}
.overflow {height: 200px;}
a.controls {background-color: #fff; opacity: 0.3; border-radius: 15px;}
.search-result {
    display: none;
    border: 1px solid #ccc;
    width: 390px;
    max-height: 300px;
    margin-left: 60px;
	overflow-y: auto;
}
.previewlink {display:block;padding-top:5px;padding-bottom:5px; color: #808080; text-decoration: none;}
.previewlink:hover {color: #000;}