#list_surround > table:first-of-type:before {
	opacity: 1;
	position: fixed;
	display: block; 
	right: 0;
	bottom: 80px;
	content: '';
	width: 100px;
	height: 144px;
	background-position: center bottom;
	background-repeat: no-repeat;
	transition: opacity .5s linear .7s, width 0s linear .7s, height .5s linear, background-position .5s linear;
	-webkit-transition: opacity .5s linear .7s, width 0s linear .7s, height .5s linear, background-position .5s linear;
}

#list_surround > table:first-of-type:hover:before {
	opacity: 0;
	width: 0;
	height: 304px; 
	background-position: center top;
	transition: opacity .5s linear .7s, width 0s linear 1.2s, height .5s linear, background-position .5s linear;
	-webkit-transition: opacity .5s linear .7s, width 0s linear 1.2s, height .5s linear, background-position .5s linear;
}

#list_surround > table:first-of-type:hover .status_selected a, #list_surround > table:first-of-type:hover .status_not_selected a { margin-right: 0; }

/* RENDERS AND BACKGROUNDS */
.status_selected {
	position: fixed;
	display: inline-block;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: -1;
}

/* MENU BUTTONS */
.status_not_selected { position: fixed; }

.status_selected a, .status_not_selected a,
.status_selected a:before, .status_not_selected a:before {
	position: fixed;
	display: block;
	margin-right: -132px;
	width: 100px;
	padding-right: 5px;
	line-height: 25px;
	font-size: 14px;
	border-style: solid;
	border-width: 1px 1px 0;
	border-left: 1px solid #000000 !important;
	text-align: right;
    white-space: nowrap;
	font-family: 'Architects Daughter', cursive;
	transition: margin-right .5s linear .3s;
	-webkit-transition: margin-right .5s linear .3s;
}

.status_selected a:before, .status_not_selected a:before { border-left: none !important; }

.status_selected a, .status_not_selected a {
	right: 0;
	bottom: 90px;
}

.status_selected a, .status_not_selected a:hover,
.status_selected a:before, .status_not_selected a:hover:before {
	color: #000000;
	background-color: rgb(203, 40, 28);
}

.status_selected a:after, .status_not_selected a:hover:after {
	position: absolute;
	display: inline-block;
	content: '';
	margin-left: -126px;
	margin-top: -2px;
	width: 25px;
    	height: 25px;
}

.status_not_selected a:hover:after {
	animation: Rotate .5s infinite alternate;
    	-webkit-animation: Rotate .5s infinite alternate;
}

.status_not_selected a[href*="status=1"], .status_selected a[href*="status=1"],
.status_not_selected a[href*="status=6"], .status_selected a[href*="status=6"] { font-size: 0; }

.status_not_selected a[href*="status=1"]:after, .status_selected a[href*="status=1"]:after,
.status_not_selected a[href*="status=6"]:after, .status_selected a[href*="status=6"]:after { content: ''; }

.status_not_selected a[href*="status=1"], .status_selected a[href*="status=1"] { margin-bottom: 125px; }

.status_not_selected a[href*="status=2"], .status_selected a[href*="status=2"] { margin-bottom: 100px; } 

.status_not_selected a[href*="status=3"], .status_selected a[href*="status=3"] { margin-bottom: 75px; } 

.status_not_selected a[href*="status=4"], .status_selected a[href*="status=4"] { margin-bottom: 50px; } 

.status_not_selected a[href*="status=6"], .status_selected a[href*="status=6"] { margin-bottom: 25px; }

.status_not_selected a[href*="status=7"], .status_selected a[href*="status=7"] { border-width: 1px; }

/* Currently watching */
.status_not_selected a[href*="status=1"]:before, .status_selected a[href*="status=1"]:before { content: 'Watching'; border-width: 0; }
 
/* Planned */
.status_not_selected a[href*="status=6"]:before, .status_selected a[href*="status=6"]:before { content: 'Planned'; border-width: 0; }