/** Swipeable spreads **/
.spread, .swipe-view {
    width: 768px;
}

.global-navigator {
    width: 50px;
    height: 50px;
    background: url(../img/tray.png);
    position: absolute;
    left: 1em;
}
.tiny-menu {
    position: absolute;
    right: 2em;
    background: mediumorchid;
    height: 50px;
    background: url(../img/menu.png);
    width: 200px;
}


.local-navigator {
    width: 20em;
    height: 30em;
    background: blue;
    position: fixed;    
    top: 50%;
    left: -18em;
    margin-top: -15em;
    opacity: 0.6;
}
.local-navigator.active {
    opacity: 1;
}

/** Stuff we don't know about yet **/
article .category, article .page, article .super-title, .local-navigator {
    position: absolute;
    background: gray;
    display: none;
}