@import "mixins/common.less";
@body  : black;
@link  : #a00;
@em    : #992278;
@del   : black;
@postBG: #e9e0c9;
@border: 1px solid #d1c29b;
@bold  : #555;
@admin : #ff2385;
@mod   : #128e3c;
@red   : #DF0101;
@blue  : #1048ff;

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

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

article {
	article {
		border: @border;
	}

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

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

	&.open {
		background           : #b7bbb6 url('chevrons.png');
		border-color         : gray;
		background-attachment: fixed;

		article {
			border: solid 1px gray;
		}
	}
}

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

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

h2 {
	color      : black;
	font-family: Tahoma;
}

h3 {
	color: #730;
}

header,
header nav a,
.backlinks {
	color: #444;
}

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

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

.modal,
.popup-menu {
	background-color: white;
	border-right    : 1px solid #eee;
	border-bottom   : 1px solid #eee;
}

a.tab-sel {
	color: red;
}

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

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

.omit {
	color: #555;
}
