@font-face {
	font-family: 'Font Awesome';
	src: url('../font/fontawesome-webfont.eot');
	src: url('../font/fontawesome-webfont.woff') format('woff'),
	url('../font/fontawesome-webfont.ttf') format('truetype'),
	url('../font/fontawesome-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
body {
	margin:0;
	background:url(../image/5-Seamless-Fabric-Patterns02.png) #444;
	color:#800;
	overflow-y:hidden;
	line-height:1;
}
a {
	color:blue;
	text-decoration:none;
}
a:hover {
	color:#d00;
}
a.block {
	display:block;
}
a.button {
	margin:0;
	padding:4px;
	border:1px solid #000;
	border-radius:3px;
	background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjpyZ2JhKDEwMiwxMDIsMTAyLDEpOyIgLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOnJnYmEoMCwwLDAsMSk7IiAvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IGZpbGw9InVybCgjZ3JhZGllbnQpIiBoZWlnaHQ9IjEwMCUiIHdpZHRoPSIxMDAlIiAvPjwvc3ZnPg==) #888;
	background:-webkit-gradient(linear, left top, left bottom, from(#666), to(#000)) #888;
	background:linear-gradient(to bottom, #666, #000) #888;
	box-shadow:0 1px 2px #888;
	text-shadow:0 1px #000;
	color:#fff;
	font-size:small;
	text-align:center;
}
a.button:hover {
	background:#fc8;
	color:#000;
	text-shadow:0 1px #fff;
}
a.button:active {
	position:relative;
	left:1px;
	top:1px;
	background:#333;
}
a.button.disabled {
	background:none #ccc !important;
	color:#888 !important;
	text-shadow:none !important;
}
hr {
	color:silver;
}
.hide {
	display:none !important;
}
.right {
	text-align:right;
}
.tm-button {
	color:lime;
	cursor:pointer;
	font-family:'Font Awesome';
	font-weight:normal;
	text-shadow:none;
}
.tm-button.disabled {
	color:#888 !important;
	cursor:text;
}
.tm-button:hover {
	color:#fc0;
}
.bg0  {background-color:hsla(  0, 50%, 25%, 1) !important}
.bg1  {background-color:hsla( 30, 50%, 25%, 1) !important}
.bg2  {background-color:hsla( 60, 50%, 25%, 1) !important}
.bg3  {background-color:hsla( 90, 50%, 25%, 1) !important}
.bg4  {background-color:hsla(120, 50%, 25%, 1) !important}
.bg5  {background-color:hsla(150, 50%, 25%, 1) !important}
.bg6  {background-color:hsla(180, 50%, 25%, 1) !important}
.bg7  {background-color:hsla(210, 50%, 25%, 1) !important}
.bg8  {background-color:hsla(240, 50%, 25%, 1) !important}
.bg9  {background-color:hsla(270, 50%, 25%, 1) !important}
.bg10 {background-color:hsla(300, 50%, 25%, 1) !important}
.bg11 {background-color:hsla(330, 50%, 25%, 1) !important}
.bg12 {background:url(../image/macedonia.png) center center !important}

/*
 * header
 */

div.header-fixed {
	font-size:x-small;
	line-height:1;
	padding:2px 0 2px 0;
}
div.header {

}
div.header-fixed {
	position:fixed;
	display:table;
	width:100%;
	left:0;
	top:0;
	background-color:#600;
	color:#fff;
	box-shadow:0 1px 2px rgba(0,0,0,0.75);
	z-index:110;
	transform:translateZ(0);
}
div.header-fixed div.left, div.header-fixed div.right {
	display:table-cell;
	margin:0;
	padding:0 8px 0 8px;
	text-shadow:0 1px #000;
	vertical-align:middle;
}
div.header-fixed div.left {
	text-align:left;
}
div.header-fixed div.right {
	text-align:right;
}
div.header-fixed div.menu-container {
	font-size:small;
	font-weight:bold;
	overflow:hidden;
}
div.header-fixed div.info-container {
	font-weight:normal;
	color:#fa8;
}
div.header-fixed span.now {
	white-space:nowrap;
}
div.header-fixed span.sep {
	color:#fff;
}
div.header-fixed span.em {
	font-size:small;
	font-weight:bold;
	color:#ff0;
}
div.header-fixed span.now input[type=text] {
	margin:2px 0 2px 0;
	padding:2px 4px 2px 4px;
	width:200px;
	border:none;
	border-radius:4px;
	background-color:#eee;
	color:#333;
	font-size:x-small;
}

/*
 * menu holder
 */

#menu-holder {
	cursor:pointer;
	display:inline-block;
	margin:0;
	padding:2px 4px 1px 4px;
	line-height:1;
	white-space:nowrap;
}
#menu-holder.opened {
	background-color:#fff;
	color:#600;
	text-shadow:none;
}
#menu-holder .tm-button {
	color:#fff;
}
#menu-holder.opened .tm-button {
	color:#600;
}

