@font-face {
    font-family: tvico;
    src: url(https://dl.dropbox.com/s/5mb1uydy6wm6t50/tvico.woff);
}
/*  BANNER (TOP IMAGE)*/
#inlineContent {
}

/* MAIN BACKGROUND (BEHIND EVERYTHING) */
body {
background-image: url(http://i.imgur.com/LzrxaP4.jpg);
background-attachment: fixed;
background-size: cover;
z-index: -3 !important;
background-position:center !important;
background-repeat: no-repeat;
}

/* BACKGROUND COLOR BEHIND TOP BAR AND BANNER BORDER */
#list_surround:before,
#inlineContent:after,
#inlineContent:before {
    background-color: black;    
}

/*******************************
OTHER CODES, DON'T TOUCH UNLESS YOU KNOW WHAT YOU'RE DOING
*******************************/


body, .hide {
	background-color: rgba(0, 0, 0, 0.25);
}

a {
	color: rgb(250, 250, 250);
}

#list_surround table:nth-of-type(n+4):not(.header_cw):not(.header_completed):not(.header_onhold):not(.header_dropped):not(.header_ptw):hover {
###background-color: rgba(0, 0, 0, 0.2);
}
.hide {
	-webkit-box-shadow: 0 0 10px -3px rgba(255, 255, 255, 0.9);
	box-shadow: 0 0 10px -3px rgba(255, 255, 255, 0.9);
	-moz-box-shadow: 0 0 10px -3px rgba(255, 255, 255, 0.9);
}
::selection {
	color: rgb(25, 25, 25);
	background-color: rgb(255, 255, 255);
}
::-moz-selection {
	color: rgb(25, 25, 25);
	background-color: rgb(255, 255, 255);
}

.td1, .td2, .td1 a + small, .td2 a + small {
	background-color: rgba(13, 13, 13, 0.45);
	box-shadow: -1px 2px 12px black;
}

#fancybox-wrap {
	position: fixed !important;
	top: 0px !important;
	bottom: 0px;
	left: 0px !important;
	right: 0px !important;
	max-height: 90%;
	margin: auto !important;
}

#fancybox-inner {
	bottom: 10px;
	height: auto !important;
}

body {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:white
}

a {
	text-decoration: none;
	position: unset;
}
**/banner***/
#inlineContent {
	
}


.header_cw + table , .header_completed + table , .header_onhold + table ,
.header_dropped + table , .header_ptw + table  {
	display:none;
}

#list_surround table:nth-of-type(n+4) ~ .header_cw + table ,
#list_surround table:nth-of-type(n+4) ~ .header_completed + table ,
#list_surround table:nth-of-type(n+4) ~ .header_onhold + table ,
#list_surround table:nth-of-type(n+4) ~ .header_dropped + table ,
#list_surround table:nth-of-type(n+4) ~ .header_ptw + table  {
	display: none;
}

.table_header {
	width: auto;
}

.table_header:first-of-type, .table_header:nth-of-type(n+6) {
	display: none;
}

.table_headerLink {
	display: block;
	padding: 4px 7px;
	height: 15px;
	text-align: center;
	border-radius: 4px;
}

td.status_not_selected:nth-child(6) {
display:none;
}


/* CATEGORY LINKS */

@keyframes spin {
	0% {
		transform: scale(1);
	}
	100% {
		transform: scale(1.1);
	}
}
@-webkit-keyframes spin {
	0% {
		transform: scale(1);
	}
	100% {
		transform: scale(1.1);
	}
}
#list_surround > table:nth-child(2) {
	background: url("https://dl.dropbox.com/s/96q2r8m14gena6n/LHR%20Glass.png") repeat scroll center center rgba(0, 0, 0, 0.6);
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 0 0 25px 25px;
    border-right: 1px solid rgba(255, 255, 255, 0.5);
    margin: 0 -20px;
    min-width: 726px;
    position: fixed;
    top: 25px;
    width: 70%;
    z-index: 3;
}
.status_not_selected, .status_selected {
border: 0 none !important;
height: auto !important;
text-align: center !important;
width: 16.667% !important;
}
.status_not_selected a, .status_selected a {
	color: #ffffff;
    display: inline-block !important;
    letter-spacing: 0;
	padding: 7px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
.status_selected a {
box-shadow: 0 13px 5px -10px rgba(255, 255, 255, 0.70);
}
.status_not_selected a:hover {
	background: url("https://dl.dropbox.com/s/r7l90i2brh44l7r/bg-menu-hover.png") no-repeat ;
    background-size: 100% 100%;
	animation: spin 0.55s infinite 0.5s;
	-webkit-animation:spin 0.55s infinite 0.5s;
}
.status_selected a:hover {
	background: url("https://dl.dropbox.com/s/r7l90i2brh44l7r/bg-menu-hover.png") no-repeat ;
    background-size: 100% 100%;
}


#list_surround {
	width: 70%;
	min-width: 726px;
	margin: 24px 15% 10px;
###	padding: 18px 0 42px 10%;
###	border-radius: 42px;
}

