/* -----------------------------------------------------------------------------
  ___ _  _ ___ ___  ___  _   _ ___   _   ___ ___ _____ _  _ ___ __  __ ___ ___   
 / __| || |_ _| _ \/ _ \| | | / __| /_\ / __|_ _|_   _| || | __|  \/  | __/ __|  
 \__ \ __ || ||   / (_) | |_| \__ \/ _ \ (_ || |  | | | __ | _|| |\/| | _|\__ \  
 |___/_||_|___|_|_\\___/ \___/|___/_/ \_\___|___| |_| |_||_|___|_|  |_|___|___/  
 --------------------------------------------------------------------------------
 - requested by Evil_Mastermind -------------------------------------------------
 --------------------------------------------------------------------------------
 ----------------------------------------------------------------------------- */
 
@import 'https://dl.dropboxusercontent.com/s/1lrjjue9mk75ic0/light-brown-topbar.css';
@import url('https://fonts.googleapis.com/css?family=Sansita+One');

body
{background-color: #f1f3f0;
background-image: url(https://dl.dropboxusercontent.com/s/qeeq5x67ax5oaug/snk-sasha.jpg);
background-position: top right;
background-attachment: fixed;
background-repeat: no-repeat;
font-family: georgia;
font-size: 11px;
color: #ba7c4d;
font-style: oblique;}

#list_surround
{width: 650px;
left: 0px;
padding-left: 25px;
padding-right: 25px;}

.td1, .td2, .table_header
{height: 25px;
line-height: 25px;}

.td1
{background-color: #e8e8dc;}
.td2, .table_header
{background-color: #e2ded3;}

.header_title
{font-size: 28px;
font-family: Sansita One;}

.category_totals, #grand_totals
{text-align: center;}

#grand_totals
{color: #763a20;}

.td1:nth-of-type(2) div, .td2:nth-of-type(2) div
{opacity: 0;
-webkit-transition: all 0.5s ease-in-out !important;
-moz-transition: all 0.5s ease-in-out !important;
-ms-transition: all 0.5s ease-in-out !important;
-o-transition: all 0.5s ease-in-out !important;
transition: all 0.5s ease-in-out !important;}

a
{color: #763a20;
text-decoration: none;
text-shadow:10px 0px transparent, -10px 0px transparent !important;
-webkit-transition: all 0.5s ease-in-out !important;
-moz-transition: all 0.5s ease-in-out !important;
-ms-transition: all 0.5s ease-in-out !important;
-o-transition: all 0.5s ease-in-out !important;
transition: all 0.5s ease-in-out !important;}

strong
{font-weight: normal !important;}

tr:hover [class^=td] a, #list_surround table:first-of-type a:hover
{text-shadow:0px 0px #763a20, -0px 0px #763a20 !important;
-webkit-transition: all 0.5s ease-in-out !important;
-moz-transition: all 0.5s ease-in-out !important;
-ms-transition: all 0.5s ease-in-out !important;
-o-transition: all 0.5s ease-in-out !important;
transition: all 0.5s ease-in-out !important;}
tr:hover [class^=td] div, tr:hover [class^=td] div
{opacity: 1;}

#list_surround table:first-of-type td:first-of-type a
{font-size: 0px !important;
color: transparent !important;}

#list_surround table:first-of-type td:first-of-type a:before
{content: "Watching";
font-size: 11px !important;
color: #763a20 !important;}

#list_surround table:first-of-type td:first-of-type
{width: 52px;
padding-left: 26px;
padding-right: 27px;}

#list_surround table:first-of-type td:nth-of-type(2)
{width: 58px;
padding-left: 26px;
padding-right: 27px;}

#list_surround table:first-of-type td:nth-of-type(3)
{width: 46px;
padding-left: 26px;
padding-right: 27px;}

#list_surround table:first-of-type td:nth-of-type(4)
{width: 47px;
padding-left: 26px;
padding-right: 27px;}

#list_surround table:first-of-type td:nth-of-type(5)
{width: 77px;
padding-left: 26px;
padding-right: 27px;}

#list_surround table:first-of-type td:nth-of-type(6)
{width: 52px;
padding-left: 26px;
padding-right: 26px;}

::-webkit-scrollbar
{width: 8px;
background-color: #e2ded3;}

::-webkit-scrollbar-thumb
{background-color: #ba7c4d;
border-radius: 2px;}

::-webkit-scrollbar-thumb:hover
{background-color: #763a20;}