/*
 * menu
 */

.mega-menu {
	position:fixed;
	display:none;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding:8px;
	box-shadow:0 4px 4px rgba(0,0,0,0.5);
	background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBvZmZzZXQ9IjAlIiBzdHlsZT0ic3RvcC1jb2xvcjpyZ2JhKDI1NSwyNTUsMjU1LDEpOyIgLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOnJnYmEoMjIxLDIyMSwyMjEsMSk7IiAvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IGZpbGw9InVybCgjZ3JhZGllbnQpIiBoZWlnaHQ9IjEwMCUiIHdpZHRoPSIxMDAlIiAvPjwvc3ZnPg==) #fff;
	background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd)) #fff;
	background:linear-gradient(to bottom, #fff, #ddd) #fff;
	color:#333;
	z-index:111;
	font-size:small;
	font-weight:normal;
	transform:translateZ(0);
}
.mega-menu.visible {
	display:block;
}
.mega-menu h1 {
	display:inline;
	font-size:large;
	margin:0 0 8px 0;
	padding:0;
	line-height:1;
}
.mega-menu fieldset {
	margin:4px 0 0 0;
	border:1px solid #ccc;
}
.mega-menu fieldset legend {
	font-size:x-small;
	color:#ccc;
}
.mega-menu div.menu-item {
	margin:0 0 8px 0;
	padding:0 0 8px 0;
	border-bottom:1px solid #333;
}
.mega-menu div.menu-item:first-child {
	margin-top:8px;
}
.mega-menu div.menu-item:last-child {
	margin-bottom:0;
	padding-bottom:0;
	border:none;
}
.mega-menu .menu-item-mode {
	border-collapse:separate;
	border-spacing:4px;
	margin:0;
	padding:0;
}
.mega-menu .mode-desc {
	font-size:medium;
	font-weight:bold;
	color:#ea8;
}
.mega-menu .menu-item-mode td {
	padding:0;
	vertical-align:top;
	border-radius:6px;
	background-color:#555;
	color:#eee;
	padding:8px;
}
.mega-menu .snapshot-date {
	margin:0 0 1px 0;
	border:none;
	background-color:#fff;
	color:#000;
	padding:2px;
	width:6em;
	border-radius:3px;
}
.mega-menu .snapshot-hour {
	border:none;
	background-color:#fff;
	color:#000;
	padding:2px;
	width:6em;
	border-radius:3px;
}
.mega-menu .snapshot-range {
	margin:0 0 4px 0;
	text-align:right;
	line-height:1.2;
	color:yellow;
}
.mega-menu table.bottom {
	border-collapse:collapse;
	border:none;
	margin:0;
	width:100%;
}
.mega-menu table.bottom td {
	width:1px;
	padding:0 8px 0 0;
	white-space:nowrap;
}
.mega-menu table.bottom td:last-child {
	/*width:90%;*/
	width:auto;
	padding:0;
}
.mega-menu a.link {
	font-size:x-small;
}
.mega-menu a .tm-button {
	font-size:200%;
	color:#000;
}

