body {
  background-color: #333333;
  color: white;
  font-size: 16px;
}

/* Centers the main body of every page */
.centered-page {
    max-width: 800px;
    margin: 0 auto;
    padding: 10px;
}

a:link {
  color: white;
  background-color: transparent;
  text-decoration: underline;
}

a:visited {
  color: white;
  background-color: transparent;
  text-decoration: underline;
}

table, th, td {
  border:2px solid black;
  border-collapse: collapse;
  width: 100%;
  padding: 1px 10px;
}

/* Larger screens */
@media (min-width: 650px) {
  table {
    width: 615px;
  }
} 

/*
Smaller tablets and mobiles
@media (max-width: 768px) {
  table {
    width: 100%;
  }
}
*/

ul.header {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
    }

li.header {
        float: left;
        border-left:1px solid white;
}

li:last-child.header {
        border-right:1px solid white;
}
    
li a.header {
        display: block;
        color: white;
        text-align: center;
        padding: 8px 8px;
        text-decoration: none;
}
    
li a:hover:not(.active).header {
        background-color: #111;
}
    
.active.header {
        background-color: #04AA6D;
}

/* Formatting for Cooking Time title */
.cooking-time-title-format {
    margin-bottom: 0.0em;
    padding-left: 0.5em;
    text-indent: -0.5em;
    line-height: 1.0;
}

/* Formatting for Cooking Time lengths */
.cooking-time-length-format {
    margin-bottom: 0.0em;
    padding-left: 1.0em;
    text-indent: -0.5em;
    line-height: 1.0;
}

/* Formatting for Tools and Equipment title */
.tools-and-equipment-title-format {
    margin-bottom: 0.0em;
    padding-left: 0.5em;
    text-indent: -0.5em;
    line-height: 1.0;
}

/* Formatting for Tools and Equipment list */
.tools-and-equipment-list-format {
    margin-bottom: 0.0em;
    padding-left: 1.0em;
    text-indent: -0.5em;
    line-height: 1.0;
}

/* Formatting for Servings title */
.servings-title-format {
    margin-bottom: 0.0em;
    padding-left: 0.5em;
    text-indent: -0.5em;
    line-height: 1.0;
}

/* Formatting for Servings count */
.servings-count-format {
    margin-bottom: 0.0em;
    padding-left: 1.0em;
    text-indent: -0.5em;
    line-height: 1.0;
}

/* Formatting for Notes title */
.notes-title-format {
    margin-bottom: 0.0em;
    padding-left: 0.5em;
    text-indent: -0.5em;
    line-height: 1.0;
}

/* Formatting for Notes list */
.notes-list-format {
    margin-bottom: 0.0em;
    padding-left: 1.0em;
    text-indent: -0.5em;
    line-height: 1.0;
}

/* Formatting for instruction title */
.instructions-title-format {
    margin-bottom: 0.0em;
    padding-left: 0.5em;
    text-indent: -0.5em;
    line-height: 1.0;
}

/* Formatting for instruction name */
.instructions-name-format {
    margin-bottom: 0.0em;
    padding-left: 0.5em;
    text-indent: -0.5em;
    line-height: 1.0;
}

/* Formatting for instruction steps */
.instructions-step-format {
    margin-bottom: 0.0em;
    padding-left: 1.0em;
    text-indent: -0.5em;
    line-height: 1.1em;
}

/* Formatting for instruction step lists */
.instructions-step-list-format {
    margin-bottom: 0.0em;
    padding-left: 1.0em;
    text-indent: -0.5em;
    line-height: 1.1em;
}

/* Formatting for Recommended Pairings title */
.recommended-pairings-title-format {
    margin-bottom: 0.0em;
    padding-left: 0.5em;
    text-indent: -0.5em;
    line-height: 1.0;
}

/* Formatting for recommended pairtings options */
.recommended-pairings-options-format {
    margin-bottom: 0.0em;
    padding-left: 1.0em;
    text-indent: -0.5em;
    line-height: 1.0;
}

/* Formatting for Recipe Inspired By title */
.recipe-inspired-by-title-format {
    margin-bottom: 0.0em;
    padding-left: 0.5em;
    text-indent: -0.5em;
    line-height: 1.0;
}

/* Formatting for recommended pairtings options */
.recipe-inspired-by-list-format {
    margin-bottom: 0.0em;
    padding-left: 1.0em;
    text-indent: -0.5em;
    line-height: 1.0;
}