.header_cw, .header_completed, .header_onhold,
.header_dropped, .header_ptw {
	
height: 206px;
margin-bottom: 45px;
background-color: transparent;
background-repeat: no-repeat;
color:;
font-family:;
font-size:;
	background-repeat: no-repeat;
	background-size: 56%;
	background-position: 50% 50%;
margin-top: 104px;
margin-left: -20px;

}
.header_cw {
	background-image:url(http://i.imgur.com/WpldIzD.png);
}
.header_completed {
	background-image:url(http://i.imgur.com/uxjhf7G.png);
}

.header_onhold {
	background-image:url(http://i.imgur.com/XC5fAgK.png);
}
.header_dropped {
	background-image:url(http://i.imgur.com/ySR8g7l.png);
}
.header_ptw {
	background-image:url(http://i.imgur.com/etvaWRm.png);
}
*
REMOVE HEADER COLOR
You need this code to remove the default background colors from the header and override any related codes. You're supposed to use your own images or the default ones for the header, so this color is set to transparent so it won't get in the way. If you want the color back for some reason, remove this section.
*/
.header_title {
background-color: transparent !important;
}



/*
REMOVE HEADER TEXT
These codes remove the original text like "Completed" and "Currently Watching" from
each category on the list. Some people will want the text gone so they can have their own custom logos. But if you want the text back, you have to remove this whole section. It shouldn't affect the images in any way.
*/
.header_title {
color: gray !important;
color: transparent !important;
font-size: 1px !important;
font-size: 0px !important;
font-size: 0 !important;
font-size: 0pt !important;
}



#list_surround table:nth-of-type(n+4):not(.header_cw):not(.header_completed):not(.header_onhold):not(.header_dropped):not(.header_ptw),
.hide {
	float: left;
    height: 255px;
    margin: 11px;
    position: relative;
    width: 180px;
###	border-radius: 13px;
	background-image: url(http://i.imgur.com/sZ4Us8X.png), url("http://dl.dropbox.com/s/dccb4shqiwy2pfm/gradient.png") ;
    background-position: -2px -16px, center bottom;
    background-repeat: no-repeat, repeat-x;
	background-size: 103% 107%, 100% 40%, 100% 100%;
	border-radius: 14px;
}

#list_surround table:nth-of-type(n+4):not(.header_cw):not(.header_completed):not(.header_onhold):not(.header_dropped):not(.header_ptw) {
	z-index: 1;
	left: 16px;
	border-radius: 14px;
}

.hide {
	display: block !important;
	margin-left: -175px;
	background-position: center 0px;
	background-size: cover;
}

.td1, .td2 {
	position: absolute;
	padding: 4px 0px;
	border-radius: 0px;
}

.td1:nth-of-type(2), .td2:nth-of-type(2) {
	visibility: hidden;
	padding: 0px;
	width: 100%;
	height: 100%;
}

.td1:first-of-type:before, .td2:first-of-type:before {
	content: "#";
}

.td1:first-of-type, .td2:first-of-type {
	top: 1px;
	left: 1px;
	width: 42px;
	z-index: 1;
	border-radius: 14px 0 14px 0;
}

.td1 a[title="Anime Information"] + small, .td2 a[title="Anime Information"] + small {
	box-shadow: 0 9px 1px rgba(250, 250, 250, 0.33) inset, -1px 2px 12px black;
	display: block;
	visibility: visible;
	position: absolute;
	top: 2px;
	left: 70px;
	width: 43px;
	padding: 4px 0px;
	font-size: 11px;
	text-align: center;
	word-wrap: break-word;
	border-radius: 0px;
}

.td1:nth-of-type(4)[width="50"], .td2:nth-of-type(4)[width="50"] {
	font-family: tvico;
    right: 1px;
    top: 1px;
    width: 31px;
    font-size: 16px;
	border-radius: 0 14px;
}

td[width="70"] + .td1:nth-of-type(5):before, [width="70"] + .td2:nth-of-type(5):before {
	content: "Volumes: ";
}

td[width="70"] + .td1:nth-of-type(5), td[width="70"] + .td2:nth-of-type(5) {
	top: 11px;
	right: 11px;
	width: auto;
	text-align: right;
}

.td1 a:not([title="Anime Information"]) + small, .td2 a:not([title="Anime Information"]) + small {
	display: block;
	visibility: visible;
	position: absolute;
	top: 41px;
	right: 1px;
	width: auto;
	padding: 4px 0px;
	font-size: 11px;
	text-align: right;
###	border-radius: 4px;
}

.animetitle {
	background: none no-repeat scroll 50% 3px / 0% 91% rgba(0, 0, 0, 0);
	display: block;
	visibility: visible;
	position: absolute;
	left: 0px;
	bottom: 24px;
	padding: 7px;
	width: 166px;
	max-height: 23px;
	overflow: hidden;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
###	border-radius: 7px;
	color: white;
	text-shadow: 2px 1px 1px black;
	
}
.animetitle:hover {
    background: url("https://dl.dropbox.com/s/r7l90i2brh44l7r/bg-menu-hover.png") no-repeat scroll 50% 3px / 80% 91% rgba(0, 0, 0, 0);
	transition: .18s ease-in;
}
.td1:nth-of-type(3):before, .td2:nth-of-type(3):before {
	content: "Score: ";
}

.td1:nth-of-type(3), .td2:nth-of-type(3) {
	left: 6px;
	bottom: 2px;
	width: auto;
	text-align: left;
}

td[width="50"] + .td1:nth-of-type(5):before, [width="50"] + .td2:nth-of-type(5):before {
	content: "Ep: ";
}

td[width="50"] + .td1:nth-of-type(5), td[width="50"] + .td2:nth-of-type(5) {
	right: 6px;
	bottom: 2px;
	width: auto;
	text-align: right;
}

.td1:nth-of-type(4)[width="70"]:before, .td2:nth-of-type(4)[width="70"]:before {
	content: "Chapters: ";
}

.td1:nth-of-type(4)[width="70"], .td2:nth-of-type(4)[width="70"] {
	bottom: 2px;
	right: 1px;
	width: auto;
	text-align: right;
}

.td1:nth-of-type(n+6), .td2:nth-of-type(n+6) {
	display: none;
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.td1[width="125"], .td2[width="125"] {
	left: 2px;
	top: 71px;
	width: 178px;
	height: 45px;
	overflow: auto;
}

#list_surround table:hover .td1[width="125"],
#list_surround table:hover .td2[width="125"] {
	display: block;
}

input[type=text] {
	width: 100%;
	text-align: right;
	border: none;
###	border-radius: 4px;
	display: list-item;
    position: absolute;
}

input[value=Go] {
	display: none;
}

@-webkit-keyframes bga{
	0% {
		background: url("http://dl.dropbox.com/s/0mot0tp0q3hja7t/AbVIrop.png") no-repeat scroll 20% 80% rgba(0, 0, 0, 0);
	}
	25% {
		background: url("http://dl.dropbox.com/s/0mot0tp0q3hja7t/AbVIrop.png") no-repeat scroll 65% 60% rgba(0, 0, 0, 0);
	}
	50% {
		background: url("http://dl.dropbox.com/s/0mot0tp0q3hja7t/AbVIrop.png") no-repeat scroll 35% 50% rgba(0, 0, 0, 0);
	}
	75% {
		background: url("http://dl.dropbox.com/s/0mot0tp0q3hja7t/AbVIrop.png") no-repeat scroll 65% 45% rgba(0, 0, 0, 0);
	}
	100% {
		background: url("http://dl.dropbox.com/s/0mot0tp0q3hja7t/AbVIrop.png") no-repeat scroll 50% 55% rgba(0, 0, 0, 0);
	}
}

@keyframes bga{
	0% {
		background: url("http://dl.dropbox.com/s/0mot0tp0q3hja7t/AbVIrop.png") no-repeat scroll 20% 80% rgba(0, 0, 0, 0);
	}
	25% {
		background: url("http://dl.dropbox.com/s/0mot0tp0q3hja7t/AbVIrop.png") no-repeat scroll 65% 60% rgba(0, 0, 0, 0);
	}
	50% {
		background: url("http://dl.dropbox.com/s/0mot0tp0q3hja7t/AbVIrop.png") no-repeat scroll 35% 50% rgba(0, 0, 0, 0);
	}
	75% {
		background: url("http://dl.dropbox.com/s/0mot0tp0q3hja7t/AbVIrop.png") no-repeat scroll 65% 45% rgba(0, 0, 0, 0);
	}
	100% {
		background: url("http://dl.dropbox.com/s/0mot0tp0q3hja7t/AbVIrop.png") no-repeat scroll 50% 55% rgba(0, 0, 0, 0);
	}
}

#list_surround .List_LightBox {
	display: block;
	visibility: visible;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	font-size: 0px;
	border-radius:14px;
}
#list_surround .List_LightBox:hover {
    animation: 3s ease 0.8s forwards 1 bga;
	-webkit-animation: 3s ease 0.8s normal forwards 1 running bga;
    background: url("http://dl.dropbox.com/s/0mot0tp0q3hja7t/AbVIrop.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.category_totals {
	padding: 0px 31px;
	text-align: center;
	white-space: pre-line;
###	border-radius: 13px;
}

.category_totals:before {
	display: block;
	content: "Totals:";
	text-align: center;
	font-weight: bold;
}

#grand_totals, #copyright {
	clear: both;
	position: relative;
	top: 31px;
	padding: 11px 0px;
	text-align: center;
}

#grand_totals {
	margin-bottom: 22px;
	border-radius: 7px;
	
}

#copyright {
	margin-top: 0px !important;
	margin-bottom: 31px;
	border-radius: 13px;
}

#copyright:after {
content: "Style by archangeltr";
}
#list_surround br {
	display: none;
}