/*
 * progress indicator
 */

#progress {
	display:inline-block;
	padding:2px 4px 1px 4px;
	line-height:1;
	white-space:pre;
}
#progress-header {
	margin:0 4px 0 0;
}

/*
 * reload container
 */

#reload-container {
	color:yellow;
	font-weight:bold;
	cursor:pointer;
}

/*
 * pages
 */

table.pages {
	border-collapse:collapse;
	border-spacing:0;
	border:none;
	margin:0 auto 0 auto;
}
td.a-page {
	padding:0 10px 0 0;
	border:none;
	vertical-align:top;
}
td.a-page:last-child {
	padding-right:0;
}
td.a-page > div {
	border-radius:5px;
}


/*
 * pages header
 */

td.pages-header {
	padding:0 0 0 5px;
	line-height:1;
	font-size:small;
	text-shadow:0 1px #000;
}
td.pages-header span {
	font-size:medium;
	font-weight:bold;
}
td.pages-header a {
	color:#ea8;
}
td.pages-header a:hover {
	color:#d00;
}

/*
 * threads
 */

div.a-thread {
	margin:0;
	font-size:small;
	line-height:1.2;
	overflow:hidden;
	word-break:all;
}
div.a-thread:last-child {
}
div.a-thread a {
	display:block;
	position:relative;
	overflow:hidden;
	color:#800;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding:0;
	text-align:left;
}
div.a-thread:first-child a {
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}
div.a-thread:first-child div.thumb {
	border-top-left-radius:5px;
}
div.a-thread:last-child a {
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}
div.a-thread a:link {
	background-color:#ffe;
}
div.a-thread a:visited {
	background-color:#bce1eb;
}
div.a-thread a:hover {
	background-color:#ffe;
}
div.a-thread a:active {
	background-color:#ea8;
}
div.a-thread a:visited:hover {
	background-color:#bce1eb;
}
div.a-thread span.quote {
	color:#789922;
}
div.a-thread div.thumb {
	position:absolute;
	left:0;
	top:0;
	background-position:center center;
	border-color:#000;
	border-width:1px;
	border-style:none solid solid none;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
div.a-thread:last-child div.thumb {
	border-bottom-left-radius:5px;
	border-bottom:none;
}
div.a-thread div.overlay {
	display:none;
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
div.a-thread span.t {
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:6px;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding:6px 4px 0 4px;
	overflow:hidden;
}
div.a-thread.new span.t {
	color:#24f;
}
div.a-thread.expired span.t {
	color:#d00 !important;
}
div.a-thread span.n {
	position:absolute;
	right:0;
	bottom:0;
	background-color:#ffe;
	color:#792;
	padding:2px 3px 0px 3px;
	font-size:small;
	font-weight:normal;
	line-height:1;
	border-top-left-radius: 3px;
	box-shadow:0 0 2px 1px #888;
}
div.a-thread:hover span.n {
	background-color:#792;
	color:#fff;
	text-shadow:0 1px #000;
}
div.a-thread.new span.n,
div.a-thread.new:hover span.n {
	background-color:#24f;
	color:#fff;
	text-shadow:0 1px #000;
}
div.a-thread.expired span.n,
div.a-thread.expired:hover span.n {
	background-color:#d00 !important;
	color:#fff;
	text-shadow:0 1px #000;
}
div.a-thread.pinned {
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	-o-transform:scale(1.1);
	transform:scale(1.1);
}
div.a-thread.pinned div.overlay {
	display:block;
	border:dashed 3px #f00;
}
div.a-thread.concealed a {
	visibility:hidden;
}
.pages.filtered .a-thread .overlay {
	display:block;
	background-color:rgba(0,0,0,0.8);
}
.pages.filtered .a-thread.filtered .overlay {
	display:none;
}


/*
 * side fader
 */

div.fader-left {
	position:fixed;
	left:0;
	top:0;
	width:8px;
	height:2000px;
	/*background:#444;*/
	background:url(../image/5-Seamless-Fabric-Patterns02.png) #444;
	z-index:100;
	transform:translateZ(0);
}
div.fader-right {
	position:fixed;
	right:0;
	top:0;
	width:8px;
	height:2000px;
	/*background:#444;*/
	background:url(../image/5-Seamless-Fabric-Patterns02.png) #444;
	z-index:100;
	transform:translateZ(0);
}

/*
 * cover
 */

#cover {
	-o-transition:opacity 2s ease 0s;
	-ms-transition:opacity 2s ease 0s;
	-moz-transition:opacity 2s ease 0s;
	-webkit-transition:opacity 2s ease 0s;
	transition:opacity 2s ease 0s;
	opacity:1;
}
#cover.fadeout {
	opacity:0;
}

