@charset "utf-8";
/* CSS Document for TheBourneFamily.com */

* { box-sizing: border-box; }
a { text-decoration:none; } 
figcaption { max-width: 320px;}

body { 
  margin:0 auto;
  background:#A3BCB6; 
  font:100% verdana, arial, helvetica, sans-serif;
  text-align:left;
  color:#000000;
}
#Header {
  top: 0;
  padding:0.25em;
  background-color:#A3BCB6;
  color:black;
  font-size: 110%;
  line-height:140%;
  width:100%;
  text-align:center; margin:1em auto;
}

#Header h2 { font-variant:small-caps; }
#Header.a {display:inline; }
#Header hr { margin-top:1em; }
	


#Content { display:table; padding:0; height:75vh; width:100%; }

#bfLeft { display:table-cell; width:20%; padding:1em; margin:0; text-align:center; vertical-align: top; }
#bfLeft span { font-size:120%; line-height:150%; font-weight:bold; }
#bfLeft a:link { display:block; color:white; text-decoration:none; }
#bfLeft a:visited { color:white; }
#bfLeft a:hover { color:#66DD75; }
#bfLeft ul { display:block; margin:auto; padding:.5rem; border-radius:1rem; border:0.3rem solid black; background:#344E41; }
#bfLeft li { display:block; list-style-type:none; margin:0.5em 0; font-size:95%; line-height:85%; }

#bfRight { display:table-cell; padding:1%; margin:0 auto; width:auto; vertical-align:top; text-align:center; }
#bfRight a:link { display:inline-block; color:blue; text-decoration:none; }
#bfRight a:visited { color:blue; }
#bfRight a:hover { color:red; }
#bfRight p { text-align:center; }
#bfRight h2 { color:#39603D; font-size:180%; margin: .5rem auto; } /* color:#227096;  */ 
#bfRight pre { text-align:left; }
#bfRight dl { width:100%; overflow: hidden; }
#bfRight dt, dd { float:left; margin:0; padding: .5em; }
#bfRight dt { text-align:right; }
#bfRight dd { text-align:left;  }

#Footer {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  padding: .5em;
  background-color: black;
  color:white;
  font-size: 90%;
  line-height: 110%;
  width: 100%;
}
#Footer a:link { color:white; }
#Footer a:visited { color:white; }
#Footer a:hover { color:red; }

.bfFooter {
  display: grid;
  grid-template-areas:
  'FootLeft FootRight';
}

.bfFootLeft { grid-area:FootLeft; }
.bfFootRight { grid-area:FootRight; text-align:right; }


/* -------------------------- */
/* BEGIN Cookbook Definitions */
/* -------------------------- */

.cbImages { display:block; }

/* individual Recipe Stuff */ 
#RecipeCat { color:black; text-align:left; font-size:.95rem; font-weight:normal; width:100%; padding:0 4rem; }
#RecipeCat th { color:#39603D; font-weight:bold; font-size:120%; }
#RecipeCat a:link { display:block; color:black; text-decoration:none; }
#RecipeCat a:visited { color:black; }
#RecipeCat a:hover { color:white; }


.RecipeTitle {
  background-color: #FFE4C2;
  float:left;
  max-width:60%;
  height:2.5rem;
  padding:0.5em 1rem;
  margin-left:6rem;
  text-align:center;
  font-size:1.2rem;
  font-weight:bold;
  border-top-right-radius:10px; 
  border-top-left-radius:10px; 
}
.RecipeTitle::after { clear:float }

/* Using the recipe index card metaphor for the entire recipe part of the page */ 
#RecipeCard {
  display:inline-block;
  width:90%;
  top:0px;
  background-color:#FFE4C2;
  padding:0.8rem;
  margin:0 auto 1.5rem auto; 
  text-align:left;
  border-radius:10px;
}

/* Ingredients are often broken into 2 or more sets. Mix the first, add the second set...  */ 
#RecipeCard ul  {
  display:inline-block;
  border-style:solid; 
  border-width:0 .2rem 0 0;
  border-color:#344E41;
  white-space:nowrap;
  margin:0 1rem;
  padding:.3rem 1rem .5rem .5rem;
  vertical-align:top;
  list-style-type:none;
}
#RecipeCard a:link { display:inline; color:green;}
#RecipeCard a:visited { color:green; }
#RecipeCard a:hover { color:blue; }


#RecipeCard p { display:block; margin:auto; padding:.5rem 1.5rem; text-align:left; }
#RecipeCard table { margin: auto; width:60%; text-align:center; }
#RecipeCard td { border-width: 0 0 .1rem 0; border-bottom-style:solid; border-color:black; text-align:center; }

#RecipeReview { width:85%; display:inline-block; text-align:justify; }
#RecipeReview::after { content: ''; width: 100%; display: inline-block; } /* Ensures justification works */

#RecipeReview table { 
  margin:auto; 
  width:30%;
  display:inline-block; 
  padding:0.3rem .5rem .5rem .5rem; 
  border-radius:.5rem; border:.15rem solid black; 
  background:#A3B18A; 
  font-size:90%;
  font-weight:normal;
  color:black;
  line-height:100%;
}
#RecipeReview th { text-align:right; font-weight:600; color:#344E41; }

.cbAppendix { margin:0 auto; }
.cbAppendix dt{ 
  width:32%;				/* - - balance with dd - - */
  color:#39603D;
  font-weight:700;
  font-size:1.2rem;
  line-height:1.3;
}
.cbAppendix dd{
  width:65%;				/* - - balance with dd - - */
  font-size:1rem;
  line-height:1.2rem;		/* ease of reading */
}
.cbAppendix th { text-align: right; width:46%;  }
.cbAppendix td { text-align: left; padding-left: .5rem; }

.txRed { color:red; }
/* ------------------------ */
/* END Cookbook Definitions */
/* ------------------------ */