html {
    overflow: -moz-scrollbars-vertical; 
    overflow-y: scroll;
	cursor: url('petzhand.png'), auto;
}
body {
   background-color: #222222;
  background-image: linear-gradient(90deg, rgba(0,0,0,.5) 0%, rgba(0,0,0,0) 10%, rgba(0,0,0,0) 90%, rgba(0,0,0,.5) 100%), url('ep_naturalblack.png');
   color: #b5b5b5;
   font-family: 'Trebuchet MS', sans-serif;
   font-size:14px;
	box-sizing:border-box;	
}
::selection {
  background: #b3b3b3;
  color: #000;
}
a {
  cursor: url('petzpoint.png'), auto;	
}
a:link {
  color: #ffffff;
  text-decoration: none;
}
a:visited {
  color: #ffffff;
  text-decoration: none;
}
a:hover {
  color: #ffffff;
  text-decoration: underline dotted;
} 
a:active {
  color: #ffffff;
  text-decoration: none;
} 
a.navlink:link {
  color: #ffffff;
  text-decoration: none;
  padding-left:1em;
  display:block;
  margin-bottom:2px;
}
a.navlink:hover {
  color: #ffffff;
  text-decoration: underline dotted;
  padding-left:1em;
  display:block;
}
.about{
  background-image: url("pixabout.png");
  width:58px;
  height:18px;
  margin: 0.83em 0px 6px 0px;
  }
.art{
  background-image: url("pixwork.png");
  width:50px;
  height:18px;
  margin: 0.83em 0px 6px 0px;
  }
.games{
  background-image: url("pixgames.png");
  width:59px;
  height:18px;
  margin: 0.83em 0px 6px 0px;
  }
.stuff{
  background-image: url("pixstuff.png");
  width:58px;
  height:18px;
  margin: 0.83em 0px 6px 0px;
  }
.explore{
  background-image: url("pixexplore.png");
  width:80px;
  height:18px;
  margin: 0.83em 0px 6px 0px;
  }
.parent {
	display: grid;
	grid-template-columns: 1fr 800px 1fr;
	grid-template-rows: 50px 1fr 90px;
	grid-template-areas:
	'headcorner mainbody rspace'
	'navsec mainbody rspace'
	'footer footer footer';
	grid-column-gap: 10px;
	width:fit-content;
	margin:60px auto 20px auto;
}
.headcorner {
	grid-area: headcorner;
	text-align:center;
	font-family: 'Consolas', Monospace;
}
.navsec { 
	grid-area:navsec;
	margin-right:1em;
}
.rspace { 
	grid-area:rspace;
	max-width:220px;
}
.footer { 
	grid-area:footer;
}
nav {
	font-family: 'Consolas', Monospace;
	background-color: #333333;
	border: 4px solid #777777;
	border-radius: 16px;
    overflow: -moz-scrollbars-vertical; 
    overflow-y: scroll;
	scrollbar-width:thin;
	padding-left:2em;
	padding-bottom:1em;
	box-shadow: 12px 12px 2px 1px rgba(0, 0, 0, .5);
	width:210px;
	box-sizing:border-box;
}
.mainbody {
	grid-area:mainbody;
	background-color: #333333;
	border: 4px solid #777777;
	border-radius: 16px;
	box-shadow: 12px 12px 2px 1px rgba(0, 0, 0, .5);
}
.innerbody {
	display: grid;
	grid-template-columns: 2fr 1fr;
	grid-template-rows: 40px 1fr;
	grid-column-gap: 0px;
	grid-template-areas:
	'headerbar headerbar'
	'maincontent sidebar';
	grid-row-gap: 0px;
}
.headerbar {
	grid-area: headerbar;
}
header {
  display:flex;
	align-items: center;
	font-family: 'Consolas', Monospace;
	margin: 0px 1em;
	font-style:italic;
	box-sizing:border-box;
	height:45px;
}
.headertext { 
  text-align:center;
	width:520px;
}
.maincontent {  
	grid-area:maincontent;
	padding: 0px .75em 1em 1em;
}
.sidebar {  
	grid-area:sidebar;
}
aside {
  background-image: url('scanlinesg.gif');
	border: double 4px #000000;
	margin-right:1em;
}
.imgbox {
	display:flex;
	margin:auto;
	margin-bottom:.75em;
	justify-content:center;
	align-items: center;
	text-align:center;
	width: 200px;
	height:155px;
}
.bottombar {
	background-image: url('scanlinesg.gif');
	text-align:center;
	grid-area: bottombar;
	margin:1em 2em 1em 1em;
	padding:1em 0em 1em 0em;
	border: double 4px #000000;
}
h1 { margin:.25em; }
h2.navhead {
	font-size: 1.25em;
	margin-bottom:.25em;
}
h3 {
	font-size: 1.1em;
	margin:0px 0px .5em 0px;
	text-align:center;
}
h4 { 
	font-size: .75em;
	display:inline-block;
	margin:.7em 0px 0px 0px;
}
h6 {
	margin:.5em 0px;
}
footer {
	font-family: 'Consolas', Monospace;
	text-align:center;
	margin:2em 28em 2em auto;
	font-style:italic;
}
.sidespacer {padding: 0px 1em;}
.center {text-align:center;}
.half {width:47%;}
.third {width:29%;}
.linkbutton {
	margin:3px;
	border:solid 2px rgba(255, 255, 255, .5);
	border-radius:6px;
	text-align:center;
	display:inline-block;
	padding:4px 0px;
	box-sizing: border-box;
}
.linkbutton:hover {background-color: rgba(255, 255, 255, .1);}
.linkbutton:active {background-color: rgba(255, 255, 255, .1);}
.friendbox{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-evenly;
	width:177px;
	text-align:center;
	margin:auto;
	margin-bottom:1em;
}
.break {
  flex-basis: 100%;
  height: 0;
}
.changelogheader {
	font-family: 'Consolas', Monospace;
	font-size: 12px;
	padding-bottom:4px;
	padding:5px;
	border:1px solid #000;
	background-color: #111111;
}
.changelog {
	font-family: 'Consolas', Monospace;
	background: #111111;
	height:170px;
	overflow-y:scroll;
	scrollbar-width:thin;
	padding:0px 5px 5px 5px;
	text-align: left;
	font-size: 12px;
	display:inline-block;
	border:1px solid #000;
	line-height:150%;
}
marquee { 
	height:20px;
}
.bar {
	font-size:14px;
	font-family: 'Consolas', Monospace;
	background: rgba(0, 0, 0, .8);
	text-align:center;
	padding:4px 0px;
	margin-bottom:.75em;
}
.note {
	background-image: url('grid.png');
	border:solid 1px #000;
	border-radius:0px 0px 4px 4px;
	padding:5px;
	box-sizing:border-box;
	margin-bottom:0px;
	max-width:250px;
}
.lpad {margin:0px;
	margin-left:.5em;
	text-align:left;}
.todo { height:268px; }
ul{
  text-align:left;
  margin-top:0px;
}
.list {
  height:214px;
  margin-top:10px;
  margin-bottom:0px;
  overflow-y:scroll;
  scrollbar-width: thin;
}
.flexy {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around;
}
.spacersm {margin-bottom:.5em}
.spacer {margin-bottom:1em}
.nospace {margin:0px;}
.top {position:relative; z-index: 1;}