p.name {
	text-align:right;
	border-bottom: 1px solid var(--text-colour-dull);
	color:var(--text-colour-highlight);
	padding-bottom:1em;
}
div:last-child>p.name {
	border-bottom: none;
}
.memoriam {
	font-size:95%;
	color:var(--text-colour-dull);
	width:100%;
}
.memoriam p:not(.name) {
	padding:0 18px;
}
@media screen and (min-width: 750px) {
	.memoriam {
		padding:0 16%;
	}
}

#bookcase-cont {
    float: left;
    height: 390px;
    width: 100%;
    /*background-image: url('../styles/border.png');*/
	background-color:maroon;
    box-shadow: 0 0 120px 60px rgba(0,0,0,0.5), inset 0 0 20px rgba(0,0,0,0.8);
}
#bookcase {
    position: absolute;
    height: 360px;
    width: 100%;
    margin: 0;
    padding: 0;
    background-color:#FFFFD5;
    /*background-image: url('../styles/wood.png');*/
	box-shadow: inset 0 0 60px 60px rgba(0,0,0,0.4);

    .book {
        border-width: 0,0,0,0;
        border-radius: 4px;
        position: relative;
        bottom: 0;
        overflow: hidden;
        float: left;
        z-index: 0;
        .transform(all, 0.1s);
        .scale(1);
        .origin(50%,100%);
        &:hover {
            box-shadow: -3px 20px 20px rgba(0,0,0,0.8);
            .scale(1.1,1.02);
            z-index: 9999;
        }
        .canvas-texture {
            border: none;
            position: absolute;
            z-index: 0;
        }
        .booktext {
            white-space: nowrap;
            color: #bba217;
            font-size: 1.25em;
            font-family: Garamond, "Adobe Garamond Pro";
            speak: none;
            font-smoothing: antialiased;
            -webkit-font-smoothing: antialiased;
            font-weight: 900;
            text-decoration: none;
            text-shadow: 1px 1px 1px rgba(255,255,255,0.2), -1px -1px 1px rgba(0,0,0,0.8);
            
            display: block;
            position: relative;
            left: 50%;
            
            @originx: 0%;
            @originy: 50%;
            transform-origin: @originx @originy;
            -webkit-transform-origin: @originx @originy;
            -moz-transform-origin: @originx @originy;
            -o-transform-origin: @originx @originy;
            
            -webkit-transform: rotate(90deg);
            -moz-transform: rotate(90deg);
            -o-transform: rotate(90deg);
            i {
                font-size: 0.75em;
                margin-bottom: 0.2em;
            }
        }
    }
}
#hidden-container {
    position: absolute;
    left: -9999px;
}

.book {
    border-radius: 4px;
    position: relative;
    overflow: hidden;
    float: left;
}

.book .canvas-texture {
    position: absolute;
}

.book .booktext {
    white-space: nowrap;
    color: #BBA217;
    font-size: 1.25em;
    font-family: Garamond, Serif;
    font-weight: 900;
    text-decoration: none;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.2), -1px -1px 1px rgba(0,0,0,0.8);
    
    display: block;
    position: relative;
    left: 50%;
    
    @originx: 0%;
    @originy: 50%;
    transform-origin: @originx @originy;
    -webkit-transform-origin: @originx @originy;
    -moz-transform-origin: @originx @originy;
    -o-transform-origin: @originx @originy;
    
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}