@import url(http://fonts.googleapis.com/css?family=Joti+One);
@import url(http://fonts.googleapis.com/css?family=Aclonica);
@import "http://dl.dropbox.com/u/78340470/Icon%20Style%20Menu%20Bar/IconStyleCSSFixed.css";



/*
HOW TO USE
Use and COMPLETE this simple tutorial if you never installed CSS, it only takes a few minutes:
http://myanimelist.net/forum/?topicid=200320


When you're done with the tutorial and can see the starter layout on your list, copy and paste this entire page of codes (including this part and the codes above and below) 
to your CSS edit box (the box titled Edit Advanced CSS File) replacing any other codes in the box. 
Save with the blue button at the bottom. It will put this premade layout on your list instead of the starter one from the tutorial! 


If the layout looks weird on your list after installing, you can try to alter your settings here.
Common solutions are to set Default Status Settings to Watching or All Anime, check or uncheck tags (make sure you save afterwards):
http://myanimelist.net/editprofile.php?go=listpreferences


If your list still has problems you can ask us about it here, or other questions:
http://myanimelist.net/forum/?topicid=200323


And you'll find further ways to customize your list here:
http://myanimelist.net/forum/?topicid=419405

*/

BODY {
background: url("http://i47.tinypic.com/99jviu.png") no-repeat fixed 0 0 / cover transparent;
color: #FFFFFF;
font-family: calibri;
font-size: 11px;
}
#list_surround {
background: url("http://image-upload.de/image/YSvSaZ/b62da40e12.png") no-repeat scroll 0 0 transparent;
margin-left: 80px;
padding-top: 370px;
width: 760px;
}
a {
color: #FFFFFF;
text-decoration: none;
}
a:hover {
color: #757575;
text-decoration: none;
}
.td1 {
background-color: rgba(0, 40, 35, 0.7);
border-style: none;
color: #FFFFFF;
padding: 5px;
}
.td2 {
background-color: rgba(0, 40, 35, 0.7);
border-style: none;
color: #FFFFFF;
padding: 5px;
}


td:nth-of-type(2) small {
color: darkblue;
font-size: 0px;
}
td:nth-of-type(2) small a {
color: #00284E;
text-shadow: 0 0 3px white;
font-family: joti one;
font-size: 8px;
}

#list_surround small a {
display: none;
}

.table_header {
background-color: rgba(0, 40, 4, 0.7);
border-style: none;
color: #00284E;
font-family: 'Aclonica', sans-serif;
font-size: 13px;
font-weight: bold !important;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
padding-top: 50px !important;
text-align: center;
text-shadow: 0 0 3px lightgreen;
}
.td1:last-child, .td2:last-child {
background: -moz-linear-gradient(left center , rgba(0, 40, 35, 0.7) 35%, rgba(0, 40, 35, 0.4) 62%, rgba(0, 40, 35, 0) 100%) repeat scroll 0 0%, none repeat scroll 0 0 rgba(110, 72, 181, 0) !important;
border-right-style: none !important;
}
.td1:first-child, .td2:first-child {
background: -moz-linear-gradient(right center , rgba(0, 40, 35, 0.7) 35%, rgba(0, 40, 35, 0.4) 62%, rgba(0, 40, 35, 0) 100%) repeat scroll 0 0%, none repeat scroll 0 0 rgba(110, 72, 181, 0) !important;
border-left-style: none !important;
}
.table_header:last-child {
background: -moz-linear-gradient(left center , rgba(0, 40, 4, 0.7) 35%, rgba(0, 40, 4, 0.4) 62%, rgba(0, 40, 4, 0) 100%) repeat scroll 0 0%, none repeat scroll 0 0 rgba(110, 72, 181, 0) !important;
border-right-style: none !important;
border-radius:0 90px 0 0;
}
.table_header:first-child {
background: -moz-linear-gradient(right center , rgba(0, 40, 4, 0.7) 35%, rgba(0, 40, 4, 0.4) 62%, rgba(0, 40, 4, 0) 100%) repeat scroll 0 0%, none repeat scroll 0 0 rgba(110, 72, 181, 0) !important;
border-left-style: none !important;
border-radius:90px 0 0 0;
}
.table_headerLink {
color: #00284E;
font-family: 'Aclonica', sans-serif;
font-weight: bold !important;
text-shadow: 0 0 3px lightgreen;
}
.table_headerLink:hover {
color: #757575;
}
.form {
border-color: #ABABAB;
border-style: solid;
border-width: 1px;
color: #000000;
font-family: Verdana,Arial;
font-size: 11px;
padding: 2px;
}
/*#######################################################*/
/*##############CATEGORY BUTTONS#######################*/
/*#######################################################*/

status_not_selected, .status_selected {
width: 16.66% !important;
}
.status_not_selected a, .status_selected a {
background-color: transparent;
color: #FFFFFF;
display: inline !important;
font-size: 14px;
padding: 8px;
text-align: center !important;
text-shadow: 0 0 5px white;
font-family: 'joti one';
border-color: black;
border-radius: 10px 10px 10px 10px;
border-style: outset;
border-width: 1.5px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.8);
}
.status_selected a {
border-style: inset;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.9) inset;
color: white;
}
.status_not_selected a:hover {
border-color: black;
border-style: inset;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.9) inset;
text-shadow: 0 1px rgba(0, 0, 0, 0.3);
}
/*#######################################################*/
/*############################Header#####################*/
/*#######################################################*/