#list_surround:before {
    display: none;
}


#inlineContent:after {  
    display: none !important;
    
}

#inlineContent:before {    
    display: none
}


/* TOP BAR SETTINGS
the numbers in parenthesis change the color and opacity of the bar. Get a color number easily from this page:
http://www.css3maker.com/css-3-rgba.

Change position to absolute to make the bar not scroll with the page.
Change the background image out with the url in parenthesis. 
*/

#mal\_control\_strip {
background-color: rgba(1,1,1,.3) !important;
background-image: url('http://i.imgur.com/hzPJrg4.png') !important;
position:fixed;
z-index:3;
}



/* 
OTHER CODES
*/
#mal\_control\_strip {
background-position: bottom !important; 
top: -16px;
height: 1px !important;
margin: 0 -20px !important;
width: 70% !important;
border-left: 1px rgba(255,255,255,.5) solid;
border-right: 1px rgba(255,255,255,.5) solid;
border-bottom: 1px rgba(255,255,255,.5) solid;
left:15% !important;
min-width: 726px !important;
}
#mal_control_strip a{margin-left:5px;}
#mal\_control\_strip di\v {display:inline-flex; margin: 0px !important;}
#mal\_cs\_pic img {height: 24px !important; width: auto !important}
#mal\_cs\_listinfo {
padding: 27px 2% 18px 0px !important;
  width: 20% !important;
  height: 0 !important;
