* {
}

body {
    font-size: 14pt;
    margin: 0px;
    font-family: "Segoe UI", sans-serif;
}

section {
    margin: 10px;
}

footer {
    background-color: black;
    color: white;
    font-size: 12px;
    width: 100%;
    text-align: center;
}


nav {
}

    nav ul {
        position: absolute;
        right: 0px;
        top: 42px;
        margin: 0px;
        background: white;
        color: black;
        border: 2px solid black;
        font-size: 26px;
    }

    nav li {
        position: static;
        list-style-type: none;
        margin-left: -20px;
        margin-right: 10px;
        padding: 0px;
        margin-top: 5px;
    }

    nav a {
        text-decoration: none;
        color: black;
    }

    nav ul {
        display: none;
    }

    nav:active ul {
    }

    nav:hover ul {
    }

header {
    position: relative;
    width: 100%;
    background-color: black;
    height: 42px;
}

header {
    height: 40px;
}

    header a img {
        text-decoration: none;
        position: absolute;
        left: 3px;
        top: 4px;
    }

#title {
    position: absolute;
    left: 42px;
    top: -.8em;
    color: white;
}

#menu-icon {
    position: absolute;
    width: 32px;
    height: 32px;
    right: 0px;
    top: 0px;
    font-size: 32px;
    color: white;
    font-weight: bold;
}

.ShowMenu {
    display: block;
}

.HideMenu {
    display: none;
}

.cocktails {
    font-size: larger;
}

dt {
    font-weight: bold;
}

dd {
    margin-left: 2em;
}


.recipe .name {
    font-size: 1.5em;
    font-weight: bold;
}

.recipe .garnish, .recipe .directions, .recipe .source, .recipe .comments {
    padding-top: .5em;
}

.recipe .ingredient {
    list-style:disc;
    font-weight:bold;
}

.description {
    xpadding-top: 1em;
    padding-bottom: 1em;
    font-size: 1.25em;
    xline-height:1.25em;
    font-family:'Times New Roman';
}