Body {
    margin: 0px;
    padding: 0px;
    font-family: 'Segoe UI','Lucida Grande',Verdana,Arial,Helvetica,sans-serif;
    font-size: 20px;
    color: #777;
}

a {
    color: #111;
    text-decoration: none;
}

    a:hover {
        color: #ed8940;
        text-decoration: none;
    }

body > div {
    overflow: hidden;
    margin: 50px auto 0px auto;
    width: 300px;
}

    body > div > div:not(#Content) {
        position: relative;
        height: 100px;
        width: 300px;
    }

        body > div > div:not(#Content) div {
            position: absolute;
            font-size: 10px;
        }

            body > div > div:first-of-type div {
                bottom: 0px;
                transform-origin: 0% 50%;
                transform: rotate(-70deg);
            }

            body > div > div:last-of-type div {
                -webkit-transform-origin: 0% 50%;
                -webkit-transform: rotate(70deg);
            }

    #Content {
        overflow: hidden;
        min-height: 190px;
        width: 300px;
        text-align: right;
    }

        #Content > * {
            float: left;
            min-height: 190px;
            text-align: right;
        }

        #Content #Header {
            width: 70px;
        }

        #Content #Header.Border {
            border-right: 1px solid #ddd;
        }

            #Content #Header a {
                display: block;
                margin-top: 165px;
                border: 0px;
                width: 30px;
                padding: 40px 0px 20px 25px;
                font-size: 22px;
                font-family: Georgia1, Georgia, serif;
                line-height: 0px;
                letter-spacing: 3px;
                color: #888;
                -webkit-transform-origin: 50% 50%;
                -moz-transform-origin: 50% 50%;
                -ms-transform-origin: 50% 50%;
                -o-transform-origin: 50% 50%;
                -webkit-transform: rotate(-90deg);
                -moz-transform: rotate(-90deg);
                -ms-transform: rotate(-90deg);
                -o-transform: rotate(-90deg);
                cursor: pointer;
            }

        #Content canvas {
            width: 0px;
        }

        #Content #Text {
            border-left: 1px solid #ddd;
            padding: 20px 0px 10px 20px;
            width: 200px;
            text-align: left;
        }

            #Content #Text > div {
                overflow: hidden;
                width: inherit;
            }

                #Content #Text > ul {
                    list-style: none;
                    margin: 0;
                    padding: 0;
                }

                    #Content #Text > ul > li {
                        margin: 0px 0px 10px 0px;
                        padding: 0;
                        letter-spacing: 1px;
                        font-family: 'Candara';
                        font-style: italic;
                    }