background: ;
position: absolute;
top:-5px;
border-right-color: rgba(0,0,0,0.8) !important;}
#mal\_cs\_listinfo div:first-of-type:before {content:' '}
#mal\_cs\_listinfo div:last-of-type a {text-decoration: none}
#mal\_cs\_listinfo div:last-of-type a:hover {text-decoration: underline}
#mal\_cs\_listinfo div:last-of-type:before {font-weight:normal;content:'('}
#mal\_cs\_listinfo div:last-of-type:after {font-weight:normal;content:')'}
#mal\_cs\_links {
padding:27px 0px 20px 0px !important;
  width: 97px !important;
  height: 0 !important;
left: 23%;
top: -7px;
position: absolute;
border-right-color: rgba(0,0,0,0.8) !important;}
#mal\_cs\_links a {background-image: url('http://dl.dropbox.com/s/dmkye98udpcubcm/PAEW4Q8.png') !important;width:16px;height:16px;content:none; display: inline-block !important;color: transparent !important; letter-spacing: -1ex;font-size:xx-small}
#mal\_cs\_links div:first-of-type:after {content: '\a0'}
#mal\_cs\_links div:first-of-type a:first-of-type {background-position: 0px 0px; margin-left:0px;}
#mal\_cs\_links div:first-of-type a:last-of-type {background-position: -16px 0px}
#mal\_cs\_links div:last-of-type a:first-of-type {background-position:-32px 0px}
#mal\_cs\_links div:last-of-type a:last-of-type {background-position:-48px 0px}
#mal\_cs\_otherlinks strong{

  width: 33% !important;
  height: 0 !important;
