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

/*Fonts*/
@import url("http://fonts.googleapis.com/css?family=Tangerine");
@import url("http://fonts.googleapis.com/css?family=Lemon");
@import url("http://fonts.googleapis.com/css?family=Nova+Slim");
@import url(http://fonts.googleapis.com/css?family=Handlee);
@import url(http://fonts.googleapis.com/css?family=Petit+Formal+);

/*
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(https://imageshack.com/a/img689/3602/rmo0.png);
background-attachment: fixed;
background-size: cover;
}




/*
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:rgba(0, 150, 185, 0.9);
color: #FFFFFF;
font-family: 'Handlee', cursive;
font-size:20px;
border-radius: 20px 20px 0px 0px;
font-weight: 700;
text-align: center;
text-shadow: 3px -1px 5px #0C0C0C;
}


/*
SUB-HEADERS BACKGROUND COLOR COLOR
Below each main header is the sub-header which says Score, Episodes, Tags, etc.
*/

.table_header {
background-color: rgba(0, 150, 185, 0.9);
}


/*
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: 'Petit Formal ', cursive;
font-size:14px;
text-shadow: 2px 1px 2px #000000;
}

.animetitle + small {
color:#ACBAE3;
font-family: "Nova Slim";
font-size:12px;
}

/*
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-size:13px;
font-family: 'Petit Formal ', cursive;
text-shadow: 2px 1px 2px #000000;
}



/*
LIST WIDTH
Use this to increase the width of your list!
*/

#list_surround {
width:900px;
}


/*
LIST POSITION
Change "left" to "right" to switch the list side, or vice versa. 
*/
#list_surround {
position: absolute !important;
right: 75px !important;}

/*
LIST BACKGROUND COLOR AND OPACITY
Go to this page for instructions on customizing this part,
under: Changing the list background color + opacity of the list background
http://myanimelist.net/forum/?topicid=440525
*/
.category_totals, .td1, .td2, #grand_totals, #copyright {
background: rgba(0, 150, 185, 0.9) !important;
}

/*LIST BORDERS
You can change the color of the border with border-color. You can increase the size of the border by increasing the px amount after any of the border-width codes. They're all set to 1px- make sure you increase all the border widths the same amount. Leave the border amounts that are set to zero alone. 
*/
.status_selected, #grand_totals,
.status_not_selected, .header_title, #copyright {
border-color: white;
border-style: solid;
border-width: 1px;
}

.td1, .td2, .table_header {
border-color: white;
border-style: solid;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-width: 1px !important;
}

.category_totals{
border-color: white;
border-style: solid;
border-width: 1px 1px 1px;
}

/*
SECONDARY BACKGROUND
This originally puts the image in front of the main background but behind the list.
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. Increase the Z-index to 1 or more to put it in front of the list. 
*/
#inlineContent {
background: url(http://img811.imageshack.us/img811/9782/9lz.png) !important;
display: inline-block !important;
height: 400px !important;
margin: auto !important;
position: fixed !important;
right: 0px !important;
bottom: 0px !important;
width: 378px !important;
z-index: 1 !important;
image-position:right bottom;
pointer-events: none;
}

/*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 this CSS or ask in my club!
*/


body {
font-weight: light;
background-repeat: no-repeat;
background-color: #FFFFFF;
}
a {
text-decoration:none;
}
a:visited {
text-decoration:none;
}
a:hover, a:visited:hover {
color:#95A7DB;
text-decoration:none;
}
.category_totals,
.td1,
.td2,
#grand_totals,
#copyright {
background-color: rgba(40, 12, 61, 0.450);
border-width:0;
transition: all .8s ease 0s;/* CSS3 reference */
-o-transition: all .8s ease 0s; /* for Opera compatibility */
-ms-transition: all 08s ease 0s; /* for IE compatibility(I think) */
-moz-transition: all .8s ease 0s; /* for Firefox compatibility */
-webkit-transition: all .8s ease 0s; /* for Chrome, Safari compatibility */
}

.category_totals a,
.td1 a,
.td2 a,
#grand_totals a,
#copyright a {
transition: all .8s ease 0s;/* CSS3 reference */
-o-transition: all .8s ease 0s; /* for Opera compatibility */
-ms-transition: all 08s ease 0s; /* for IE compatibility(I think) */
-moz-transition: all .8s ease 0s; /* for Firefox compatibility */
-webkit-transition: all .8s ease 0s; /* for Chrome, Safari compatibility */
}

.category_totals:HOVER,
.td1:HOVER,
.td2:HOVER,
#grand_totals:HOVER,
#copyright:HOVER {background-color:rgba(40, 12, 61, 0.600);
border-width:0;
}
#copyright:after {
content: " Custom CSS by Shishio-kun. Google 'Shishio's Custom Lists' for more designs and info. Theme by Kokuwo.";
}
#copyright {
margin-bottom: 30px !important;
border-radius: 20px;
padding: 10px;
}
.status_selected {
background-color:black;
padding:2px;
color:white;
text-decoration: blink;
}
.status_not_selected {
background-color:black;
padding:2px;
color:white;
}
.status_selected a{
color:blue;
}
.status_not_selected a{
color:white;
}
.thickbox {
color:cyan;
font-family:fantasy;
font-size:12px;
}
.header_title {
padding:2px;
}
.table_header {
border-width:0;
font-weight:bold;
padding:2px;
}
.category_totals {
border-radius: 0px 0px 20px 20px;
height: 40px;
text-align: center;
}
#grand_totals {
text-align: center;
margin:0 auto;
border-radius: 20px;
padding: 10px 20px;
width: 600px;
}