:root {
	--black: #000000;
	--darkgrey: #0b0b0b94;
	--red-transparent: #ff00003d; 	/* background for post */
	--darkred: #d00135;		/* menu naviagtion category color */

	/* text and links*/
	--white: #dedede;	 	/* text */
	--yellow: #feb116; 		/* links */
	--brightyellow: #ffcc67; 		/* hover and click links */
}

* {
	margin: 0;
	padding: 0;
	flex-grow: 0;
	flex-shrink: 0;
}

html { 
	height: 100%;
}

body { 
	height: 100%;
	min-width: 800px;
	overflow-y: scroll;
	background: var(--black) url(/static/bg.webp) no-repeat top center;
}

a:link {color:var(--yellow); text-decoration:none; /* can add text shadow here */ }
a:visited {color:var(--yellow); text-decoration:none;}
a:hover {color:var(--brightyellow); text-decoration:underline;}
a:active {color:var(--brightyellow); text-decoration:none;}

p {
	padding: 5px;
}

@font-face {
	font-family: "Verda";
	src: url("/static/verda.woff") format("woff"); 
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

#container {
	height: 100%;
    display: flex;
    font-family: Verda, Arial;
    text-shadow: var(--darkgrey) 0px 0px 2px;
    font-size: 10px;
    color: var(--white);
    flex-direction: column;
}

#header {
	height: 100px;
}

#nav-bg {
    height: 80px;
    background: url("data:image/png;base64,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") no-repeat center;
}

#nav {
    font-size: 12px;
    text-align: center;
    padding-top: 32px;
}

#nav a:hover {
	text-decoration:none;
}

.navcat {
	color:var(--darkred);
}

#navline {
    background: var(--red-transparent);
    margin-top: -20px;
    height: 23px;
    border: 1px var(--darkgrey) solid;
}

#endnavspacer {
	height: 50px;
}

#content {
	flex-grow: 1;
    max-width: 960px;
    width: 100%;
    justify-self: center;
    text-align: justify;
    align-self: center;
}

.post {
	font-size: 12px;
	padding: 10px;
	background: var(--red-transparent);
	border: 1px var(--darkgrey) solid;
}

@media screen and (max-width: 960px) {
  .post {
    /* font-size: 16px; */
  }
}

.post-spacer {
	height: 30px;
}

#footer {
    height: 80px;
    align-content: center;
    align-self: center;
}

/* following are for files indexer */

ul li {
	display: block;
	list-style-type: none;
	overflow: hidden;
	padding: 5px;
}

ul li:hover {
	background-color: var(--red-transparent);
}

ul li .date {
	text-align: right;
	width: 160px;
}

ul li .size {
	text-align: center;
	width: 90px;
}

ul li .date, ul li .size {
	float: right;
	display: block;
}

ul#header-files li {
	/* border-bottom: 1px solid #cccccc; */
}

ul#header-files li:hover {
	/*background-color: transparent; */
}

ul#header-files li * {
	/*font-size: 11px; */
}

ul#header-files li a:hover {

}

ul#header-files li .asc span, ul#header-files li .desc span {
	padding-right: 15px;
	background-position: right center;
	background-repeat: no-repeat;
}

ul#header-files li .asc span {
	background-image: url('/pages/files.php?i=asc');
}

ul#header-files li .desc span {
	background-image: url('/pages/files.php?i=desc');
}

ul li.item {
	/* border-top: 1px solid var(--white); */
}

ul li.item:first-child {
	border-top: none;
}

ul li.item .name {

}

a.name {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}

ul li.item .directory, ul li.item .file {
	padding-left: 20px;
	background-position: left center;
	background-repeat: no-repeat;
}


/******************** Filetype Icons ********************/

ul li.item .directory {
	background-image: url('/pages/files.php?i=directory');
}

ul li.item .file-icon-generic {
	background-image: url('/pages/files.php?i=file-icon-generic');
}

/* can add more below */
ul li.item [class*='file-icon-'] {
	padding-left: 20px;
	background-position: left center;
	background-repeat: no-repeat;
}

ul li.item .file-icon-png, ul li.item .file-icon-jpg {
	background-image: url('/pages/files.php?i=file-icon-png');
}

ul li.item .file-icon-avi, ul li.item .file-icon-webm, ul li.item .file-icon-mp4 {
	background-image: url('/pages/files.php?i=file-icon-avi');
}

ul li.item .file-icon-exe {
	background-image: url('/pages/files.php?i=file-icon-exe');
}

ul li.item .file-icon-7z {
	background-image: url('/pages/files.php?i=file-icon-7z');
}