letter-spacing: 0px;
  padding-bottom: 20px !important;
  padding-top: 27px !important;
left:23%;
margin-left: 125px;
top: -5px;
position: absolute;
border-right-color: rgba(0,0,0,0.8) !important;}
#mal_cs_otherlinks strong:hover {
    font-size: 0px;
    transition: ease .3s;
    text-align: center;}
#mal\_cs\_otherlinks div:last-of-type {float:right;padding-right:0px;
margin-top: 19px !important;}
#mal\_cs\_otherlinks div:first-of-type {float:left}
#mal\_cs\_powered img {display:none}
#searchBox {
	background: url("http://i.imgur.com/lJ98lI6.png") no-repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0);
    border: medium none;
    font-size: 11px !important;
    height: 32px;
    left: -173px;
    position: fixed;
    text-align: center;
	margin-top: 150px;
    width: 200px !important;
	text-indent: -24px;
}
#searchBox:hover {
	left:0px;
	transition: all 0.35s ease 0s;
	z-index: 3;
}
#mal\_control\_strip img {
margin-top: 15px !important;
}
/**/
CODES (REPLACEMENT FOR "CSS FOR FOXGIRLS" IMPORT)
Used to remove the more button (which no longer works after using the code above to show covers). Also helps with settings for the tag hover option if you use that.
*/

#list_surround:nth-of-type(n+4):hover td:nth-of-type(3),
#list_surround:nth-of-type(n+4):hover td:nth-of-type(4),
#list_surround:nth-of-type(n+4):hover td:nth-of-type(5),
#list_surround:nth-of-type(n+4):hover td:nth-of-type(6),
#list_surround:nth-of-type(n+4):hover td:nth-of-type(7),
#list_surround:nth-of-type(n+4):hover td:nth-of-type(8) {
display:-cell;
}

#list_surround small a:last-of-type {
display: none !important;
}

.animetitle + small {
visibility: visible !important;
}

#list_surround a[href*="http://myanimelist.net/panel.php?go=edit"],
#list_surround a[href*="http://myanimelist.net/editlist.php?type="],
#list_surround a[href*="http://myanimelist.net/panel.php?go=add"] {
visibility: visible !important;
margin-right: 10px
}

.td1:nth-of-type(6) small, .td2:nth-of-type(6) small,
.td1:nth-of-type(5) small, .td2:nth-of-type(5) small,
.td1:nth-of-type(4) small, .td2:nth-of-type(4) small {
visibility: visible !important;
}

.td1:nth-of-type(6) small:hover, .td2:nth-of-type(6) small:hover,
.td1:nth-of-type(5) small:hover, .td2:nth-of-type(5) small:hover,
.td1:nth-of-type(4) small:hover, .td2:nth-of-type(4) small:hover{
text-decoration: underline;
}
td[class^='td']:nth-of-type(6) {
text-align: center;
height:auto;
max-height: 115px;
z-index: 1;
text-transform: capitalize;
text-shadow: 1px 1px 1px black, -1px -1px 1px black, -2px -2px 1px black;
box-shadow:none;
}		
#sunnyandsunny {
###display:none !important;}