/* @font-face 		{
				font-family: 'Share Tech Mono';
				src: url('fonts/font.eot');
				src: local('☺'), url('fonts/font.woff') format('woff'), url('fonts/font.ttf') format('truetype'), url('fonts/font.svg') format('svg');
				} */

html {
    overflow: -moz-scrollbars-vertical; 
    overflow-y: scroll;
}

body            {letter-spacing: 0.1px; padding: 0; margin: 0; font-family: 'Share Tech Mono', Monospace, Courier; 
                font-weight: 400; font-size: 17px; color: #d8d8d8; background: #222; display:none;}
html            {-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;overflow-y: scroll;}
pre             {padding: 0; margin: 0 0 50px 0;}
figure		    {display: flex; flex-direction: column; align-items: center;}
ul              {padding: 0;}
tr.extraSpace>td {padding-bottom: 1em;}
span            {padding: 0; margin: 0 10px 0 0;}
li              {margin: 15px 0; padding: 0; list-style: none;}
a               {text-decoration: none; color: #fff;}
a:hover         {color: #fff; text-decoration: underline;}
p               {padding: 0; margin: 10px 0 30px 0; font-size:1.07rem}
img             {width: 900px; max-width: 900px; margin-bottom: 20px;}
embed             {width: 900px; max-width: 900px; margin-bottom: 20px;}
#page           {max-width: 900px; margin: auto; padding: 0 20px;}
#content        {max-width:100%; margin: auto; min-height:calc(100vh - 210px)}
#footer 		{max-width: 900px; margin:auto; margin-top: 55px;}
.header			{height: 66px; width: 100%; margin: auto; margin-bottom: 30px; border-bottom: dotted 1px #444;}
.logodiv 		{max-width: 900px; margin:auto; padding: 0 20px;}
.logo			{width: 100px; margin: auto; margin-top: 20px; border: solid 0px #FFF;}
#list           {margin-bottom: 50px;}
#post           {max-width: 900px; margin-bottom: 20px; margin-top: -10px; line-height: 28px;}
.categories		{max-width: 300px; right:0; margin: 40px 60px 0 0; position: fixed; background: #222;
				text-align: right; z-index: 0;}
@media 			all and (max-width: 1000px) and (min-width: 20px) {
.categories 	{visibility: hidden;}
.catbox			{visibility: hidden;}
}
.catbox			{width: 300px; height: 160px; right:0; margin:0; position: absolute; background: #222;
				display: block; z-index: 999;}
.footy          {margin:0 5px}
.front			{float: left;margin-right: 25px;margin-bottom:10;}
.tag            {color: #c8c8c8;}
.notification   {color: #222; background: #fff;}
.important      {margin-left: -18px;}
.title          {display: inline-block; margin-bottom: 20px; margin-top: 20px; color: #FFF; font-size: 1.5rem;}
.shoptitle      {display: inline-block; margin-bottom: 20px; margin-top: 20px; position: fixed;}
.subtitle       {display: inline-block; margin: 15px 0; margin-top: 20px; color: #FFF;font-size: 1.2rem;}
.subtitle2      {display: inline-block; color: #222; background: #FFF;}
.subtitle2:hover{color: #222; background: #FFF;}
.code           {max-width: 900px; background: #1f1f1f; padding: 20px; margin:10px 0 30px 0; display:inline-block;}
.shop           {max-width: 900px; margin: -10px 0 40px 0;}
.center			 {width: 100%; display: flex; justify-content: center; align-items: center; margin: 0 auto;}
.codesmall      {background: #1f1f1f; display:inline-block;}
.filter         {display:block; margin-bottom: 10px; margin-top: -20px; text-align: right;}
.description    {background: #1f1f1f; padding: 10px 0 10px 10px; margin-top: 0px;}
.videowrapper   {position: relative; padding-bottom: 56.45%; height: 0;}
video 			{max-width: 100%}


@media 			only screen and (max-width: 900px)
{
img 			{width: 100%;}
body			{font-size: 19px;}
}