@import "http://dl.dropbox.com/u/78340470/icon%20style%20menu%20bar/iconstylecssfixed.css";
@import url(http://fonts.googleapis.com/css?family=Alegreya+Sans+SC);
@import url(http://fonts.googleapis.com/css?family=Fauna+One);

/*
got a question or want to learn more? try this link:
http://myanimelist.net/forum/?topicid=419405&show=0#post1
*/

/*
background image
this is the main background image for the whole page.
change the image link to the background you want!

if you're not seeing a background, make sure you are copied the
entire css code or added any new background image codes correctly.
also your image link may be broken, try uploading a new background then!
*/

body {
background-image:
url(insert url here);
background-attachment: fixed;
}

/*
background refitting
this refits the background to whatever screen size looks at this list.
*/
body{
background-size: cover;}

/*
foreground
this originally puts an image in front of the very bottom of the list at all times. 
to change the background, change the link in parenthesis after "background: url"
you can also change the rest of the background settings to suit the image you're trying to put in there. don't touch the other options below background unless you really know what you're doing. lower z-index to -1 or less to put it behind the list. 
*/
#inlineContent {
	position: fixed !important;
	display: inline !important;
        margin: auto;
	content: ' ';
	width: 1600px;
	height: 340px;
	top: 0;
	right: 0px;
	background: url(http://i42.tinypic.com/2i7w8dz.jpg) no-repeat;
	z-index: 2;
}

/*
header color and font
these codes control the main headers' fonts and colors. every header is above each part of your list (they say things like currently watching, completed, dropped, etc).
*/

.header_title {
background-color: white;
font-family:Fauna One;
color: #FF0000;
font-size: 30px;
font-variant: small-caps;
text-align: center;
}

/*
sub-headers background color color
below each main header is the sub-header which says score, episodes, tags, etc.
*/

.table_header {
background-color:white;
font-family: Fauna One;
}

/*
anime/manga title fonts
this is the type and color of the anime/manga titles on your list, like bleach, vampire knight, etc.
*/

.animetitle, .animetitle:visited {
color: darkgrey;
font-family: Alegreya Sans SC;
font-size: 14px;
}


/*
list fonts
this is the type and color for more of the numbers, links, and words on the list itself!
*/

.td1, .td2, a, a:visited, .category_totals, .table_header, #grand_totals, #copyright {
color: #785A5A;
font-family: copperplate gothic light;
font-size: 12px;
}

/*
list width
use this to increase the width of your list!
*/

#list_surround {
width:950px;
}

/*
tags row width
*/

td:nth-of-type(6){
width: 175px;
}

/*
tags header width
*/
.table_header:nth-of-type(6) {
width: 175px;
}

/*
animetitle's box width
*/
td:nth-of-type(2) {
width: 350px;
}

/*
list position
this centers the list in between the two characters. add to left or right's px amout to move the 
list a little that way from center if you want. 
*/
#list_surround {
position: absolute;
margin: auto;
right: 0px;
left: 0px;}

#list_surround {
position: absolute !important;
top: 320px;}

/*
Custom cursors.
For more information: http://myanimelist.net/forum/?topicid=202008
*/
/* Start http://www.cursors-4u.com */ body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-4/cur330.cur), progress !important;} /* End http://www.cursors-4u.com */


/*other codes
important codes for the layout's setup. please don't mess with these unless you know what you're doing! if you want to customize more on the page, use the link at the top of the css!
*/
body {
font-weight: light;
background-position: center top;
background-repeat: no-repeat;
background-color: #ffffff;
}

#list_surround {
background-image:url();
}

a {
text-decoration:none;
}

a:visited {
text-decoration:none;
}

a:hover, a:visited:hover {
color: #FF0000;
text-decoration:underline;
}

.category_totals,
#grand_totals,
#copyright {
background-image:url(insert url here);
border-width:0;
padding:2px;
text-align: center;
}