/*
 * help dialog
 */

div.dialog {
	display:none;
}
div.dialog-container {
	position:fixed;
	z-index:200;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:rgba(0,0,0,0.5);
}
div.dialog-container > div {
	position:fixed;
	left:5%;
	top:5%;
	right:5%;
	bottom:5%;
	padding:12px 12px 24px 12px;
	background:#ffe;
	color:#800;
	overflow-y:scroll;
	/*box-shadow:0 4px 8px #000;*/
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
div.dialog-container h1 {
	margin:0;
	color:#330;
}
div.dialog-container p {
	line-height:1.5;
}
div.dialog-container .key {
	display:inline-box;
	border:1px solid silver;
	background-color:#eee;
	color:#000;
	margin:0 2px 0 0;
	padding:0 6px 0 6px;
	line-height:1;
	border-radius:3px;
	box-shadow:0 2px #000;
	font-size:80%;
}
div.dialog-container .tt {
	display:inline-box;
	border:none;
	background-color:#000;
	color:#0f0;
	margin:0 2px 0 0;
	padding:2px 6px 2px 6px;
	line-height:1;
	border-radius:3px;
	font-family:"Consolas","Monaco","Courier New","Courier",monospace;
}

/*
 * search dialog
 */

div.dialog-container table.search-text-container {
	width:100%;
	margin:0 0 8px 0;
	border-collapse:collapse;
	border:none;
}
div.dialog-container table.search-text-container td:first-child {
	width:1%;
	font-family:'Font Awesome';
	font-size:x-large;
	color:#333;
	vertical-align:middle;
	padding:0 12px 4px 0;
	white-space:nowrap;
	border:none;
}
div.dialog-container table.search-text-container td:nth-child(2) {
	padding:0 8px 4px 0;
	vertical-align:middle;
	border:none;
}
div.dialog-container table.search-text-container td:last-child {
	width:1%;
	vertical-align:middle;
	padding:0 0 4px 0;
	white-space:nowrap;
	border:none;
}
div.dialog-container #quick-search-container {
	font-size:small;
}
div.dialog-container #quick-search-container a {
	padding:0;
	border-style:none none solid none;
	border-color:#00f;
	border-width:1px;
	line-height:1;
}
div.dialog-container #search-text {
	display:block;
	width:100%;
	border:1px solid #888;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	box-shadow:inset 1px 1px 2px rgba(0,0,0,0.5);
	border-radius:3px;
	margin:0;
	padding:8px;
	background-color:#fff;
	color:#000;
	font-size:large;
}
div.dialog-container #search-info {
	display:table;
	margin:16px 0 16px 0;
	width:100%;
	border-top:1px solid #ea8;
	background-color:#f0e0d6;
	font-size:small;
}
div.dialog-container #search-info div {
	display:table-cell;
	padding:4px 8px 3px 8px;
	line-height:1;
}
div.dialog-container #search-info div:first-child {
	text-align:left;
	font-weight:bold;
}
div.dialog-container #search-info div:last-child {
	text-align:right;
}

