@import "mixins/common.less";
@body  : #eee;
@link  : #c22;
@em    : #a00;
@del   : black;
@postBG: #222;
@border: 1px solid #111;
@bold  : #666;
@admin : #f00;
@mod   : #ffff33;
@red   : @admin;
@blue  : #57e8ed;

a:hover,
blockquote a {
	color: #513fd3;
}

article,
aside,
.modal {
	background-color: @postBG;
	border-right    : @border;
	border-bottom   : @border;
}

article {
	article {
		border: @border;
	}

	&.highlight:not(.open),
	&:target {
		background-color: #333;
		border-color    : #222;

		article {
			border: solid 1px #222;
		}
	}

	&.open {
		background-color: #311;
		border-color    : #200;

		article {
			border: solid 1px #200;
		}
	}
}

body {
	background           : black url('95.png');
	background-attachment: fixed;
	font-family          : Arial, Helvetica, sans-serif;
	font-size            : 10pt;
}

h1 {
	color         : #900;
	font          : bolder 28px Tahoma;
	letter-spacing: -2px;
}

h2 {
	color      : #900;
	font-family: Tahoma;
}

h3 {
	color: #b388ff;
}

header,
figcaption,
figcaption a,
.backlinks,
.act {
	color: #555;
}

hr {
	border-top: 1px solid #300;
}

.popup-menu li:hover {
	background-color: white;
}

.popup-menu {
	background-color: #111;
	border-right    : 1px solid #000;
	border-bottom   : 1px solid #000;
}

.preview {
	&:not(.open) {
		background-color: #111;
	}

	border-right : 1px solid #000;
	border-bottom: 1px solid #000;
}

.omit {
	color: #999;
}

a.tab-sel {
	color: pink;
}
