/* Custom Fonts */
@font-face {
	font-family: ssans-light;
	src: url("../font/SourceSansPro-Light.ttf");
}

/* Real deal */
html, body {
	margin: 0px;
	padding: 0px;
}

body {
	background-color: #222;
	font-family: ssans-light;
}

.section-top {
	/* Positioning */
	position: fixed;
	width: 100%;
	top: 0px;
	left: 0px;
	height: 76px;
	z-index: 10;

	/* Colours */
	background-color: #181818;
	color: #FFF;
	box-shadow: 0px 0px 5px #000;
}

.section-top .path-bar {
	/* Positioning */
	position: fixed;
	left: 314px;
	right: 0px;
	top: 64px;
	height: 32px;
	z-index: 11;
	padding-left: 12px;

	line-height: 32px;
}

.section-top .path-bar-middle {
	/* Positioning */
	position: fixed;
	left: 158px;
	right: 158px;
	top: 44px;
	height: 32px;
	z-index: 11;
	padding-left: 12px;

	line-height: 32px;
}

.section-top .path-bar a,
.section-top .path-bar-middle a {
	color: #999;
	text-decoration: none;
	font-weight: bold;
	padding: 4px;
	border-radius: 4px;
}

.section-top .path-bar a:hover,
.section-top .path-bar-middle a:hover {
	color: #BBB;
	background-color: #222;
}

.section-left {
	/* Positioning */
	position: fixed;
	width: 314px;
	top: 96px;
	left: 0px;
	bottom: 0px;
	z-index: 5;
	padding: 12px 0px;
	overflow-y: auto;

	/* Colours */
	background-color: #1D1D1D;
	box-shadow: 0px 0px 5px #000;
}

.section-right {
	/* Positioning */
	position: fixed;
	left: 314px;
	right: 0px;
	top: 76px;
	bottom: 0px;
	z-index: 0;
	padding: 12px;
	overflow-y: auto;

	/* Colours */
	background-color: transparent;
}

.section-middle {
	/* Positioning */
	position: fixed;
	left: 158px;
	right: 158px;
	top: 76px;
	bottom: 0px;
	z-index: 0;
	padding: 12px;
	overflow-y: auto;

	/* Colours */
	background-color: #1D1D1D;
	box-shadow: 0px 0px 5px #000;
}

.non-resize {
	box-sizing: border-box;
}

.section-left .category {
	color: #FFF;
	padding-left: 20px;
}

table.file-table {
	width: 100%;
	color: #FFF;
}

table.file-table th {
	font-variant: all-small-caps;
}

table.file-table th, table.file-table td {
	text-align: left;
	height: 32px;
	vertical-align: middle;
}

table.file-table th.t_icon,
table.file-table td.t_icon {
	width: 32px;
}

table.file-table th.t_date,
table.file-table td.t_date {
	width: 20%;
}

table.file-table th.t_size,
table.file-table td.t_size {
	width: 10%;
}

table.file-table tr th,
table.file-table tr td {
	border-bottom: 1px solid #333;
}

table.file-table tr:hover td {
	border-bottom: 1px solid #333;
	background-color: rgba(0, 0, 0, 0.25);
}

table.file-table a {
	color: #FFF;
	text-decoration: none;
}

table.file-table a:visited {
	color: #999;
	text-decoration: none;
}

::-webkit-scrollbar {
	width: 8px;
}

::-webkit-scrollbar-thumb {
	background-color: #666;
}

::-webkit-scrollbar-track-piece {
	background-color: #111;
}

.right-area {
	position: fixed;
	left: 312px;
	top: 76px;
	right: 0px;
	bottom: 0px;
	overflow-y: auto;
}

.file-numbers {
	width: 46px;
	color: white;
	padding: 8px;
	background-color: #08080A;
	border-right: 1px solid #181818;
	text-align: right;
	box-sizing: border-box;
	float: left;

	min-height: 100%;
	color: #47474A;
}

.file-area {
	color: white;
	padding: 8px;
	background-color: #08080A;
	box-sizing: border-box;
	float: left;

	min-height: 100%;
	width: calc(100% - 46px);
}

pre {
	margin: 0px;
	tab-size: 4;
}

code {
	font-family: 'Inconsolata', monospace;
	font-size: 16px;
}

iframe.fs {
	width: 100%;
	height: 100%;
	border-width: 0px;
}

.banner-links-under {
	background-color: #050508;
	color: #FFF;
	width: calc(100% - 16px);
	padding: 8px;
	text-align: right;
	height: 28px;
	z-index: 100;
	position: fixed;
	top: 0px;
}

.banner-links-inner {
	width: calc(100% - 316px);
	/* max-width: 1000px; */
	margin: 0 auto;
	height: 100%;
}

.banner-links-inner .site-txt {
	float: left;
	margin: 0px 4px;
	font-weight: bold;
	padding: 4px 8px 4px 8px;
}

.banner-links-inner .banner-link {
	color: #FFF;
	position: relative;
	float: right;
	margin 0px 4px;
	font-weight: bold;
	padding: 4px 8px 4px 8px;
	border-radius: 4px;
}

.banner-links-inner .banner-link:hover {
	background-color: #FFF;
	color: #000;
}