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

.global-navigator {
    width: 2.5em;
    height: 50px;
    background: blue;
    position: absolute;
    left: 1em;
}
.tiny-menu {
    position: absolute;
    right: 2em;
    background: mediumorchid;
    height: 50px;
    width: 150px;
}


.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 {
    position: absolute;
    background: gray;
}