@import "https://dl.dropbox.com/s/4u9v39e5go65aoq/PinkTopBar.css";
@import "http://fonts.googleapis.com/css?family=Merienda+One";

body {
background: url(http://i.imgur.com/GlkxDkZ.jpg) ;
background-position:initial initial;
background-repeat:initial initial;
background-size:cover;
background-attachment: fixed;
}

/*
TITLE
The List header which by default says My Anime List
can be changed out here.

*/

#list_surround {
background-attachment: scroll !important;
background-clip: border-box !important;
background-color: transparent !important;
background-image: url("http://i.imgur.com/aIWpGXX.png") !important;
background-origin: padding-box !important;
background-position: left center, center top;
background-repeat: repeat !important;
background-size: auto auto !important;
Right: 280px;
margin: 0 auto;
min-height: 100% !important;
position: absolute !important;
top: 543px !important;
width: 920px !important;
}
#inlineContent {
background: url(http://i.imgur.com/G9nY3tm.jpg) no-repeat scroll transparent center top !important;
display: inline-block !important;
height: 543px !important;
left: 0px !important;
margin: auto !important;
right: 280px !important;
top: -543px !important;
width: 920px !important;
position:absolute;
z-index: -1 !important;
}
/*
FONT
Font used across the whole list. 
*/
body {
font-family: 'Merienda One', cursive !important;
}

/*
LINK COLOR
*/
a {
-moz-transition: all 0.25s ease-in-out 0s;
-webkit-transition: all 0.25s ease-in-out 0s;
-o-transition: all 0.25s ease-in-out 0s;
transition: all 0.25s ease-in-out 0s;
color: #0c83ea;
text-decoration: none;
text-shadow: 0 0 0.2em #fff, 0 0 0.2em #fff,
0 0 0.2em #fff, 0 0 0.2em #fff, 0 0 0.2em #fff,
0 0 0.2em #fff;
font-variant: capitalize;
font-size: 16px;
}
a:hover {
color: #F6ab01;
text-shadow: 0 0 0.3em #fff, 0 0 0.3em #fff,
0 0 0.3em #fff, 0 0 0.2em #fff, 0 0 0.3em #fff,
0 0 0.3em #fff;
}

/* CATEGORY LINKS */
.status_not_selected {
opacity: 1;
right: -150px !important;
transition: all 0.4s ease 0s;
z-index: 0;
}
.status_not_selected:hover {
color: transparent;
opacity: 1 !important;
right: 0px !important;
transition: all 0.4s ease 0s;
z-index: 2 !important;
}
.status_selected, .status_not_selected {
display: block;
}
.status_selected a, .status_not_selected a, .status_selected:hover a, .status_not_selected:hover a {
color: transparent;
display: block;
height: 120px;
opacity: 0;
right: 4px;
width: 270px;
}


/* HEADER */
.table_header {
background-color: rgba(230,0,18,0.9);
}
.table_header:first-of-type {
border-radius: 3px 0 0 0;
}
.table_header:nth-of-type(2) {
text-align: left;
}
.table_header:last-of-type {
border-radius: 0 3px 0 0;
}
small {
color: red;
font-weight: bold;
}


/* ROWS COLOR */
.td1 {
-moz-transition: all 0.25s ease-in-out 0s;
-webkit-transition: all 0.25s ease-in-out 0s;
-o-transition: all 0.25s ease-in-out 0s;
transition: all 0.25s ease-in-out 0s;
background-color: transparent;
}
.td2 {
-moz-transition: all 0.25s ease-in-out 0s;
-webkit-transition: all 0.25s ease-in-out 0s;
-o-transition: all 0.25s ease-in-out 0s;
transition: all 0.25s ease-in-out 0s;
background-color: transparent;
}



/* ROWS HOVER */
tr:hover [class^="td"] {
background-color: rgba(255,111,155,0.9);
}
.td1:nth-of-type(2), .td2:nth-of-type(2) {
text-align: middle;
}

