@media all {
    .panel {
        display: block;
        margin: 2em;
        padding: 0 1em 1em 1em;
        text-align: center;
        clear: left;
    }

    .panel.left {
        width: 40%;
        margin: 0 0 2em 2em;
    }

    .panel.right {
        width: 40%;
        float: right;
        margin: 0;
        margin: 0 2em 2em 0;
    }

    .panel ul {
        list-style-type: none;
        font-size: larger;
    }

    .panel ul li {
        display: inline;
        padding: 0 2em 0 2em;
        line-height: 2;
        white-space: nowrap;
    }
}

@media screen {
    .panel {
        border: .2em solid #AAA;
        -moz-border-radius: 2em;
        border-radius: 2em;
    }
}