/* -----------------------------------------------------------------------------
  ___ _  _ ___ ___  ___  _   _ ___   _   ___ ___ _____ _  _ ___ __  __ ___ ___   
 / __| || |_ _| _ \/ _ \| | | / __| /_\ / __|_ _|_   _| || | __|  \/  | __/ __|  
 \__ \ __ || ||   / (_) | |_| \__ \/ _ \ (_ || |  | | | __ | _|| |\/| | _|\__ \  
 |___/_||_|___|_|_\\___/ \___/|___/_/ \_\___|___| |_| |_||_|___|_|  |_|___|___/  
 --------------------------------------------------------------------------------
 - requested by Syrosu ----------------------------------------------------------
 --------------------------------------------------------------------------------
 ----------------------------------------------------------------------------- */
 
@font-face
{font-family: Harabara;
src: url(https://dl.dropboxusercontent.com/s/qzy97azfgoomgae/Harabara.ttf) format('truetype');}

body
{font-family: calibri;
font-size: 11px;
text-transform: uppercase;
color: #a7aabf;
background-image: url(http://i.imgur.com/aag1Q0p.jpg);
background-position: top center;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;}

input
{font-family: calibri;
font-size: 11px;
text-transform: uppercase;
color: #f4e1da;
border: 1px solid #f4e1da;
background-color: rgba(48,76,116,0.35);}

#list_surround
{width: 500px;
position: absolute;
margin: auto; 
right: 15px;
top: 0px;
padding-left: 15px;}

#list_surround:before
{content: "";
display: block;
position: fixed;
width: 2px;
height: 1500px;
background-color: rgba(48,76,116,0.35);
right: 530px;
top: 0px;}

#list_surround br
{display: none;}

tr:hover [class^=td] a
{text-shadow: -1px 1px 2px #304c73, 1px 1px 2px #304c73, 1px 1px 2px #304c73, 1px -1px 2px #304c73 !important;
color: #ffffff;
transition: all 0.35s ease-in-out !important;}

.td1, .td2
{background-color: rgba(48,76,116,0.35);
padding: 3px;}

.td1:first-of-type, .td2:first-of-type
{padding-left: 15px;}

.td1:nth-of-type(2), .td2:nth-of-type(2)
{width: 15px;}

.td1:nth-of-type(3), .td2:nth-of-type(3)
{width: 50px;}

.td1:nth-of-type(4), .td2:nth-of-type(4)
{width: 45px;}

#list_surround .td1:first-of-type div, #list_surround .td2:first-of-type div
{visibility: hidden;
width: 17px;
height: 10px;}

#list_surround table:hover a.List_LightBox
{visibility: visible !important;
float: right;}

#list_surround a.List_LightBox:hover
{text-decoration: underline !important;}

a
{color: #f4e1da;
text-decoration: none;
transition: all 0.35s ease-in-out !important;}

.header_title
{font-family: Harabara;
font-size: 30px;
color: #f4e1da;
text-shadow: -1px 1px 5px #304c73, 1px 1px 5px #304c73, 1px 1px 5px #304c73, 1px -1px 5px #304c73 !important;
text-transform: lowercase;
margin-top: 18px;}

.category_totals
{text-align: center;
text-shadow: -1px 1px 2px #304c73, 1px 1px 2px #304c73, 1px 1px 2px #304c73, 1px -1px 2px #304c73;}

#grand_totals
{display: block;
background-color: rgba(48,76,116,0.35);
color: #f4e1da;
text-shadow: -1px 1px 5px #304c73, 1px 1px 5px #304c73, 1px 1px 5px #304c73, 1px -1px 5px #304c73;
text-align: center;
margin-top: 10px;}

.animetitle + small
{text-decoration: underline;
color: #ffffff;}

/* category */

#list_surround table:first-of-type a
{display: block !important;
position: fixed !important;
right: 532px;
height: 10px !important;
padding-right: 5px;
font-family: calibri !important;
text-transform: uppercase !important;
color: #f4e1da !important;
line-height: 10px;
font-weight: bold !important;
text-decoration: none !important;
font-size: 10px !important;
text-shadow: -1px 1px 2px #304c73, 1px 1px 2px #304c73, 1px 1px 2px #304c73, 1px -1px 2px #304c73 !important;}

#list_surround table:first-of-type a:before
{display: block;
content: "category:";
pointer-events: none;
position: fixed;
bottom: 136px;
right: 536px;
text-align: right;
border-bottom: 1px solid #f4e1da;
text-shadow: -1px 1px 2px #304c73, 1px 1px 2px #304c73, 1px 1px 2px #304c73, 1px -1px 2px #304c73 !important;
font-weight: bold;}

#list_surround table:first-of-type td:nth-of-type(1) a
{bottom: 118px;}

#list_surround table:first-of-type td:nth-of-type(2) a
{bottom: 98px;}

#list_surround table:first-of-type td:nth-of-type(3) a
{bottom: 78px;}

#list_surround table:first-of-type td:nth-of-type(4) a
{bottom: 58px;}

#list_surround table:first-of-type td:nth-of-type(5) a
{bottom: 38px;}

#list_surround table:first-of-type td:nth-of-type(6) a
{bottom: 18px;}

#list_surround table:first-of-type a:hover
{text-decoration: underline !important;}

/* ~~~~topbar~~~~ */

#mal_cs_listinfo strong a, #mal_cs_listinfo a, #mal_cs_links div:first-of-type a:first-of-type, #mal_cs_links div:first-of-type a:last-of-type, #mal_cs_links div:last-of-type a:first-of-type, #mal_cs_links div:last-of-type a:last-of-type, #mal_cs_otherlinks strong a, #mal_cs_otherlinks div:last-of-type a:first-of-type, #mal_cs_otherlinks div:last-of-type a:nth-of-type(2)
{display: block !important;
position: fixed !important;
right: 532px;
height: 10px !important;
padding-right: 5px;
font-family: calibri !important;
text-transform: uppercase !important;
color: #f4e1da !important;
line-height: 10px;
font-weight: bold !important;
text-decoration: none !important;
font-size: 10px !important;
text-shadow: -1px 1px 2px #304c73, 1px 1px 2px #304c73, 1px 1px 2px #304c73, 1px -1px 2px #304c73 !important;}

#mal_cs_listinfo strong a:hover, #mal_cs_listinfo a:hover, #mal_cs_links div:first-of-type a:first-of-type:hover, #mal_cs_links div:first-of-type a:last-of-type:hover, #mal_cs_links div:last-of-type a:first-of-type:hover, #mal_cs_links div:last-of-type a:last-of-type:hover, #mal_cs_otherlinks strong a:hover, #mal_cs_otherlinks div:last-of-type a:first-of-type:hover, #mal_cs_otherlinks div:last-of-type a:nth-of-type(2):hover
{text-decoration: underline !important;}

#mal_cs_listinfo strong a
{top: 18px;}

#mal_cs_listinfo a
{top: 38px;}

#mal_cs_links div:first-of-type a:first-of-type
{top: 58px;}

#mal_cs_links div:first-of-type a:last-of-type
{top: 78px;}

#mal_cs_links div:last-of-type a:first-of-type
{top: 98px;}

#mal_cs_links div:last-of-type a:last-of-type
{top: 118px;}

#mal_cs_otherlinks a[href*="/profile/"]
{top: 148px;}

#mal_cs_otherlinks div:last-of-type a:first-of-type
{top: 168px;}

#mal_cs_otherlinks div:last-of-type a:nth-of-type(2)
{top: 188px;}

#mal_cs_otherlinks a[href*="/mangalist/"]:before, #mal_cs_otherlinks a[href*="/animelist/"]:before
{content: "his ";
font-size: 10px;
font-family: calibri;
font-weight: bold;}

#mal_cs_powered, #mal_cs_otherlinks div:last-of-type a:last-of-type
{display: none;}

#mal_cs_otherlinks strong, #mal_cs_otherlinks span, #mal_cs_otherlinks div:last-of-type
{font-size: 0px;}

#mal_control_strip
{background: none !important;}

#mal_control_strip td
{border-right: none !important;}

#mal_cs_pic a img
{position: fixed;
opacity: 0.4;
right: 480px;
top: 50px;
transform:rotate(90deg);
-webkit-transform:rotate(90deg);}

/* sort by */

.table_header
{position: fixed;
display: block;
right: 537px;
height: 10px;
line-height: 10px;
text-align: right !important;}

.table_header a
{color: #f4e1da;
font-size: 10px;
font-family: calibri;
text-shadow: -1px 1px 2px #304c73, 1px 1px 2px #304c73, 1px 1px 2px #304c73, 1px -1px 2px #304c73 !important;}

.table_header a:hover
{text-decoration: underline !important;}

.table_header:first-of-type
{bottom: 228px;
display: block;
height: 10px;
width: 65px;
line-height: 10px;}

.table_header:nth-of-type(2)
{bottom: 208px;
width: 65px;}

.table_header:nth-of-type(3)
{bottom: 188px;
width: 65px;}

.table_header:nth-of-type(4)
{bottom: 168px;
width: 65px;}

.table_header:first-of-type:before
{display: block;
content: "sort by:";
color: #f4e1da;
font-size: 10px;
height: 10px;
line-height: 10px;
position: fixed;
bottom: 246px;
right: 536px;
text-align: right;
border-bottom: 1px solid #f4e1da;
text-shadow: -1px 1px 2px #304c73, 1px 1px 2px #304c73, 1px 1px 2px #304c73, 1px -1px 2px #304c73;
font-weight: bold;}