/* TOGGLE BUTTON ryanfeigenbaum GUIDE */

/* Any element with the class "light--hidden" will be hidden when the site is set to Light Mode */
:root[color-mode="light"] .light--hidden { display: none;}

/* Any element with the class "dark--hidden" will be hidden when the site is set to Dark Mode */
:root[color-mode="dark"] .dark--hidden { display: none;}

.tsh-uplink button {font-family: playfair display;
    font-size: 28px;
    color: #cccccc;
    width: 67px;
    float: right;
    line-height: 40px;
    height: 45px;
    font-weight: lighter;
    border-left: 1px solid rgba(91, 88, 105, .1);
    text-shadow: 1px -1px #111111;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    padding-top: 5px;
    background-color: transparent;}

/* stats area */

#tsh-stats .tsh-statday { height: 150px; position: relative; overflow: auto; font-size: 14; text-transform: capitalize;}
.tsh-statdays {   width: 270px;   font-family: montserrat;   font-size: 7px;   letter-spacing: 2px;   text-transform: uppercase;   text-align: justify;  margin-left: 15px;   padding-right: 5px;   overflow: auto;   height: 130px;   margin-top: 15px; }
.tsh-statdays::-webkit-scrollbar-thumb:vertical {background-color: #555; width: 9px; border: 4px solid #f9f9f9;}
.tsh-statdays::-webkit-scrollbar-thumb:horizontal {background-color: #f9f9f9;	height: 30px; width: 3px;}
.tsh-statdays::-webkit-scrollbar { background-color: transparent;height: 5px;width: 7px;}
.tsh-statdays::-webkit-scrollbar { background: #ccc; border: 4px solid #f9f9f9; width: 9px; }
.tsh-statdays a { text-decoration: none;  font-weight: 900; color: var(--lighttxt);  cursor: crosshair;  font-size: 15px;  text-transform: none;  font-family: 'playfair display';} 
.tsh-stats { width: 100%;
    height: 328px;position:relative;
     background-color: var(--lightbgfade);
    border: 1px solid rgba(241, 241, 241, 0.14);} 
#tsh-stats {position: relative;}
#tsh-stats .stats {width: 187px;
    display: inline-block;
    position: absolute;
    top: 374px;
    left: 42px;
    color: #868686;
    font-family: arsenal;
    letter-spacing: 2px;
    text-transform: capitalize;
    text-align: center;
    border-top: 1px solid #cccccc;}
#tsh-stats .stats b {color:var(--accent1);}
#tsh-stats .links a:link,#tsh-stats .links  a:visited,#tsh-stats .links  a:active {
    display: block;
    line-height: 15px;
    font-size: 13px;
    font-family: arsenal;
    text-transform: capitalize;
    letter-spacing: 1px;
    font-weight: bold;}
#tsh-stats .links d {color: #777;
    font-size: 5px;
    margin: 0px 5px;}
#tsh-stats .links {display: inline-block;
    height: 267px;
    width: 272px;
    padding: 30px;}
#tsh-stats .links big {font-size: 52px;
    line-height: 39px;
    font-weight: 100;
    display: block;
    font-style: normal;
    font-family: arsenal;
    color: #26a69a;}
#tsh-stats .links .title {padding: 20px;
    font-size: 18px;
    line-height: 35px;
    font-style: italic;}
#tsh-stats .today {    display: inline-block;
    position: absolute;
    left: 680px;
    top: 112px;
    width: 300px;
    height: 158px;
    outline: 1px solid #444;}
#tsh-stats .total {    overflow: auto;
    display: inline-block;
    position: absolute;
    left: 268px;
    top: 341px;
    width: 340px;
    height: 64px;
    font-size: 12px;
    text-transform: capitalize;
    font-family: 'playfair display';}
#tsh-stats .counts .now {    position: absolute;
    top: -20px;
    right: 0px;
    font-size: 22px;}
#tsh-stats .counts b {color:var(--accent1);}
#tsh-stats .counts .now b {color:var(--accent1);}
#tsh-stats .counts now {height: 1px;
    width: 134px;
    background-color: #4d8679;
    display: block;
    position: relative;
    right: -36px;
    top: -10px;}
#tsh-stats .counts {width: 336px;
    display: inline-block;
    position: absolute;
    top: 74px;
    right: 47px;
    color: var(--lighttxt);
    font-family: arsenal;
    letter-spacing: 2px;
    text-transform: capitalize;
    text-align: right;}