/*
 * search result
 */

#search-result {
	line-height:1.5;
}
#search-result .sr-url {
	margin:0 0 8px 0;
}
#search-result .sr-info {
	color:#707070;
}
#search-result > div > img {
	margin:0 12px 12px 0;
	float:left;
}
#search-result > div > div {
	margin:0.5em 0 1em 0;
}
#search-result .sr-comment {
	display:table;
	margin:1em 0 0 0;
	background-color:#f0e0d6;
	border-radius:8px;
	padding:2px 4px 2px 4px;
}
#search-result .sr-comment div {
	margin:0.5em 1em 1em 2em;
}
#search-result .sr-comment + .sr-comment {
	margin-top:8px;
}
#search-result .sr-clear {
	clear:both;
	margin:1em 0 1em 0;
	height:0px;
	overflow:hidden;
	border-style:solid;
	border-width:1px;
	border-color:gray silver silver gray;
}
#search-result .quote {
	color:#789922;
}
#search-result .email {
	color:#00f;
}
#search-result .deleted {
}
#search-result .mark {
	color:#f00;
}

/*
 * search result (navigator)
 */

#search-nav {
	margin:8px 0 0 0;
	padding:0 0 40px 0;
	text-align:center;
}
#search-nav a {
	display:inline-block;
	margin:0 0 0 -1px;
	padding:8px 12px 8px 12px;
	background-color:#fff;
	color:#800;
	border:1px solid silver;
	font-size:small;
	font-weight:bold;
	white-space:nowrap;
}
#search-nav span {
	display:inline-block;
	margin:0 0 0 -1px;
	padding:8px 12px 8px 12px;
	background-color:#ffe;
	color:#888;
	border:1px solid silver;
	font-size:small;
	font-weight:bold;
	white-space:nowrap;
}
#search-nav a:first-child,
#search-nav span:first-child {
	border-radius:4px 0 0 4px;
}
#search-nav a:last-child,
#search-nav span:last-child {
	border-radius:0 4px 4px 0;
}
#search-nav a:hover {
	background-color:#eee;
}
#search-nav span.disabled {
}
#search-nav span.current {
	background-color:#c44;
	color:#fff;
	border-color:silver;
}
#search-nav span.ellipsis {
	border-style:none solid none solid;
}

/*
 * filter
 */

#filter-menu-holder {
	padding:0 2px 0 2px;
	font-size:small;
}
#filter-menu-holder.opened,
#filter-menu-holder.opened .tm-button,
#filter-menu-holder.opened .tm-button:hover {
	background-color:#fff;
	color:#600;
	text-shadow:none;
}
#filter-menu a {
	display:block;
	margin:0;
	padding:8px;
	background-color:transparent;
	color:#333;
}
#filter-menu a:hover {
	background-color:Highlight;
	color:HighlightText;
}

/*
 * popup
 */

div.popup {
	position:absolute;
	z-index:105;
}
div.popup .loading-indicator,
div.popup .popup-body {
	position:absolute;
	overflow:hidden;
}
div.popup .loading-indicator {
	margin:1em 0 0 0;
	text-align:center;
	color:#ffe;
	font-size:medium;
}
div.popup .image-container {
	text-align:center;
	margin:0 0 8px 0;
}
div.popup img {
	border:none;
}
div.popup .topic {
	margin:0 0 8px 0;
	color:#ffe;
	font-size:small;
	white-space:pre-line;
	line-height:1.2;
}
div.popup .reply {
	margin: 0 0 4px 0;
	padding:6px;
	border-radius:4px;
	background-color:#f0e0d6;
	font-size:x-small;
	white-space:pre-line;
	line-height:1.2;
}

/* vim:set ts=4 sw=4 fenc=UTF-8 ff=unix ft=css : */