/* @import url(http://fonts.googleapis.com/css?family=Lato:400,400italic,900,900italic&subset=latin,latin-ext); */
/* @import url(http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700,700italic&subset=latin,latin-ext); */
@import url(https://fonts.googleapis.com/css?family=Proza+Libre:400,400italic,700,700italic&subset=latin,latin-ext);
/* body, *
	{font-family: 'Gill Sans MT', 'Gill Sans', 'Calibri', 'Open Sans', 'Trebuchet MS', sans-serif;} */
/* body, *
	{font-family: 'Gill Sans MT', 'Gill Sans', 'Proza Libre', 'Trebuchet MS', sans-serif;} */
body, *	{
	font-family: 'Proza Libre', 'Trebuchet MS', sans-serif;
}
body{
	background:#000; 
	background-image:url('schemer2a.jpg'); 
	background-repeat:no-repeat; 
	background-attachment:fixed;
	font-size:10pt; /* . 12pt; */
	color:#999;
}
@media(max-width: 700px){
body
	{font-size:14pt;}
}
h1{
	position:fixed; top:10px; width:100%; height:100px; /* 200 */
	background-image:url('schemer3b.jpg');
	font-size:27pt; /* . 32pt */ /* 52 */ font-variant:small-caps; color:#C90; 
	min-width:640px; margin-top:0px; top:0px; 
	border-bottom:1px solid #FB0; /* #C96; */
	transition: 500ms;
	-webkit-transition: 250ms; /* Safari */
	font-weight:normal;
}
h1 span.n{font-size:46pt; /* . 55pt; */ font-variant:normal;}
@media(max-width: 700px){
h1{
	height:35px;
	font-size: 14pt; /*10pt;*/ /* . 12pt; */
	transition: 500ms;
	-webkit-transition: 250ms; /* Safari */
	background-image:url('schemer3c.jpg');
}
h1 span.n{font-size:17pt /* . 20pt; */ font-variant:normal;} /* */
}
h1.shrink{
	height:35px;
	font-size:10pt; /* . 12pt; */
	transition: 500ms;
	-webkit-transition: 250ms; /* Safari */
	background-image:url('schemer3c.jpg');
}
h1.shrink span.n{font-size:17pt; /* . 20pt; */ font-variant:normal;} /* */
div.note{
	background-image:url('schemer2a.jpg');
	background-position:0px -60px; /* -140 */
	font-size:10pt; /* . 12pt; */ font-variant:normal; font-weight:normal; 
	position:absolute; top:65px; left:-640px; 
	width:620px; z-index:2; 
	margin:0; margin-bottom:10px; margin-top:5px; 
	padding-top:5px; padding-right:10px; padding-bottom:5px; padding-left:10px; 
	border:1px solid #FB0; /* #C96; */
	text-align:justify;
}

h1 div.note{
	top:60px; /* 140 */
	transition: 250ms;
	-webkit-transition: 250ms; /* Safari */
}
@media(max-width: 700px){
h1 div.note{
	top:23px; 
	background-position:0px -23px;
	transition: 250ms;
	-webkit-transition: 250ms; /* Safari */
}}
h1.shrink div.note{
	top:23px; 
	background-position:0px -23px;
	transition: 250ms;
	-webkit-transition: 250ms; /* Safari */
}
div.subnote{
	font-size: 8pt; /* . 10pt; */ font-variant:normal; font-weight:normal;
	width:310px; float:right; z-index:2; 
	margin:0; margin-left:10px; margin-top:5px; 
	padding-top:5px; padding-right:0; padding-bottom:5px; padding-left:10px; 
	text-align:justify;
}
div.note .notetab{
	position:absolute; left:630px; bottom:50%; 
}
span.n{color:#fff;}
h1 a.n:hover div.note,
h1 span.n:hover div.note{
	left:-10px;
	transition: left 250ms;
	-webkit-transition: left 250ms; /* Safari */
}
span.n a{text-decoration:underline}
div.note, div.note b, div.note i, div.subnote, div.subnote b, div.subnote>span
	{color:#000}
a.hide, div.hide{display:none}
div.posts
	{width:600px; clear:right;margin-left:auto; margin-right:auto;
	margin-top:60px; /* 140 20150222 *//* padding-top:80px; 15-3-2014 */}
div.menu{
	background:#036;
	font-size: 13pt; /* . 16pt; */ font-variant:normal; font-weight:normal; 
	position:absolute; top:0px; /* 30px; */ right:-200px; 
	width:170px; z-index:2; 
	margin:0; /* margin-bottom:10px; margin-top:5px; */
	padding-top:5px; padding-right:10px; padding-bottom:5px; padding-left:10px; 
	border:0px solid #FB0; /* #C96; */
	text-align:left;
	transition: right 250ms;
	-webkit-transition: right 250ms; /* Safari */
	max-height:100vh; /* 20-1-2015 */
	overflow:auto; /* 20-1-2015 */
}
div.fmenu{
	background:#036;
	font-size:13pt; /* . 16pt; */ font-variant:normal; font-weight:normal; 
	width:500px; z-index:2; 
	margin-left:50px;margin-top:200px;
	padding-top:5px; padding-right:10px; padding-bottom:5px; padding-left:10px; 
	border:0px solid #FB0; /* #C96; */
	text-align:left;
}
div.postlist{
	background:#036;
	font-size:10px; /* . 12px; */ 
/*
	width:245px;
	overflow:auto; 
*/
}
div.postlist img{
	height:80px;
}
div.postlist div.img{
	width:80px;
	overflow:hidden;
}
div.postlist div.id{
	width:120px;
	overflow:hidden;
}
div.postlist td{
	vertical-align:top;
}
div.postlist tr.thispost{
	background:black;
	color:white;
}
div.menu span.year, div.fmenu span.year{ color:#9cf; /*#69c;*/ }
div.menu span.head, div.fmenu span.head{ color:#69c; } /* 20150705 */

div.rheader:hover div.menu{
	right:0px;
	transition: right 250ms;
	-webkit-transition: right 250ms; /* Safari */
}
div.menu span.year>span.month, div.fmenu span.year>span.month{ display:none; }
div.menu span.year:hover>span.month, div.fmenu span.year:hover>span.month{ display:block; padding-left:20px;} /* 20150705 inline=>block */

/*
@media screen and (min-resolution: 130dpi) and (max-resolution:140dpi) and (max-width: 960px) and (device-aspect-ratio: 1920/1200),
   screen and (min-resolution: 130dpi) and (max-resolution:140dpi) and (max-width: 720px) and (device-aspect-ratio: 1440/1080),
   screen and (min-resolution: 130dpi) and (max-resolution:140dpi) and (max-width: 960px) and (device-aspect-ratio: 1920/1080) {
*/
@media screen and (min-resolution: 144dpi) {
div.menu, div.fmenu{line-height:32pt;}
}

@media(max-width: 600px){
div.posts
	{margin-left:0; 
	margin-top:0px; /* 20150222 */}
}

div.post
	{/* padding-bottom:10px; border-bottom:1px solid #999; */
	padding-top:80px} /* 15-3-2014 */
h2{
	font-size:13pt; /* . 16pt; */ font-variant:normal;
	/* padding-top:10px; border-top:1px solid #999; */
}
h2:before{
	content:url('share16.png');
	cursor:pointer;
	padding-right:8px;
}
h2.noshare:before{
	content:'';
	padding-right:0;
}
.x
	{color:#CCC;} /* #ECB; */
.c
	{color:#CFC}
.m
	{color:#CCF}
.b
	{color:#FCC}
.bright
	{color:#FF0}
.note .n
	{color:#EB2; font-weight:normal;}
img
	{max-width:600px}
img.link, area.link, span.link
	{cursor:pointer}
span.cl img
	{margin:0px;}
span.cl img.x
	{border-left:11px solid #CCC;}
span.cl img.c
	{border-left:11px solid #CFC;}
span.cl img.m
	{border-left:11px solid #CCF;}
span.cl img.b
	{border-left:11px solid #FCC;}
.en
	{display:none}
div.buffer
	{height:60pt;}
div.rheader{
	position:fixed; top:0px; right:0px;
	font-variant:small-caps; font-weight:bold; 
	color:#C90; text-align:right
}
div.mfooter, div.lfooter, div.rfooter, div.mfooter select{
	font-size:13pt; /* . 16pt; */
}
div.mfooter{
	position:fixed; bottom:0px; width:100%;
	font-variant:small-caps; font-weight:bold; 
	background:#000; color:#C90;
	text-align:center;
}
div.lfooter{
	position:fixed; bottom:0px; left:0px;
	font-variant:small-caps; font-weight:bold; 
	background:#000; color:#C90;
}
div.rfooter{
	position:fixed; bottom:0px; right:0px;
	font-variant:small-caps; font-weight:bold; 
	background:#000; color:#C90;
}
div.editlink{
	font-size:13pt; /* . 16pt; */
	position:fixed; bottom:0px; right:0px;
	font-weight:bold; 
	background:rgba(204,153,0,0.25); /* #C90 */
	color:#C90;
}
div.editlink a{
	color:#C90;
}
div.dis
	{color:#666;}
a
	{color:#FFF; text-decoration:none}
div.dis a
	{color:#666;}

span.t
	{float:right;font-weight:normal;font-style:italic;font-size:10pt; /* . 12pt; */ }
@media(max-width: 700px){
span.t
	{float:right;font-weight:normal;font-style:italic;font-size:14pt; width:300px; text-align:right;}
}
span.t img
	{margin-left:10px;max-height:60px;}
table.poem{
	border:0;border-collapse:collapse;
}
table.poem td{
	padding:0;margin:0;
	cell-spacing:0;
	border:0;border-spacing:0;
	vertical-align:top;
}
table.editor{
	color:white;
	font-size:10pt; /*20160722*/
}
table.editor th, table.editor td{
	text-align:left;
	vertical-align:top;
	padding-right:20px;
}
table.editor th.footer{
	text-align:center;
}
select, option{
	background:black;
	color:yellow;
/*	font-family: 'Gill Sans MT', 'Open Sans', 'Trebuchet MS', sans-serif; */
/*	font-family: 'Gill Sans MT', 'Gill Sans', 'Proza Libre', 'Trebuchet MS', sans-serif; */
	font-family: 'Proza Libre', 'Trebuchet MS', sans-serif; 
	font-size:13pt; /* . 16pt; */
	font-variant:small-caps; font-weight:bold; 
	background:#000; color:#C90;
	border:1px solid #C90;
}
div#showimagediv{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:3;
	background:url('semitrans.png');
	color:white;
	padding-top:0px; /*20px;*/
	font-size:17px; /* . 20px; */
	text-align: center;
}
div#showimagediv.dohide{
	display:none;
}
div#showimagediv.doshow{
	display:table;
}
div#showimagediv div#imagediv{
	height:100vh;
	width:660px;
	overflow:auto;
	display:table-cell;
	vertical-align: middle;
}
div#imagediv div#imagenav{
	height:25px;
	width:600px;
	background: black;
	padding: 10px;
}
div#imagediv img#imageimg{
	background: black;
	padding: 10px;
}

div#imagediv span.fl{float:left;}
div#imagediv span.fr{float:right;}

div#linkdiv{
	position:absolute;
	top:0px; 
	/* inherit left from surrounding div */
	width:590px;
	padding-left:5px;
	padding-right:5px;
	background:#036; /* #C90; */
	/* font-family:'courier new',courier,monospace;
	font-size:10pt; */
	color:white;
}
div#linkdiv.dohide{
	display:none;
}
div#linkdiv.doshow{
	display:block;
}
div#linkdiv.doshowfixed{
	position:fixed;
	display:block;
}
input#sharelink{
	width:430px;
	height:25px;
	font-family:'courier new',courier,monospace;
	font-size:10pt;
}
span#sharepage{
	cursor:pointer;
	color:white;
}
img.small{
	width:190px;
	height:auto;
}
div.block{
	width:190px;
	height:150px;
	margin:5px;
	border-top:1px solid white;
	float:left;
	color:white;
	overflow:hidden;
}

div.semitrans{
	color:white;
	background:rgba(255,255,255,0.5); 
	padding-left:5px;
	/* background:white; opacity:0.5; fails: opacity creates a new stacking context */
}
div.errmsg{
	height:25px; /* 20px; */ /* 40px; */
	overflow:auto;
	color:white;
	font-family:monospace;
}
div.errmsg table tr td, div.errmsg table tr th{
	text-align:left;
	vertical-align:top;
	padding-right:20px;
	color:white;
	font-family:monospace;
}
div.errmsg:hover{
	height:auto;
	min-height:25px; /* 20px; */ /* 40px; */
	overflow:auto;
	color:white;
	font-family:monospace;
}

img.nfill{visibility:hidden;width:400px;height:1px;}
img.n{visibility:hidden;width:50px;height:50px;}
h1.shrink img.nfill{visibility:hidden;width:145px;height:1px;}
h1.shrink img.n{visibility:hidden;width:20px;height:20px;}
@media(max-width: 700px){
img.nfill{visibility:hidden;width:145px;height:1px;}
img.n{visibility:hidden;width:20px;height:20px;}
}

/* 20200604... */
div#findbox{
	position:fixed;
	top:80px;
	left:20px;
	color:white;
	background:#39c;
	padding: 10px;
}
div#findbox.dohide{
	display:none;
}
div#findbox.doshow{
	display:block;
}
span.clickable{
	cursor:pointer;
}
/* ...20200604 */