* {
      font-family: monospace;
  }
  html {
      background: #fff url('fruit_veg_web.jpg') no-repeat fixed center center;
  }
  body {
      padding: 10px;
      margin: 10px auto;
      min-width: 500px;
      max-width: 900px;
      /* Moz proprietary opacity property */
      -moz-opacity: 0.7;
      /* Safari / KHTML proprietary opacity property */
      -khtml-opacity: 0.7;
      /* Microsoft proprietary filter property */
      filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
      /* CSS 3 opacity property */
      opacity: 0.7;
      background: url('cross_hatch.jpg') repeat;
  }
  table.recipe {
      width: 100%;
      margin-bottom: 5px;
      table-layout: fixed;
      border-collapse: collapse;
      empty-cells: hide;
  }
  th, td {
      border: thin solid lightgrey;
  }
  caption {
      text-align: left;
      margin-bottom: 5px;
      text-transform: lowercase;
      font-size: 160%;
      padding: 5px;
      letter-spacing: 10px;
      font-weight: bold;
  }
  table.recipe thead th {
      font-weight: bold;
      font-size: 150%;
      color: black;
  }
  table.recipe thead th, table.recipe tbody td {
      padding: 5px;
      text-transform: lowercase;
  }
  table.recipe tbody td, table.recipe tfoot td {
      font-size: 130%;
  }
  table.recipe tfoot td {
      padding: 5px;
  }
  table.recipe tbody td:hover,
  table.recipe thead th:hover,
  table.recipe tfoot td ul:hover,
  table.recipe caption:hover,
  table.recipe tfoot td p:hover {
      background: black;
      color: white;
      font-weight: bold;
  }
  table.recipe tfoot td p {
      padding: 5px;   
  }
  li {
      margin-left: 30px;
      padding-left: 30px;
  }