/*@font-face {
    font-family: 'tolstoy';
    src: url('/fonts/tolstoy_syllabics-webfont.woff2') format('woff2'),
         url('/fonts/tolstoy_syllabics-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
*/

body {
    font-size:16px;
    font-family: prestige-elite-std, monospace;
    font-weight: 400;
    font-style: normal;
    margin:0;
    /*background:#FFF url('/img/tolstoy-bg.gif') ;*/
    background-size: 120%;
    
}


#radial {
	position: fixed;
    top: 50%;
    left: 50%;
     max-height: 80%; 
    
    z-index: -1;
    transform: translate(-50%,-50%);
/*     opacity:0.6; */
    
    transition:opacity 0.4s;
}

a.plain {
/* 	color: #000;  */
	
	text-decoration:none;
	font-weight:normal;
}

a.plain:hover {
	text-decoration:underline;
}

#lead {
	position:fixed;
	top:300px;
	left:400px;
	max-width:250px;
	pointer-events:none;
	transform:translate(-50%,20%)
}

.letter {
	position:fixed;
	font-family:tolstoy;
	text-transform:uppercase;
	pointer-events: none;
	color:#999;
}


.top-menu {
	position:fixed;
	padding:1em;
	border-bottom:1px solid #000;
	width:100vw;
	background:#FFF;
	top:0;
	display:flex;
	justify-content: space-between;
	box-sizing: border-box;
}

.bottom-menu {
	position:fixed;
	padding:1em;
	border-top:1px solid #000;
	width:100vw;
	background:#FFF;
	bottom:0;
	display:flex;
	justify-content: space-between;

}

#all-cycles {
	text-transform: uppercase;
}

#all-tags {
	max-width:calc(100% - 6em);
}

#tag-button {
	cursor:pointer;
}

#tag-list {
	height:0;
	overflow:hidden;

}

#tag-list.active {
	height:auto;	
}

.tag {
	list-style-type: none;
	display:inline-block;
	padding-right:1em;
	cursor:pointer;
}

#comment {
	position:fixed;
	padding:1em;
	background:white;
	top:50%; left:50%;
	transform:translate(-50%,-50%)
}

textarea {
	width:250px;
	height:150px;
}



#container {
	margin:4em 1em;
	column-count: 5;
}

#cycle-desc {
	column-span: all;
	display:grid;
	grid-template-columns:1fr 1fr 1fr 1fr 1fr;
	grid-column-gap:1em;
}
.cycle-column {
	/*margin-bottom:6em;*/
}
.cycle-column img {
	max-width:100%;
	margin-bottom:1em;
}

#left-col {
	box-sizing: border-box;
	padding:1em;
	height:100vh;
    width: 100%;
    overflow: hidden;
}

#left-col-inside {
	  width: 100%;
    height: 100%;
	 overflow-y: scroll;
    padding-right: 17px; /* Increase/decrease this value for cross-browser compatibility */
    box-sizing: content-box; /* So the width will be 100% + 17px */
}

/*#right-cols {
	margin-top:4em;
	column-count: 5;
}*/

/*ul#lang {
	position:fixed;
	top:1em; right:2em;
}*/
ul#lang {
	margin:0 2em 0 0;
}
ul#lang li {
	margin:0; padding:0;
	display:inline-block;
	
}

.on {
	text-decoration: underline;
}


ul, #allItems {
	margin:0;
	padding:0;
	list-style-type:none;
}

#allItems:hover {
	text-decoration:underline;
}

/*li {
	cursor:pointer;
}

li.tag:hover {
	text-indent:1em	;
}
*/
.entry {
	cursor:pointer;
	margin-bottom:0.35em;
}


.active {
	text-decoration: underline;
}
.entry:hover {
	text-decoration: underline
}

#open-entry {

	position:absolute;
	left: 0;
	top:calc(3em + 3px);
 	background:white; 
    box-shadow: border-box;
    padding:1em;
	
	width:100vw;
	min-height:calc(100vh-6em);
	/*overflow-y:scroll;*/
}

#credit {
	    position: fixed;
    bottom: 1em;
    right: 1em;
}

.close {
	cursor:pointer;
}


fn {
	display:inline-block;
	color:white;
	background:black;
}

#tip {
	position:fixed;
	background:white; 
	padding:0.5em;
	border:1px solid #000;

}

#tag-intro {
	column-span:all;
	padding-bottom:2em;
	text-decoration: underline;
}

#open-entry img, 
#entryContents {
	max-width: 1000px;
}


.annotator-notice, .annotator-filter *, .annotator-widget * {
font-family:"prestige-elite-std", monospace
}

.annotator-editor.annotator-invert-y .annotator-widget .annotator-controls {
/* 	background:#FFF; */
    
}


.annotator-editor a, .annotator-filter .annotator-filter-property label {
/*
    color: #000;    
    background-color: #FFF;
    border: 1px solid #000;
*/
    background-image: none;
    box-shadow: none;    
    border-radius: 2px;
    
    
    
    
    
}


.annotator-editor a:hover, .annotator-editor a:focus, .annotator-editor a.annotator-focus, .annotator-filter .annotator-filter-active label, .annotator-filter .annotator-filter-navigation button:hover {
    
    border-color: #000000;
    background-color: #000000;
    color: #fff;    
    text-shadow: none;
    background-image: none;
    
/*
    
    
    
*/
    
}

.annotator-hl {

	background:#000;
	color:#FFF;

    
    
	
}


.norm .annotator-delete { display: none}