@import url(http://fonts.googleapis.com/css?family=Quicksand|Electrolize); 
@import url(https://dl.dropboxusercontent.com/s/a07caakc81zxhaz/content.css);
@import url(https://dl.dropboxusercontent.com/s/hyrvicc2sikajgx/menu.css);
@import url(https://dl.dropboxusercontent.com/s/hiuoeh8pgzdrocl/animelist.css);
@import url(https://dl.dropboxusercontent.com/s/29jw8za7fsy5ns9/faves.css); 
@import url(https://googledrive.com/host/0BxjwQr0BBXs-aDYxM2JlaFM2bnM); 

#list_surround br { display:none; }

/* # */
td[class^='td']:first-of-type { 
position: absolute !important;
margin-left: -24px !important; 
margin-top: 0; 
width: auto !important; 
padding: 5px 10px;
background-color: rgba(178, 34, 34, 1) !important;
border-radius: 10em;
-o-border-radius: 10em;
-moz-border-radius: 10em;
-webkit-border-radius: 10em;
}

/* Score */
td[class^='td']:nth-of-type(3):before { content: 'My score: '; font-size: 12px; } 

td[class^='td']:nth-of-type(3) {
position: absolute !important;
right: 6px !important; 
top: 219px !important; 
width: auto;
color: #F8F8FF; 
font-size: 28px;
text-align: right;
z-index: 5;
}

td[class^='td']:nth-of-type(3) a { color: #F8F8FF; }

/* Type */
td[class^='td']:nth-of-type(4) {
position: absolute !important;
margin-left: -344px !important; 
margin-top: 32px; 
width: auto !important; 
}

/* Episodes */
td[class^='td']:nth-of-type(5):before { content: 'Episodes: '; } 

td[class^='td']:nth-of-type(5) {
position: absolute !important;
margin-left: -344px !important; 
top: 224px !important; 
width: auto !important; 
z-index: 5 !important;
}

/* Tags */
td[class^='td']:nth-of-type(6) {
pointer-events: none;
position: absolute !important;
display:;
left: -33px !important; 
top: 58px !important; 
width: 276px !important; 
white-space: pre-line;
font-weight: 400 !important;
}

td[class^='td']:nth-of-type(6) a { font-weight: 400; }

/* Covers settings */
.hide {
visibility: visible;
position: relative;
display: inline-block !important;
float: left;
width: 180px !important;
height: 256px !important;
margin-top: 8px;
margin-left: -497px;
background-repeat: no-repeat !important;
background-size: 100% 100%;
border-radius: 10px;
-o-border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
box-shadow: 0 4px 8px rgba(0, 0, 0, .9), inset 0 0 1px rgba(0, 0, 0, .7);
-o-box-shadow: 0 4px 8px rgba(0, 0, 0, .9), inset 0 0 1px rgba(0, 0, 0, .7);
-moz-box-shadow: 0 4px 8px rgba(0, 0, 0, .9), inset 0 0 1px rgba(0, 0, 0, .7);
-webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, .9), inset 0 0 1px rgba(0, 0, 0, .7);
z-index: 10;
}

/* Covers glow effect*/
.hide:after {
position: absolute;
content: '';
width: 0% !important;
height: 0% !important;
margin-left: 5%;
margin-top: 5%;

border-radius: 10px;
-o-border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;

background: linear-gradient(top, rgba(255, 255, 255, 0.7) 0%,rgba(255, 255, 255, .1) 100%);
background: 
-moz-linear-gradient(top, 
rgba(255,255,255,0.7) 0%, 
rgba(255,255,255,.1) 100%);
background:
-webkit-gradient(linear, left top, left bottom,
color-stop(0%,rgba(255,255,255,0.7)),
color-stop(100%,rgba(255,255,255,.1)));
}

body {
width: 100%;
background-image: url("https://dl.dropboxusercontent.com/s/hm8ofdfkquijur4/Untitled.png"); /* Fate/Zero background */
background-repeat: no-repeat;
background-attachment: fixed;
background-size: contain;
color: #f8f8ff;
font-size: 12px;
font-family: 'Quicksand', sans-serif; /* Custom font */
cursor: default;
overflow-x: scroll;
overflow-y: hidden;
}

a { text-decoration: none; }

a:hover { cursor: pointer; }

#list_surround {
position: absolute !important;
display: inline-block;
float: left;
left: 0;
bottom: 0;
min-width: 100%;
height: 300px;
min-height: 31%;
margin-right: -999999em;
border-top: solid 4px #b22222; /* Purple border above covers at the bottom */
background-color: rgba(24, 24, 24, 1);
/* Purple shadow above the purple border at the bottom */
box-shadow: 0 0 20px rgba(178, 34, 34, 1);
-o-box-shadow: 0 0 20px rgba(178, 34, 34, 1);
-moz-box-shadow: 0 0 20px rgba(178, 34, 34, 1);
-webkit-box-shadow: 0 0 20px rgba(178, 34, 34, 1);
}

.animetitle {
position: absolute; 
margin-left: -36px !important; 
width: 256px;
font-size: 18px;
font-weight: 600;
color: #FFFFFF !important;
text-shadow: 0 0 0.2em #F281B7;
white-space: pre-wrap;
}

/* Airing, rewatching etc.*/
.animetitle + small {
visibility: visible !important;
position: absolute !important;
display: inline-block !important;
margin-left: -88px;
margin-top: 202px;
font-size: 12px !important;
line-height: 14px !important;
width: auto !important; 
padding: 5px 10px;
background-color: rgba(178, 34, 34, 1);
border-radius: 10em;
-o-border-radius: 10em;
-moz-border-radius: 10em;
-webkit-border-radius: 10em;
}

.td1, .td2 {
position: relative !important;
display: inline-block;
margin-left: 64px !important;
line-height: 24px !important;
}

.td1 a, .td2 a { color: #f8f8ff; font-weight: 600; }

#list_surround .header_title span { display: none; }

.category_totals {
position: fixed !important;
display: inline-block !important;
left: 0;
bottom: 0;
width: 100% !important;
padding: 2px;
font-size: 10px;
font-weight: 600;
line-height: 20px;
text-align: center !important;
color: #FFFFFF !important;
background-color: rgba(178, 34, 34, 1) !important; /* Purple background of totals cathegory */
}

#grand_totals { display: none; }

#copyright {
position: absolute !important;
display: inline-block !important;
margin-left: -494px !important;
top: -10px;
height: 174px;
width: 384px;
padding: 104px 6px 0 6px;
border-left: solid 4px #B22222;
border-right: solid 4px #B22222;
}

#copyright a { color: #8f2589; font-weight: 600; }

#copyright a:hover { text-decoration: underline; }

#copyright:after { display: block; content: 'List designed by Hahaido.'; }

/*Iori, Inaba pics*/
#list_surround:before {
position: fixed !important;
display: block !important;
content: '';
left: 0;
top: 0;
width: 50%;
height: 100%;
background-image: url();
background-repeat: no-repeat;
background-position: top center;
background-size: contain;
z-index: -1;
}
.animetitle[href$="/Fate/zero_2nd_Season"] span:after, 
.animetitle[href$="/Toradora!"] span:after, 
.animetitle[href$="/Clannad:_After_Story"] span:after, 
.animetitle[href$="/Kokoro_Connect"] span:after, 
.animetitle[href$="/Angel_Beats!"] span:after, { 
position: absolute; 
display: block; 
content: ' '; 
margin-left: 102px; 
margin-top: 198px; 
width: 32px; 
height: 36px; 
background: url('Images/favorite.png') no-repeat; 
}
}