@import url("normalize.css");
@import url("base.css");
@import url("colours.css");
@import url("common.css");
@import url("links.css");
@import url("buttons.css");
@import url("content.css");
@import url("forms.css");
@import url("icons.css");
@import url("cp.css");
@import url("responsive.css");
@import url("plupload.css");
@import url("utilities.css");

/* ============================================================
   LoE Evil custom additions — banner, nav, crosshair cursor
   ============================================================ */

/* Crosshair cursor on all links */
a, a:link, a:visited, a:hover, a:active {
	cursor: crosshair !important;
}

/* ============================================================
   LoE Banner — replaces the prosilver headerbar entirely
   loexper2.gif is 780x78px
   ============================================================ */

/* Hide everything inside the header bar */
.headerbar .site-name,
.headerbar .site-desc,
.headerbar h1,
.headerbar h2,
.headerbar .icon,
.headerbar .site-logo,
#logo,
.logo {
	display: none !important;
}

/* Turn the headerbar itself into our banner */
.headerbar,
.headerbar .inner {
	padding: 0 !important;
	margin: 0 !important;
	min-height: 0 !important;
	background: none !important;
	border: none !important;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	background-image: none !important;
}

/* The #page-header wraps the headerbar — make it our banner */
#page-header {
	background-color: #000000 !important;
	background-image: url("images/loexper2.gif") !important;
	background-repeat: no-repeat !important;
	background-position: center top !important;
	background-size: auto 78px !important;
	height: 78px !important;
	border-bottom: 2px solid #CC0000 !important;
	padding: 0 !important;
	margin: 0 !important;
	display: block !important;
}

/* Make the headerbar inside transparent so banner shows through */
.headerbar {
	background: transparent !important;
	height: 78px !important;
}

/* Footer banner — shown after the copyright bar */
#page-footer {
	background-color: #112211 !important;
	border-top: 2px solid #CC0000 !important;
	padding: 10px 0 !important;
	text-align: center !important;
}

#page-footer::after {
	content: '' !important;
	display: block !important;
	background-image: url("images/loe468.gif") !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	width: 468px !important;
	height: 60px !important;
	margin: 8px auto 0 !important;
}

/* Scrollbar styling */
* {
	scrollbar-color: #CC0000 #0a0a00;
	scrollbar-width: thin;
}
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: #0a0a00; }
::-webkit-scrollbar-thumb { background-color: #CC0000; border-radius: 2px; }
::-webkit-scrollbar-thumb:hover { background-color: #FF0000; }