* {
    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;
}