#tsh-stats .newb { width: 289px;
    display: inline-block;
    position: absolute;
    top: 363px;
    right: 58px;
    color: var(--lighttxt);
    font-family: arsenal;
    letter-spacing: 2px;
    text-transform: capitalize;
    text-align: center;
    font-size: 20px;}
#tsh-stats .newb  new {display: block;
    font-size: 12px;}
#tsh-stats .forum-li {
    margin: 0px 40px;
    width: 1px;
    height: 227px;
    left: 206px;
    top: 53px;
    display: inline-block;
    position: absolute;
    background-color: #4d6a64;
    -ms-transform: rotate(25deg);
    -webkit-transform: rotate(25deg);
    transform: rotate(25deg);
}
#tsh-stats .recent {width: 336px;
    display: inline-block;
    position: absolute;
    top: 80px;
    left: 402px;
    font-size: 18px;
    color: var(--lighttxt);
    font-family: arsenal;
    letter-spacing: 2px;
    text-transform: capitalize;
    text-align: center;}
#tsh-stats .recent line {height: 1px;
    width: 191px;
    background-color: #595b5b;
    display: block;
    position: relative;
    left: -113px;
    top: -8px;}
#tsh-stats .li {margin: 0px 19px;
    width: 1px;
    height: 50px;
    left: 824px;
    display: inline-block;
    position: relative;
    background-color: #4d6a64;
    -ms-transform: rotate(25deg);
    -webkit-transform: rotate(25deg);
    transform: rotate(25deg);
}
#tsh-stats .cattitle2 {width: 160px;
    font-size: 14px;
    font-family: "arsenal",serif;
    letter-spacing: 2px;
    position: relative;
    top: 20px;
    left: 33px;
    color: #818686;
    text-transform: capitalize;
    display: block;
    position: relative;
    left: 65px;
    top: 26px;
}

#tsh-stats .catright2 {    border-left: 22px solid transparent;
    background-color:var(--lightbgfade);
    width: 100%;
    height: 87px;
    display: inline-block;
    left: 670px;
    margin-top: 1px;
    margin-bottom: 2px;}

.inboxnew { display: inline-block; position: relative; top: 11px; left: -20px; margin-left: -18px; float: right; width: 8px; height: 8px; padding: 2px; background: #4d6a64; border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; font-size: 10px; color: #fff; text-align: center; letter-spacing: 0px; line-height: 8px;}

.tsh-nav-accounts  {vertical-align: middle;
    font-family: 'playfair display';
    color: #4d8679;
    text-transform: lowercase;
    font-size: 13px;
    line-height: 2px;
    letter-spacing: 2px;
    text-shadow: 1px -1px #202020;
    width: 20px;
    position: absolute;
    left: 161px;
    top: 5px;
    display: inline-block;}
.tsh-nav-accounts i {  background-color: #222222; border: solid 1px #666; color:#4d8679;padding:5px 3px 10px 5px;line-height:5px; border-radius: 100%; -moz-border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%;}

.tsh-account {padding: 10px 20px; width: 160px; border-right: 1px solid #383838; border-bottom: 1px solid #383838;  background-color: rgba(45, 45, 45, 0.5);}


#login, #login2 { 
    width: 201px;
    top: 0px;
    position: relative;
    height: 98px;}

#login big, #login2 big {margin: 0px 40px;
    width: 19px;
    height: 42px;
    display: inline-block;
    position: absolute;
    left: 18px;
    top: 74px;
    border-left: 1px solid var(--accent1);
    border-bottom: 1px solid var(--accent1);}

#login big2, #login2 big2 {    margin: 0px 40px;
    width: 11px;
    height: 11px;
    display: inline-block;
    position: absolute;
    left: 91px;
    top: 32px;
    border-right: 1px solid var(--accent1);
    border-top: 1px solid var(--accent1);}

#login2 big {
    margin: 0px;
    left: 9px;
    top: 42px;}
#login2 big2 {
    margin: 0px;
    left: 70px;
    top: 10px;}


.tsh-avatar, .tsh-avatar2 {vertical-align: middle;
    display: inline-block;
    border: 1px solid #828282;
    width: 50px;
    height: 50px;
    position: relative;
    top: 19px;
    padding: 2px;}

.tsh-avatar2 {left: -55px;
}
	