.header_cw {
background: url(http://image-upload.de/image/wcbVUZ/78fecdcdac.png) no-repeat;
height: 200px;
margin-top: 100px;
margin-bottom: -25px;
padding-top: 70px;
border-radius: 90px 90px 30px 30px;
width: 700px;
opacity: 0.8;
background-position: right;
}
.header_completed {
background: url("http://image-upload.de/image/z7vhTB/c179f5dac1.png") no-repeat scroll 0 0 transparent;
border-radius: 90px 90px 30px 30px;
width: 700px;
height: 200px;
margin-bottom: -25px;
margin-top: 100px;
opacity: 0.9;
padding-top: 70px;

}
.header_onhold {
background: url(http://image-upload.de/image/qGKiMI/fc9875b376.png) no-repeat;
border-radius: 90px 90px 30px 30px;
width: 700px;
height: 200px;
margin-top: 100px;
margin-bottom: -25px;
padding-top: 70px;
opacity: 0.9;
}
.header_dropped {
background: url(http://image-upload.de/image/biKnoE/660914fcab.png) no-repeat;
border-radius: 90px 90px 30px 30px;
width: 700px;
height: 200px;
margin-top: 100px;
margin-bottom: -25px;
padding-top: 70px;
opacity: 0.8;
}
.header_ptw {
background: url(http://image-upload.de/image/ZrVTd0/ae76be205d.png) no-repeat center;
border-radius: 90px 90px 30px 30px;
width: 700px;
height: 200px;
margin-bottom: -25px;
margin-top: 100px;
padding-top: 70px;
}
.header_title {
color: rgba(255, 255, 255, 0.6);
font-family: 'Joti One',cursive;
font-size: 70px;
font-weight: bold;
margin-top: 50px;
text-align: center;
text-shadow: 0px 8px 5px rgba(70, 150, 205, 0.8), 0px -5px 7px lightyellow;
}
.category_totals {
background: -moz-linear-gradient(left center , rgba(0, 40, 4, 0) 0%, rgba(0, 40, 4, 0.7) 3%, rgba(0, 40, 4, 0.7) 95%, rgba(0, 40, 4, 0) 100%) repeat scroll 0 0%, none repeat scroll 0 0 rgba(110, 72, 181, 0) !important;
padding-bottom: 15px;
padding-top: 15px;
text-align: center;
font-family: 'Aclonica', sans-serif;
color: #00284E;
font-size:13px;
text-shadow: 0 0 3px lightgreen;
font-weight:bold;
border-radius: 0 0 90px 90px;
}
#grand_totals {
background: -moz-linear-gradient(left center , rgba(0, 40, 4, 0) 0%, rgba(0, 40, 4, 0.7) 3%, rgba(0, 40, 4, 0.7) 95%, rgba(0, 40, 4, 0) 100%) repeat scroll 0 0%, none repeat scroll 0 0 rgba(110, 72, 181, 0) !important;
text-align: center;
color: gold;
font-family: joti one;
font-size: 14px;
padding-top: 10px;
padding-bottom: 10px;
text-shadow: 0 0 16px darkblue;
border-radius: 90px;
}
.header_al {
font-size: 16px;
font-weight: bold;
}
.header_al_links {
}
.animetitle {
font-family: joti one;
font-size: 12px;
text-shadow: 0 0 2px yellow, 5px 5px 23px lightyellow;
}
#copyright:before {
content: "Design by Lirina";
display: block;
font-size: 20px;
font-weight: bold;
font-family: 'Aclonica', sans-serif;
color:gold;
text-shadow: 0 0 16px darkblue;
}
#copyright {
background: -moz-linear-gradient(left center , rgba(0, 40, 4, 0) 0%, rgba(0, 40, 35, 0.7) 3%, rgba(0, 40, 35, 0.7) 95%, rgba(0, 40, 4, 0) 100%) repeat scroll 0 0%, none repeat scroll 0 0 rgba(110, 72, 181, 0) !important;
margin-bottom: 50px;
margin-left: auto;
margin-right: auto;
margin-top: 50px !important;
padding: 10px;
text-align: center;
border-radius:90px;
}
#inlineContent {
background: url("http://image-upload.de/image/ykm8hs/60803131ab.png") repeat scroll 0 0 / 105% auto transparent;
bottom: -50px;
display: inline !important;
height: 630px;
left: -80px;
opacity: 0.7;
pointer-events: none !important;
position: fixed;
width: 290px;
z-index:-2;
}

#list_surround:after {
background: url("http://image-upload.de/image/HtXHlo/83b44a99c4.png") repeat scroll 0 0 transparent;
height: 100%;
width: 100%;
z-index: 2;
display: inline;
content: ' ';
position: fixed;
left: 0px;
background-size: cover;
background-position: right;
pointer-events: none !important;
bottom:0 !important;
}