@import url(http://fonts.googleapis.com/css?family=Varela+Round);

@import url(http://fonts.googleapis.com/css?family=Margarine);

@import "http://dl.dropbox.com/u/78340470/Icon%20Style%20Menu%20Bar/IconStyleCSSFixedwithCategory.css";

/*

BACKGROUND IMAGE

This is the main background image for the whole page.

Change the image link to the background you want!

For more help see here:

http://myanimelist.net/forum/?topicid=419405&show=0#post1

*/

body {

background-image:

url(http://i.imgur.com/LugnQFs.jpg);

background-attachment: fixed;

background-size: cover;

}

/*

REPOSITION MAIN BACKGROUND

Change the position your background starts on your screen from with the two properties after "background-position" below.

For example, the default code starts it from the left and top corner of the screen. You change 'left' and 'top' other properties, they can be any of the following: left, top, bottom, right, or center.

So if you want your background to start from the center of the screen, use "center center".

If you want it to start from the top and center, use "top center".

If you want it to start from the right and top, use "right top"

If you want it to start from the right and bottom, use "right bottom"

and so forth...

Additionally, you can change "left" to a % to determine how far left or right the background starts from. For example "30% top" will start the background from the top but 30% of the pic's width from the left of the layout. You can also change top to a % to change the amount you want to start it from the top or bottom.

*/

body{

background-position: left top;}

/*

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 {

color: white;

font-family: 'Margarine', cursive;

font-size: 26px;

text-shadow: 3px 3px 3px #000;

text-align: left;

background-color: transparent;

background-image:

url(https://dl.dropbox.com/u/57348187/MAL/PROZ.png);

}

/*

SUB-HEADERS BACKGROUND COLOR COLOR

Below each main header is the sub-header which says Score, Episodes, Tags, etc.

*/

.table_header {

background-image:

url(https://dl.dropbox.com/u/57348187/MAL/PROZ.png);

}

/*

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:white;

font-family: 'Varela Round', sans-serif;

text-shadow: 0px 2px 1px #000;

font-size:13px;

}

.animetitle + small {

background: none repeat scroll 0 0 0;

color: #FFCC66;

}

/*

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:white;

font-family: 'Varela Round', sans-serif;

text-shadow: 0px 2px 1px #000;

font-size:12px;

}

/*

LIST WIDTH

Use this to increase the width of your list!

*/

#list_surround {

width:900px;

}

/*

LIST POSITION

Change left to right to set it on the right side. Add to the px amount (5px by default) to change how far from the side it is. To center a list, see this tutorial:

http://myanimelist.net/forum/?topicid=393437&show=0#post1

*/

#list_surround {

position: absolute !important;

right: 50px !important;}

#list_surround {

margin: inherit !important;

left: inherit !important;

}

/*OTHER CODES

Important codes for the layout's setup. Please don't mess with these. If you want to customize more on the page, come to my group and ask or move on to a more advanced layout.

*/

body {

font-weight: light;

background-repeat: no-repeat;

background-color: #FBFDE8;

}

*#list_surround {

background-image:url();

left:2px;

position:absolute;

}

a {

text-decoration:none;

}

a:visited {

text-decoration:none;

}

a:hover, a:visited:hover {

color:#D3D3D3;

text-decoration:underline;

}

.category_totals,

.td1,

.td2,

#grand_totals,

#copyright {

background-image:url(https://dl.dropbox.com/u/57348187/MAL/PROZ.png);

border-width:0;

padding:2px;

}

.category_totals:HOVER,

.td1:HOVER,

.td2:HOVER,

#grand_totals:HOVER,

#copyright:HOVER {background-image:url(https://dl.dropbox.com/u/57348187/MAL/PROZ2.png);

border-width:0;

padding:2px;

}

#copyright:after {

content: " Custom CSS by Shishio-kun. Google 'Shishio's Custom Lists' for more designs and info.";

}

*.status_selected {

display: none;

background-color:black;

padding: 2px;

color:white;

text-decoration: blink;

}

*.status_not_selected {

display: none;

background-color:black;

padding: 2px;

color:white;

}

*.status_selected a{

display: none;

color:blue;

}

*.status_not_selected a{

display: none;

color:white;

}

.thickbox {

color:cyan;

font-family: 'Happy Monkey', cursive;

text-shadow: 2px 2px 2px #000;

font-size:12px;

}

.header_title {

height:32px;

padding:2px;

}

.table_header {

border-width:0;

font-weight:bold;

padding:2px;

}

.category_totals {

height:30px;

}

#copyright, #grand_totals {

text-align: center;

margin:0 auto;