.tsh-av2 { 
    background: url(https://via.placeholder.com/90x90) center;
    background-size: cover;
    width: 79px;
    filter: grayscale(1);
    height: 79px;
    overflow: hidden;
    border: 5px solid var(--accent1);
    margin-left: 0px;}
.tsh-avimg {    display: block;
    background-size: cover;
    width: 40px;
    height: 40px;
    background-position: center;}

.tsh-av2 {width:40px; height:40px;}
.tsh-av2 img {
    height: 70px;
    display: block;}

.logindrop { width: 115px; border: 1px #cccccc solid!important; padding: 0px 0px 0px 5px; height: 17px; font-size: 10px; color: #353535; line-height: 20px; text-align: left; border-radius: 0px; letter-spacing: 1px; overflow: hidden;}
.logindrop2 { border: 1px #888 solid!important; padding: 3px 4px;  background-color: #4d8679; font-size: 9px;  margin-top: 3px;  color: #f8f8f8; letter-spacing: 1px; overflow: hidden;}
.nlogo { font-family: 'Oswald', sans-serif; text-transform: uppercase; font-size: 64px; letter-spacing: 4px; text-align: center; line-height: 160%; color: #f6f6f6; text-shadow: 3px 3px #0C0C0C; }
.nheadertitle { font-family: 'Oswald', sans-serif; text-transform: uppercase; font-size: 17px; letter-spacing: 2px; text-align: center; margin-top: -5px; line-height: 140%; position: relative; color: #f6f6f6; text-shadow: 2px 2px #0C0C0C; } 
.nheadertitle:before {  content: ""; width: 85px; height: 2px; background-color: #f6f6f6; position: absolute; top: 11px; left: 0px; } 
.nheadertitle:after {  content: ""; width: 90px; height: 2px; background-color: #f6f6f6; position: absolute; top: 11px; right: 0px; }


.tsh-staff {padding:25px;height:10px;float:left;margin-top: 10px;margin-left:300px;}
.tsh-staff img {width:50px;height:50px;border-radius:50%;overflow:hidden;border:4px solid #888;-webkit-transition:1s;-o-transition:1s;-moz-transition:1s;-ms-transition:1s;}
#tsh-staff1 {display:inline-block;border:1px solid #555;padding:5px;border-radius:100%;floaT:left;position:absolute;margin-left:-290px;margin-top:-15px;-webkit-transition:1s;-o-transition:1s;-moz-transition:1s;-ms-transition:1s;}
#tsh-staff1:hover {border:1px solid #bbb;-webkit-transition:1s;-o-transition:1s;-moz-transition:1s;-ms-transition:1s;}
#sstaff2:hover {border:1px solid #bbb;-webkit-transition:1s;-o-transition:1s;-moz-transition:1s;-ms-transition:1s;}
#tsh-staff2:hover {border:1px solid #bbb;-webkit-transition:1s;-o-transition:1s;-moz-transition:1s;-ms-transition:1s;}
#tsh-staff3:hover {border:1px solid #bbb;-webkit-transition:1s;-o-transition:1s;-moz-transition:1s;-ms-transition:1s;}
#tsh-staff2 {display:inline-block;border:1px solid #555;padding:5px;border-radius:100%;floaT:left;position:absolute;margin-left:-110px;margin-top:-15px;-webkit-transition:1s;-o-transition:1s;-moz-transition:1s;-ms-transition:1s;}
#tsh-staff3 {display:inline-block;border:1px solid #555;padding:5px;border-radius:100%;floaT:left;position:absolute;margin-left:-190px;margin-top:65px;-webkit-transition:1s;-o-transition:1s;-moz-transition:1s;-ms-transition:1s;}
.tsh-staffname {position:absolute;margin-left:70px;margin-top:-40px;width:65px;border-bottom:1px solid #505050;padding:5px;}
.tsh-staffname a:link, .tsh-staffname a:visited, .tsh-staffname a:active {color:#cfcfcf!important;font-family:'chasing embers';text-shadow: 1px 1px #222, 2px 2px #4b9a9f;font-size:34px;font-style:italic;letter-spacing:0px;}

.tsh-topwant { width: 51px; height: 51px; border-top: 1px solid #555; border-bottom: 1px solid #555; border-right: 1px solid #4e9da1; border-left: 1px solid #4e9da1;  border-radius: 100px; -moz-border-radius: 100px;-o-border-radius: 100px; -webkit-border-radius: 100px; transform: rotate(45deg);-o-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg);-webkit-transform: rotate(45deg); position: absolute; top: 18px; left: 651px; }
.tsh-topwantn {  width: 40px;  height: 40px;  border-radius: 50%; transform: rotate(-45deg);-o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);  padding: 5px; } 
.tsh-topwantn img {  width: 40px;height: 40px; border-radius: 50%;} 
.tsh-topwantic {   background-color: rgba(32, 32, 32, .2);  width:100px;float: right; height: 91px;   border-left: 1px solid rgba(91, 88, 105, .2);} 

.tsh-uplink { 
    background-color: var(--lightbg);
    width: 100%;
    position: fixed;
    top: 0px;
    height: 50px;
    left: 0px;
    z-index: 4;
    text-align: center;
    box-shadow: 0px 23px 22px var(--lightbg);  } 
.tsh-sbar {
    position: fixed;
    top: 0px;
    left: 0px;
    display: block;
    z-index: 5; }   
.tsh-welc {height: 27px;
    font-family: 'redlight';
    color: #4d8679;
    text-transform: lowercase;
    font-size: 40px;
    line-height: 11px;
    overflow: hidden;
    letter-spacing: 2px;
    position: relative;
    padding: 5px;
    width: 180px;
    text-shadow: 1px -1px #202020;
    border-bottom: 1px solid rgba(91, 88, 105, .3);
    display: inline-block;}

.welcb {  display: block;
    position: relative;
    top: 27px;
	left: 0px;
    height: 137px;
    width: 930px;
    margin: auto;
    font-size: 12px;
    line-height: 10px;
    background-color: var(--lightbgfade);
    text-transform: none;
    letter-spacing: 2px;
    padding: 33px;}

.welcb span {    background-color: #714d86;
    line-height: 22px;
    display: block;
    width: 101px;
    position: relative;
    left: -3px;}

.welcb a:link, .welcb  a:visited, .welcb  a:active {color:#fefefe;}
.welcb a:hover {color:#a9b54e;}

.welcb .notes {display: inline-block;
    width: 430px;color: var(--lighttxt);
    vertical-align: middle;
    line-height: 17px;
    text-align: justify;
    position: relative;
    top: 10px;}
.welcb .wanteds {display: inline-block;
    width: 406px;
    vertical-align: middle;
    position: relative;
    top: 10px;}

.welcb divider {    background-color: var(--accent1);
    height: 110px;
    width: 1px;
    display: inline-block;
    position: absolute;
    left: 562px;
    top: 46px;}

.welcb .wanteds .tsh-av2 {margin-top: 4px;
    background: url(https://via.placeholder.com/90x90) center;
    background-size: cover;
    width: 69px;
    filter: grayscale(1);
    height: 69px;
    overflow: hidden;
    border: 4px solid #b1b1b1;
    margin-left: 1px;
}

.welcb .wanteds .tsh-avatar {    vertical-align: middle;
    display: inline-block;
    border: 1px solid #828282;
    width: 85px;
    height: 85px;
    position: relative;
    top: -3px;
    left: 66px;
    margin: 5px;}
.welcb .intro {font-family: 'playfair display';
    color: #777;
    width: 200px;
    position: relative;
    display: block;
    left: 54px;
    top: 12px;}
.welcb .intro a:link, .welcb .intro a:visited, .welcb .intro a:active {
    color: var(--lighttxt);}
.welcb .intro top {
    position: relative;
    top: -14px;
    left: 11px;    color: var(--accent1);
    width: 0px;
    font-weight: bolder;
    display: inline-block;
    font-size: 15px;
}
.welcb .intro top2 {position: relative;
    top: -14px;
    left: 22px;    color: var(--accent1);
    width: 0px;
    font-weight: bolder;
    display: inline-block;
	font-size: 15px;}
.welcb .intro top2 o {
    font-size: 9px;
    position: relative;
    top: -6px;
}

#ibaccountform {position: absolute; left: 81px;  top: -39px;}
.tsh-toglink {    width: 70px;
    height: 30px;
    position: fixed;
    top: 10px;
    left: 0;
    z-index: 20;
    text-align: center;
    line-height: 70px;
    font-size: 25px;
    cursor: crosshair;
    color: #ccc;
}
.tsh-uplink2 {font-family: playfair display; font-size: 28px; 
color: #cccccc;  width: 67px;float:right;  
    line-height: 40px;height: 45px; font-weight:lighter;
border-left: 1px solid rgba(91, 88, 105, .1); 
text-shadow: 1px -1px #111111;    -webkit-transition: all 0.6s ease-in-out; 
-moz-transition: all 0.6s ease-in-out;	-o-transition: all 0.6s ease-in-out;	
-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;padding-top:5px; } 
.tsh-uplink2:hover {color:#cccccc; text-shadow: 5px 5px #4d8679, -5px -5px #4d8679; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out; opacity:0.2; }
.tsh-uplink2 span {  display: block;width: 13px;  height: 13px;top: -7px;   right: -24px;    position: relative;    background: #555;    border-radius: 100%;    border: 1px solid #ddd;    color: #efefef; z-index:10;    font-family: roboto;    font-weight: 500;    font-size: 7px;    line-height: 13px;    text-align: center;}
.tsh-navlink, .tsh-navlink2 {    width: 20px;
    vertical-align: middle;
    font-family: open sans;
    text-align: right;
    text-transform: uppercase;
    font-size: 18px;
    position: absolute;
    left: 50px;
    top: 14px;
    letter-spacing: 2px;
    color: #cccccc;
    font-weight: 600;
    display: block;
    height: 20px;
    text-shadow: 1px -1px #212121;}
.tsh-navlink2 {
    width: 105px;
    font-size: 11px;
    left: 83px;
    top: 8px;
    height: 45px;
    line-height: 21px;
    margin: 10px;
    text-align: left;}
.tsh-navlink a:link, .tsh-navlink a:visited, .tsh-navlink a:active, .tsh-navlink2 a:link, .tsh-navlink2 a:visited, .tsh-navlink2 a:active  { 
    font-weight: 700;
    text-transform: none;
    letter-spacing: 2px;
    font-size: 22px;
    line-height: 0px;
    font-family: playfair display;
    position: relative;
    right: 10px;}
.tsh-navlink2 sub {color: #cccccc;}
.tsh-navlink2 a:link, .tsh-navlink2 a:visited, .tsh-navlink2 a:active  {font-size: 14px;
    display: block;
    line-height: 10px;
right: 0px;}
.tsh-navlink links {   margin: 0px 5px 0px 5px ;  border-bottom: 3px solid #95a250;  padding: 2px 10px; } 
.tsh-navlink b {   color: #555555;  padding: 2px;} 
.kit-navlinks {     height: 51px;
    bottom: 0px;
    width: 100%;
    padding: 5px 0px;
    position: absolute;
    background-color: #222;
    line-height: 50px;}
.tsh-navlinks a:link,.tsh-navlinks a:visited, .tsh-navlinks a:active { color: #cccccc;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 10px;
    padding: 5px 17px;
    border: 1px solid #333;
    margin: 0px 7px;
    letter-spacing: 2px;}
.tsh-navlinks b { color: #555555; padding: 2px;} 
.tsh-navlinks links:hover {color:#555;}
.topic-subheader { display: none;}
.tsh-top { width: 1060px; height: 270px; overflow: hidden; margin-left: -15px; background-color: rgba(35, 35, 35, 0.6); position: absolute; top: 519px;}
.tsh-topnews { width: 1030px;  height: 91px;outline: 1px  solid #555555;   background-color: #282828;  position:relative;}

.tsh-topnewsbit {  width: 100px;   position: relative;top: 15px;  float: left;  margin-left: 10px;color: #f0f0f0;  text-shadow: 1px -1px #202020; border-right: 2px solid #ccc;  padding:5px 20px;  } 
.tsh-topnewsbit words {   font-family: oswald;  text-align: center;  text-transform: uppercase;   letter-spacing: 2px;   font-size: 20px;   height: 25px;  line-height: 25px;  color: #dbdbdb;}  
.tsh-topupdates {  position:absolute; top:70px; left:89px; width: 125px;  font-family:Montserrat; font-size: 7px; letter-spacing: 1px;  color: #fefefe; height: 35px;  text-transform: uppercase; background-color:transparent;overflow: hidden;   padding: 5px 0px 10px 20px;}
#side { width:250px; padding:19px; background-color:transparent;position:fixed; top:89px; left:0px; z-index:100;}
#tabwrap {margin: 600px auto 100px auto;width: 1030px; padding: 15px;}
#tabbord {background-color: rgba(51, 51, 51, 0.5);
}