td1,
.td2,
background-image:url(insert url here);
border-width:0;
}
.category_totals:hover,
.td1:hover,
.td2:hover,
#grand_totals:hover,
#copyright:hover {background-color:white;
border-width:0;
}

#copyright:after {
content: " custom css by shishio-kun. google 'shishio's custom lists' for more designs and info. edited by xxshiawase.";
}

.status_selected {
background-color:white;
padding:0px;
color:#00EFFF;
text-decoration: none;
}
.status_not_selected {
background-color:white;
padding: 0px; 
font-size:20px;
color: #FF0000;
}
.status_selected a{
color:#00EFFF;
}
.status_not_selected a{
color: darkgrey;
}

}
.header_title {
height:40px;
}

.table_header {
border-width:0;
font-weight:bold;
padding:2px;
}

.category_totals {
height:28px;
}

/*
custom category links area
these codes control the spaces around the 6 links to your list categories. when you customize these parts you will customize the link with it for the most part. see this page for further info on altering the background or moving the links:
http://myanimelist.net/forum/?topicid=416069
*/

/*
currently watching/reading link area
*/
.status_selected, 
.status_not_selected {
background: url(none) repeat scroll 0 0 transparant !important;
padding-right: ;
padding-top: ;
padding-bottom: ;
position: fixed;
margin: auto;
margin-top: ;
left: 0px;
right: 750px;
top: 325px;
bottom: ;
z-index: 4;
}

/*
completed link area
*/
.status_selected + .status_not_selected, 
.status_not_selected + .status_selected, 
.status_not_selected + .status_not_selected{
background: url(none) repeat scroll 0 0 transparant !important;
padding-right: ;
padding-top: ;
padding-bottom: ;
position: fixed;
margin: auto;
margin-top: ;
left: 0px;
right: 375px;
top: 325px;
bottom: ;
z-index: 3;
}

/*
on hold link area
*/
.status_selected + .status_not_selected + .status_not_selected, 
.status_not_selected + .status_selected + .status_not_selected, 
.status_not_selected + .status_not_selected + .status_selected, 
.status_not_selected + .status_not_selected + .status_not_selected{
background: url(none) repeat scroll 0 0 transparant !important;
padding-right: ;
padding-top: ;
padding-bottom: ;
position: fixed;
margin: auto;
margin-top: ;
left: 0px;
right: 50px;
top: 325px;
bottom: ;
z-index: 3;
}

/*
dropped link area
*/
.status_selected + .status_not_selected + .status_not_selected + .status_not_selected, 
.status_not_selected + .status_selected + .status_not_selected + .status_not_selected, 
.status_not_selected + .status_not_selected + .status_selected + .status_not_selected, 
.status_not_selected + .status_not_selected + .status_not_selected + .status_selected, 
.status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected{
background: url(none) repeat scroll 0 0 transparant !important;
padding-right: ;
padding-top: ;
padding-bottom: ;
position: fixed;
margin: auto;
margin-top: ;
left: 250px;
right: 0px;
top: 325px;
bottom: ;
z-index: 3;
}

/*
planned link area
*/
.status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, 
.status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, 
.status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, 
.status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, 
.status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, 
.status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected{
background: url(none) repeat scroll 0 0 transparant !important;
padding-right: ;
padding-top: ;
padding-bottom: ;
position: fixed;
margin: auto;
margin-top: ;
left: 525px;
right: 0px;
top: 325px;
bottom: ;
z-index: 3;
}

/*
all anime/manga link area
*/
.status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, 
.status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, 
.status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, 
.status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, 
.status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, 
.status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, 
.status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected{
background: url(none) repeat scroll 0 0 transparant !important;
padding-right: ;
padding-top: ;
padding-bottom: ;
position: fixed;
margin: auto;
margin-top: ;
left: 800px;
right: 0px;
top: 325px;
bottom: ;
z-index: 3;
}

