/* Anime Pictures! */
@import "https://dl.dropboxusercontent.com/s/gu18pcrizqmsf21/animelist.css?dl=0";

body{
	background-color: #000000;
	color: #00CC00;
	font-size: 12px;
	font-family: Arial, Verdana;
}

/* General List Position */
#list_surround{
	margin-left: 300px;	
	width: 920px;
	background-color: #000000;
	padding: 25px;
}

/* Link Formatting */
a{
	color: #00CC00;
	text-decoration: none;
}

/* Row Formatting */
tr{
	color: #00CC00;
	text-decoration: none;
}

/* Grey background on "selected" row */
tr:hover{
	background-color: #222222;
}

/* Table Headers (e.g. Anime Title) */
.table_header{
	font-weight:bold;
}

/* Header for each section (e.g. Completed) */
.header_title{
	text-align: center;
	padding-bottom: 1px;
	font-size: 2em;
    font-weight: bold;
	color: #00CC00;
}

/* The summation under each section (e.g. TV:4, OVA...) */
.category_totals
{
	padding-top: 3px;
}

/* The summation of all sections */
#grand_totals
{
	padding-top: 3px;
	text-align: center;
}

/* Show a picture of the anime to the left on hover */

#list_surround table:nth-of-type(n+4) tbody:hover .animetitle:after{
background-repeat: no-repeat;
background-size: 200px 284px;
border: 3px ridge #00CC00;
content: "";
display: block;
height: 284px;
left: 90px;
position: fixed;
top: 100px;
width: 200px;
z-index: 10;
}

/* Show a "blank" picture to the left if the anime's picture is loading or isnt' found */
#list_surround table:nth-of-type(n+4) tbody:hover .animetitle:before{
background-image: url(https://dl.dropboxusercontent.com/s/xqktcjp2b2yjnda/smpte3.gif);
background-repeat: repeat;
background-size: contain;
border: 3px ridge #00CC00;
content: "";
display: block;
height: 284px;
left: 90px;
position: fixed;
top: 100px;
width: 200px;
z-index: 0;
}

/* Hide the tags in a location to the left, beneath the pictures */
td[class^='td']:nth-of-type(6) {
visibility: hidden;

/* COMIC SAAAAAAAAAAAAAAAANSSSSSSSSSSSS */
font-family: "Comic Sans MS", cursive, sans-serif;
font-size:16px;
height: 225px;
left: 90px;
padding: 25px 10px 0px 10px;
position: fixed;
top: 380px;
width: 170px;
z-index: 1;}

/* Show the show's tags when its row is hovered over */
#list_surround tbody:hover td[class^='td']:nth-of-type(6){
visibility: visible;
}

/* Hide the header word "Tags" */
.table_header:nth-of-type(6){
    display: none;
}