/* Do not touch these styles! */

.potato-menu {
    margin: 0;
    padding: 0;
    width: auto;
    list-style: none;
}

.potato-menu:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}

.potato-menu .potato-menu-item {
    padding: 0;
    position: relative;
    list-style: none;
    list-style-position: outside;
    display: inline;
    margin: 0;
    float: left;
}

.potato-menu .potato-menu-item a {
    display: block;
    text-decoration: none;
    white-space: nowrap;
    outline: 0;
}

.potato-menu .potato-menu-group {
    margin: 0;
    padding: 0;
    -webkit-padding-start: 0;
    -webkit-padding-end: 0;
    position: absolute;
    display: none;
    z-index: 1000;
}


/* Feel free to touch these */

#nav > li {
    /* Can define LI Height, but we'd rather mess with A height, since the A is the hit area */
}

#nav > li > a {
    padding: 8px;
}

#nav {
    width: 100%;
}

li.potato-menu-item {
    font-size: 12px;
}

li.potato-menu-item a {
    padding: 5px 20px 5px 12px;
    color: #fff;
}

li.potato-menu-hover {
    /* Override in master CSS */
}

li.potato-menu-item ul {
    border-top: 1px solid #444;
    border-left: 1px solid #444;
}

ul.potato-menu-vertical {
    width: 300px;
}

ul.potato-menu-vertical > li.potato-menu-item {
    width: 100%;
}