<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=windows-1252">
    <link rel="alternate stylesheet" type="text/css" href="resource://gre-resources/plaintext.css"
      title="Wrap Long Lines">
  </head>
  <body>
    <pre>body {
  /* font-family: Verdana, Perpetua, Didot, Calibri, "Century Gothic", Arial, Helvetica, sans-serif; */
  font-family: Verdana, Arial, Helvetica, sans-serif;
  padding: 20px;
  background: #f1f1f1;
}

body {
  font-family: Arial, Helvetica, sans-serif;
}

h1 {
  font-family: Futura, Calibri, Arial, Helvetica, sans-serif;
}

/*
h2 {
  font-family: "ITC Stone Sans", Futura, Calibri, Arial, Helvetica, sans-serif;
}
*/


h2 {
  font-family: "Didot", "Georgia Italic", "Times New Roman", serif;
  font-style: italic;
}

/* Mods for printing */

/*
@page { 
    size: auto;
    margin: 20mm 0 10mm 0;
}


@media print{    
    body {
        margin:0;
        padding:0;
    }
    div{
        background-color: #FFFFFF;
    }
    recipe{
        font-size: 8pt;
        padding: 0;
        margin: 10mm 0 10mm 0;
   }
}
*/

/* Header/Blog Title */
.header {
  font-family: Futura, Calibri, Arial, Helvetica, sans-serif; 
  padding: 1px;
  font-size: 24px;
  text-align: center;
  /* background: #4ABDAC; */
  background: #75B9D0;
}

/* Create two unequal columns that floats next to each other */
/* Left column */
/***
.leftcolumn { 
  float: left;
  width: 75%;
}
***/

/* Right column */
/***
.rightcolumn {
  float: left;
  width: 25%;
  padding-left: 20px;
}
***/

/*  image */
.img {
  background-color: white;
  width: 100%;
  padding: 30px;
  background-size: cover;
}

/* Fake image */
.fakeimg {
  background-color: #aaa;
  width: 100%;
  padding: 20px;
}

/* Add a card effect for articles */
.card {
  background-color: white;
  padding: 30px;
  margin-top: 20px;
}

/* Code formatting */
pre code {
  background-color: #eee;
  border: 1px solid #999;
  display: block;
  padding: 20px;
}

/** topnav **/

/* Add a black background color to the top navigation */
.topnav {
    background-color: #333;
    overflow: hidden;
}

/* Style the links inside the navigation bar */
.topnav a {
    float: left;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
}

/* Change the color of links on hover */
.topnav a:hover {
    background-color: #ddd;
    color: black;
}

/* Add a color to the active/current link */
.topnav a.active {
    background-color: #4CAF50;
    color: white;
}

/** navbar **/

.navbar { 
  background-color: #333; 
  color: black;
  overflow: hidden; 
  width: 100%; 
  font-family: "ITC Stone Sans", Futura, Calibri, Arial, Helvetica, sans-serif;
  font-style: bold;
  }

/* Style the links inside the navigation bar */
.navbar a {
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;<br>}

/* Change the color of links on hover */
.navbar a:hover {
    background-color: #ddd;
    color: black;
}

/* Add a green background color to the active link */
.navbar a.active {
    background-color: #4AAD48;
    color: white;
}

.navbar ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #f2f2f2;
}

.navbar li {
  float: left;
}

.navbar li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

/* Hide the link that should open and close the navbar on small screens */
.navbar .icon {
    display: none;
}

/** Flex Layout for recipes **/

.recipe {
  display: flex;
  justify-content: left;
  background-color: white;
}

.recipe &gt; div {
  background-color: white;
  width: 50%;
  margin: 10px;
  text-align: left;
  font-size: 20px;
}

/* set <pre> to match normal text */

pre {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  line-height: inherit;
  background-color: inherit;
  padding: inherit;
  border: inherit;
}
/* Styling for A-Z index */

#azindex {
background: #75B9D0;
float: left;
margin: 5px 0 20px 10px;
padding: 0px 5px 15px 5px;
width: 520px;
}
* html #azindex {
padding: 5px 5px 10px 5px;
width: 490px;
}
#index {
font: bold 100% Verdana, Helvetica, sans-serif;
margin: 0;
padding: 0;
}
#index li {
float: left;
height: 2em;
list-style-type: none;
margin: 0.65em 0.3em;
padding: 0;
width: 3em;
}
* html #index li {
margin: 0.2em 0.2em;
}
#index a:link, #index a:visited {
background: #fff;
color: navy;
display: block;
height: 2em;
padding: 0.75em 0 0 0;
text-align: center;
text-decoration: none;
width: 3em;
}
#index a:hover {
background: #93D1E4;
color: #fff;
text-decoration: underline;
}


/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Footer */
.footer {
  padding: 20px;
  text-align: center;
  background: #4ABDAC;
  margin-top: 20px;
}

/* Responsive layout - when the screen is less than 800px wide, make the two columns stack on top of each other instead of next to each other */
/*
@media screen and (max-width: 800px) {
  .leftcolumn, .rightcolumn { 
    width: 100%;
    padding: 0;
  }

}
  */

</pre>
  </body>
</html>