/* ROW FONT SIZE TRANSITION (FIREFOX ONLY) */
noindex:-moz-any-link, tr:hover td.td1, tr:hover td.td2 {
font-size: 15px; 
}


/* LIST SETTINGS */
.table_header, .td1, .td2, .status_selected, .status_not_selected, .category_totals {
border-style: dashed;
border-width: 1.5px;
border: 0;
padding: 5px;
text-align: center;
vertical-align: middle;
}
.table_header, .td1, .td2, .category_totals {
line-height: 20px;
}
.borderRBL{
line-height: normal !important;
}
[cellspacing="0"] {
line-height: 17px;
}
[class^="header_"] +{
border-collapse: separate !important;
}

/* CATEGORY TOTALS */
.category_totals {
-moz-transition: all 0.25s ease-in-out 0s;
-webkit-transition: all 0.25s ease-in-out 0s;
-o-transition: all 0.25s ease-in-out 0s;
transition: all 0.25s ease-in-out 0s;
background-color: rgba(72, 64, 87, 0);
border-radius: 0 0 3px 3px;
color: rgba(51, 51, 51, 0);
text-align: center;
}
.category_totals:hover {
background-color: rgba(72, 64, 87, 0.6);
color: #EEEEEE;
}

/*
Header classes for Currently Watching, Completed, Dropped, etc...
*/

.header_cw
{
height: 310px;
background-image:url(http://i.imgur.com/rmZKNsI.png);
}

.header_completed
{height: 310px;
background-image:url(http://i.imgur.com/u6T1xVK.png);

}

.header_onhold
{
height: 310px;
background-image:url(http://i.imgur.com/iHcWRy9.png);
}

.header_dropped
{height: 310px;
background-image:url(http://i.imgur.com/QiXhs9g.png);

}

.header_ptw
{height: 310px;
background-image:url(http://i.imgur.com/7lU5pUq.png);

}

.header_title {
visibility:hidden;
}



/* BOTTOM OF LIST */
#grand_totals {
background-color: transparent; 
background: transparent url("http://i.imgur.com/gOYz7qr.png") no-repeat;
color: #FF69B4;
height: 36px;
line-height: 45px;
min-height: 45px;
padding: 8px;
text-align: center;
vertical-align: middle;
padding-top: 12px;
font-size: 12px;
}
#list_surround .status_selected, #list_surround .status_not_selected {
background-attachment: scroll;
background-color: transparent;
background-image: url("http://i.imgur.com/GLQVrN9.png");
background-position: 0 0;
background-repeat: no-repeat no-repeat;
display: block;
height: 120px;
padding: 0;
position: fixed;
right: 0px;
top: 45px;
width: 270px;
}
#list_surround .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected {
background-attachment: scroll;
background-color: transparent;
background-image: url("http://i.imgur.com/MyDROTU.png");
right: 0px;
top: 165px;
}
#list_surround .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected {
background-attachment: scroll;
background-color: transparent;
background-image: url("http://i.imgur.com/3mQ4E4W.png");
background-position: 0 0;
right: 0px;
top: 285px;
}
#list_surround .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected {
background-attachment: scroll;
background-color: transparent;
background-image: url("http://i.imgur.com/tIg5MXa.png");
right: 0px;
top: 405px;
}
#list_surround .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected {
background-attachment: scroll;
background-color: transparent;
background-image: url("http://i.imgur.com/3EgHeIt.png");
right: 0px;
top: 525px;
}
#list_surround .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected {
background-attachment: scroll;
background-color: transparent;
background-image: url("http://i.imgur.com/3Lqm3Kv.png");
background-position: 0 0;
background-repeat: no-repeat no-repeat;
right: 0px;
top: 645px;
}
#copyright {
background: transparent url(http://i.imgur.com/aZ8Ve4B.png) no-repeat;
height: 50px;
color: white;
position: center;
padding: 8px;
text-align: center;
padding-top: 56px;
font-size: 15px;
}