/*
borders
just delete all similar codes to these ones, to delete all the borders.
*/
.table_header {
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 1px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: dashed;
border-left-style: none;
border-top-color: #dfdfdf;
border-right-color: #badae9;
border-bottom-color: #dfdfdf;
border-left-color: #badae9;
}

.td1 {
color: #675d5d;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 1px;
border-left-width: 0px;
border-top-style: dashed;
border-right-style: none;
border-bottom-style: dashed;
border-left-style: none;
border-top-color: #ffffff;
border-right-color: #badae9;
border-bottom-color: #dfdfdf;
border-left-color: #badae9;
padding: 7px;
background-color: #ffffff;
}

.td2 {
color: #675d5d;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 1px;
border-left-width: 0px;
border-top-style: dashed;
border-right-style: none;
border-bottom-style: dashed;
border-left-style: none;
border-top-color: #ffffff;
border-right-color: #badae9;
border-bottom-color: #dfdfdf;
border-left-color: #badae9;
padding: 7px;
background-color: #ffffff;
}

.header_cw
{
border-top-width: 1px;
border-right-width: 0px;
border-bottom-width: 1px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: none;
border-bottom-style: solid;
border-left-style: none;
border-top-color: #dfdfdf;
border-right-color: #badae9;
border-bottom-color: #dfdfdf;
border-left-color: #badae9;
padding:6px;
}

.header_completed
{
border-top-width: 1px;
border-right-width: 0px;
border-bottom-width: 1px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: none;
border-bottom-style: solid;
border-left-style: none;
border-top-color: #dfdfdf;
border-right-color: #badae9;
border-bottom-color: #dfdfdf;
border-left-color: #badae9;
padding:6px;
}

.header_onhold
{
color:#730601 !important;
border-top-width: 1px;
border-right-width: 0px;
border-bottom-width: 1px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: none;
border-bottom-style: solid;
border-left-style: none;
border-top-color: #dfdfdf;
border-right-color: #badae9;
border-bottom-color: #dfdfdf;
border-left-color: #badae9;
padding:6px;
}

.header_dropped
{
color:#730601 !important;
border-top-width: 1px;
border-right-width: 0px;
border-bottom-width: 1px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: none;
border-bottom-style: solid;
border-left-style: none;
border-top-color: #dfdfdf;
border-right-color: #badae9;
border-bottom-color: #dfdfdf;
border-left-color: #badae9;
padding:6px;
}

.header_ptw
{
border-top-width: 1px;
border-right-width: 0px;
border-bottom-width: 1px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: none;
border-bottom-style: solid;
border-left-style: none;
border-top-color: #dfdfdf;
border-right-color: #badae9;
border-bottom-color: #dfdfdf;
border-left-color: #badae9;
padding:6px;
}

.header_title 
{
border-top-width: 1px;
border-right-width: 0px;
border-bottom-width: 1px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: none;
border-bottom-style: solid;
border-left-style: none;
border-top-color: #dfdfdf;
border-right-color: #badae9;
border-bottom-color: #dfdfdf;
border-left-color: #badae9;
}

#copyright, #grand_totals {

border-top-width: 1px;
border-right-width: 0px;
border-bottom-width: 1px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: none;
border-bottom-style: solid;
border-left-style: none;
border-top-color: #dfdfdf;
border-right-color: #ffffff;
border-bottom-color: #dfdfdf;
border-left-color: #ffffff;
padding-top: 6px;
text-align: center;

margin: 0 auto;
}

/*
This causes the blood splatters. I am aware that not everyone has Paradise kiss on her/his list, but it is not that difficult to change the link to an anime to your liking or you can just leave it out.
For more information: http://myanimelist.net/forum/?topicid=410755
*/
a[href="http://myanimelist.net/anime/322/Paradise_Kiss"]{
background-image: url(http://i44.tinypic.com/ifa8op.png);
background-repeat: no-repeat;
background-attachment: scroll; 
background-position: right top;
background-color: transparent;
padding-bottom: 200px;
padding-right: 225px !important;
color: !important;
}