@import url(https://fonts.googleapis.com/css?family=Ubuntu+Mono:400,700,400italic,700italic);
@import url(https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic);
@import url(https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic);
@import url(https://fonts.googleapis.com/css?family=Cinzel:400,700,900);
@import url(https://fonts.googleapis.com/css?family=Lustria);
html {
	background-color: hsl(0,0.0%,6.667%);
	color: hsl(0,0.0%,52.0%);
	font-family: Lustria, serif;
	font-weight: 200;
	font-size: 16pt;
	height: 100%;
	overflow-x: hidden;
}
body * {
	max-width: 100vw;
}
.nodecontent, .nodelist-wide {
	font-size: calc(var(--text-size) * 1pt);
	margin-left: calc(var(--ui-margin) * 1px);
	margin-right: calc(var(--ui-margin) * 1px);
}
.nodetitle, .nodeheader {
	margin-left: calc(var(--ui-margin) * 1px);
	margin-right: calc(var(--ui-margin) * 1px);
}
::selection {
	background: rgba(100,127,255,0.6);
	color: hsl(0,0.0%,100%);
}
::-moz-selection {
	background: rgba(100,127,255,0.6);
	color: hsl(0,0.0%,100%);
}
a {
color: hsl(0,0.0%,62.0%) !important;
}
a.quiet {
	text-decoration: none;
}
hr {
	height: calc(var(--text-size) * 4px);
	background: url('hr.svg') no-repeat 50% 50%; 
	border: 0;
}
body {
	/* //padding-left: 2em;
	//padding-right: 7em; */
}
.header h1 {
	font-size: 18pt;
	margin: 0;
}
h1 {
	font-size: calc(var(--text-size,16) * 1.6px);
	font-weight: normal;
	font-variant: small-caps;
	font-family: cinzel;
	color: hsl(330,33.33%,72.0%);
}
input[type='submit'] {
	-webkit-appearance: none;
	display: inline-block;
	padding: 0.18em 0.5em;
	border-radius: 0.25em;
	border: 1px solid hsl(349,57.04%,42%);
	color: hsl(0,0.0%,72.0%);
	font-size: 22px;
	font-family: Cinzel;
	background: hsl(349,65%,22%);
	box-shadow: 0 0 25px  hsl(349,80.04%,32%) inset;
	border-radius: 0.5em;
	font-size: 15px;
}
.header {
	//background-color: hsla(0,0.0%,6.667%,0.7);

background: -moz-linear-gradient(top,  rgba(15,15,15,1) 0%, rgba(15,15,15,1) 65%, rgba(15,15,15,0) 100%); /* FF3.6+ */
background: -webkit-linear-gradient(top,  rgba(15,15,15,1) 0%,rgba(15,15,15,1) 65%,rgba(15,15,15,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(15,15,15,1) 0%,rgba(15,15,15,1) 65%,rgba(15,15,15,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(15,15,15,1) 0%,rgba(15,15,15,1) 65%,rgba(15,15,15,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(15,15,15,1) 0%,rgba(15,15,15,1) 65%,rgba(15,15,15,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f0f0f', endColorstr='#000f0f0f',GradientType=0 ); /* IE6-9 */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(15,15,15,1)), color-stop(65%,rgba(15,15,15,1)), color-stop(100%,rgba(15,15,15,0))); /* Chrome,Safari4+ */

	position: fixed;
	top:0;
	left: 0;
	right: 0;
	z-index: 3;
	padding-bottom: 1em;
	overflow-x: auto;
	overflow-y: hidden;
}
.header::-webkit-scrollbar {
	display: none;
}
.byline {
	font-variant: small-caps;
	font-family: cinzel;
	font-size: calc(var(--text-size) * 1.2px);
	color: hsl(0,0.0%,60.0%);
	position: relative;
	display: inline;
}
.pubdate {
	font-variant: small-caps;
	font-family: cinzel;
	font-size: calc(var(--text-size) * 1pt);
	color: hsl(0,0.0%,60.0%);
	float: right;
	display: inline;
	margin-right: 1em;
}
.nodeheader {
}
.nodecontent {
	height: auto;
}
.nodecontent p {
	max-height: 99999px;
}
.nodeid {
	font-size: 8pt;
	font-family: 'Ubuntu Mono';
	color: hsl(0,0.0%,28.0%);
	right: 0px;
	position: absolute;
}
.nodetypetitle {
	font-family: 'Ubuntu Mono';
	font-size: 9pt;
	color:  hsla(0,0.0%,58.0%,0.4);
	background-color: hsla(0,0.0%,38.0%,0.3);
	border-radius: 8px;
	padding: 0.25em 0.5em;
	right: 2px;
	top: 3px;
	position: absolute;
	text-transform: uppercase;
}
.comment-title {
	font-variant: small-caps;
	font-family: cinzel;
	font-size: calc(var(--text-size,16) * 1.3px);
	color: hsl(330,33.33%,72.0%);
}
.nodelist .comment-title {
	font-size: 20px;
}
.comment-author {
	font-variant: small-caps;
	font-family: cinzel;
	font-size: calc(var(--text-size,16) * 1.1px);
	color: hsl(0,0.0%,60.0%);
}
.nodelist .comment-author {
	font-size: 25px;
}
.highlight-list .comment-author {
	margin-left: 15px;
}
.comment-date {
	font-variant: small-caps;
	font-family: cinzel;
	font-size: calc(var(--text-size,16) * 1pt);
	color: hsl(0,0.0%,60.0%);
}
.nodelistlink {
	/* font-size: 0.9em; */
	background-color: hsl(0,0.0%,13.333%);
	border-radius: 0.5em;
	padding: 0.8em;
	padding-bottom: 1.5em;
	margin: 1em;
	position: relative;

}
.list-date {
	font-variant: small-caps;
	font-family: cinzel;
	font-size: 13pt;
	color: hsl(0,0.0%,60.0%);
	float: right;
}
.nodecomment {
background-color: hsl(0,0.0%,20.0%);
border-radius: 0.5em;
padding: 1em;
margin: 1em;
}
#sfield {
	border-radius: 0.5em;
	font-size: larger;
	background-color: hsl(0,0.0%,40.0%);
	color: hsl(0,0.0%,100%);
	border: 1px solid hsl(0,0.0%,60.0%);
	padding: 0.25em;
}
 .field {
	padding: 0.25em 0.5em;
	//margin-top: 0.5em;
	border-radius: 0.25em;
	font-size: 16px;
	width: 8em;
	top: 2px;
	position: relative;
	color: hsl(349,47.04%,52%);
	outline-color: hsl(349,47.04%,52%);
	background: hsl(349,47.04%,12%);
	border: 1px solid hsl(349,47.04%,32%);
	box-shadow: 0 0 15px  hsl(349,60.04%,30%) inset;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.nodelist {
	width: 20%;
	min-width: 8em;
	height: 100%;
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
	float: left;
	position: relative;
	padding-top: 5em;
}
.nodelist-wide {
}
.nodelist a, .nodelist-wide a, .linklist a {
	text-decoration: none;
}
.tagwrap {
	width: 100%;
	text-align: right;
}
.tags {
	/* float: right; */
}

.tags input[type='submit'] {
	-webkit-appearance: none;
	display: inline-block;
	padding: 0.18em 0.5em;
	border-radius: 0.25em;
	border: 1px solid hsl(349,57.04%,42%);
	color: hsl(0,0.0%,72.0%);
	font-size: 22px;
	font-family: Cinzel;
	background: hsl(349,65%,22%);
	box-shadow: 0 0 25px  hsl(349,80.04%,32%) inset;
	border-radius: 0.5em;
	font-size: 15px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.tag {
	display: inline-block;
	font-size: smaller;
	padding: 0.25em 0.5em;
	border-radius: 0.5em;
	background: hsl(240,40.0%,30.0%);
}
.tag a {
	text-decoration: none;
}
form  {
	margin-bottom: 0.25em;
}
.nodelist-article {
	border: 1px solid hsl(0,0.0%,60.0%);
	user-select: none;
	cursor: pointer;
}
.nodelist-comment {
	background: hsl(0,0.0%,19.06%);
}
.nodelist-highlight-text {
	font-size: calc(var(--text-size,16) * 1pt) !important;
	color: hsl(0,0.0%,60.0%);
	margin-top: 25px;
}
.highlight-list .nodelist-highlight-text {
	color: hsl(0,0.0%,70.0%);
}
.articleframe {
	height: 100%;
	border: none;
	overflow: scroll;
	position: relative;
	-webkit-overflow-scrolling: touch;
	padding-top: 5em;

	
}
.linkitem {
	display: inline-block;
	background-color: hsl(0,0.0%,33.333%);
	border-radius: 0.5em;
	padding: 1em;
	margin: 0.25em 0.5em;
	text-align: center;
	width: 17%;
	height: 7em;
	/* max-height: 2em; */
	overflow: hidden;
	vertical-align:middle;
	user-select: none;
	cursor: pointer;
}
.linklineitem {
	background-color: hsl(0,0.0%,13.333%);
	border-radius: 0.5em;
	padding: 0.25em 0.5em;
	margin: 0.25em 0.5em;
}
.item-title {
	font-variant: small-caps;
	font-family: cinzel;
	font-size: clamp(5px, calc(var(--text-size,16) * 1.2px),45px);
	color: hsl(330,33.33%,72.0%);
	display: inline-block;
}
.item-count {
	font-variant: small-caps;
	font-family: cinzel;
	font-size: clamp(20px,calc(var(--text-size,16) * 0.7px),28px);
	color: hsl(0,0.0%,60.0%);
	display: inline-block;
	
}
.nav {
	position: relative;
	white-space: nowrap;
}
.navpad {
	padding-top: 5.5em;
}

.navpad-notitle {
	padding-top: 3em;
}
xbody>h1 {
	z-index: 2;
	position: relative;
}
.navitem {
	display: inline-block;
	margin-top: 0.125em;
	text-align: center;
	width: auto;
	font-family: Cinzel;
	
}
.navitem a {
	text-decoration: none;
	padding: 0.25em 0.5em;
	display: block;
	background: hsl(349,75%,23%);
	box-shadow:  0 0 10px hsl(349,50.04%,72%) inset;
	border-radius: 0.25em;
	font-size: 1.0em;
	-webkit-transition:text-shadow 0.2s ease-out;
	transition:text-shadow 0.2s ease-out;
}
.navitem a:hover {
	text-shadow: 0 0 8px rgba(255,255,255,0.5);
}
.navsearch {
	display: inline-block;
}
.navsearch .field {
	padding: 0.25em 0.5em;
	//margin-top: 0.5em;
	border-radius: 0.25em;
	font-size: 22px;
	width: em;
	top: 2px;
	position: relative;
	color: hsl(349,47.04%,52%);
	outline-color: hsl(349,47.04%,52%);
	background: hsl(349,47.04%,12%);
	border: 1px solid hsl(349,47.04%,32%);
	box-shadow: 0 0 15px  hsl(349,60.04%,30%) inset;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.navsearch input[type='submit'] {
	-webkit-appearance: none;
	display: inline-block;
	padding: 0.18em 0.5em;
	border-radius: 0.25em;
	border: 1px solid hsl(349,57.04%,42%);
	color: hsl(0,0.0%,62.0%) !important;
	font-size: 22px;
	font-family: Cinzel;
	background: hsl(349,65%,22%);
	box-shadow: 0 0 25px  hsl(349,80.04%,32%) inset;
	border-radius: 0.25em;
	font-size: 22px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.linkbutton  a {
	text-decoration: none;
}
.linkbutton {
	display: inline-block;
	background-color: hsl(330,33.333%,20.0%);
	border-radius: 0.25em;
	padding: 0.25em 0.5em;
	margin: 0.125em 0.25em;
	text-align: center;
	font-family: Cinzel;
	font-size: smaller;
	margin-top: 1em;
	margin-left: 0;
	color: hsl(0,0.0%,96.0%);
}
.titlelink {
	text-decoration: none;
}
.highlightbutton {
	width: auto;
	position: fixed;
	right:0;
	bottom:50px;
	display: none;
	
}
.highlightbutton input[type='button'] {
	-webkit-appearance: none;
	display: inline-block;
	border-radius: 0.25em;
	border: 1px solid hsl(349,57.04%,42%);
	color: hsl(0,0.0%,72.0%);
	font-family: Cinzel;
	background: hsl(349,65%,22%);
	box-shadow: 	0 0 25px  hsl(349,80.04%,32%) inset,
			0 0 15px rgba(255,255,255,0.3);
	margin-right: 1em;
	border-radius: 0.25em;
	font-size: 22px;


	
	padding: 0.25em 0.5em;
	margin-top: 0.125em;
	font-size: 3vh;
	position: relative;

}
.highlight {
	border-radius: 0.25em;
	box-shadow: 	0 0 15px hsl(252,47.04%,22%);
		   	/*0 0 35px hsl(330,66.67%,36.0%) inset,
		   	0 0 35px hsl(330,66.67%,36.0%) inset;*/
	padding: 0em 0.125em;
	color: hsl(0,0.0%,58.0%);
	#text-shadow: 0 0 8px rgba(0,0,0,1.0);
	background: hsl(252,40%,20%);
	text-shadow: 0 0 6px rgba(255,255,255,0.2);
}
.nodelist-highlight-sharebutton {
	text-decoration: none;
	padding: 0.25em 0.5em;
	margin-right: -0.4em;
	margin-top: -0.4em;
	display: block;
	border-radius: 0.25em;
	font-size: 1.0em;
	-webkit-transition:text-shadow 0.2s ease-out;
	transition:text-shadow 0.2s ease-out;
	float: right;
	top: 0;

}
.nodelist-highlight-sharebutton.true {
	background: hsl(349,65%,22%);
	box-shadow: 0 0 25px  hsl(349,80.04%,32%) inset;
}
.nodelist-highlight-sharebutton.false {
	background: hsl(349,0%,22%);
	box-shadow: 0 0 25px  hsl(349,0%,32%) inset;
}
.nodelist-highlight-shared {
	position: absolute;
	bottom: 2px;
	right: 2px;
	font-family: 'Ubuntu Mono';
	font-size: 9pt;
	color:  hsla(320,20.0%,58.0%,1);
	border: 1px solid hsla(320,20.0%,58.0%,1);
	background-color: hsla(0,0.0%,38.0%,0.3);
	border-radius: 8px;
	padding: 0.25em 0.5em;

}

.pageform {
	padding: 2em;
}
.leftselected {
	box-shadow: 0 0 10px hsla(349,47.04%,82%,0.8);
}

.pageform input[type='submit'] {
	-webkit-appearance: none;
	display: inline-block;
	padding: 0.2em 0.5em;
	//background: hsl(349,34.04%,33.18%);
	border-radius: 0.25em;
	//margin-top: 0.125em;
	border: 1px solid hsl(349,47.04%,52%);
	color: hsl(0,0.0%,72.0%);
	font-size: 22px;
	font-family: Cinzel;
	background: hsl(349,47.04%,32%);
	box-shadow: 0 0 15px  hsl(349,60.04%,30%) inset;
	border-radius: 0.25em;
	font-size: 22px;
}
.pageform input[type='password']{
	padding: 0.25em 0.5em;
	//margin-top: 0.5em;
	border-radius: 0.25em;
	font-size: 22px;
	width: 8em;
	top: 2px;
	position: relative;
	color: hsl(349,47.04%,52%);
	outline-color: hsl(349,47.04%,52%);
	background: hsl(349,47.04%,12%);
	border: 1px solid hsl(349,47.04%,32%);
	box-shadow: 0 0 15px  hsl(349,60.04%,30%) inset;
}
/*
.pageform label {
    display: block;
    padding-left: 15px;
    text-indent: -15px;
}
.pageform input[type='checkbox'] {
    width: 13px;
    height: 13px;
    padding: 0;
    margin:0;
    vertical-align: bottom;
    position: relative;
    top: -1px;
    *overflow: hidden;
}
*/
.pageform input[type='checkbox'] {
	vertical-align: middle;
}
.pageform>div {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
.message {
	text-align: center;
	font-size: 28px;
	background: hsl(349,47.04%,42%);
	color: #fff;
	margin: 1em 5em;
	border-radius: 0.25em;
	padding: 0.25em 0.5em;
}
#settings_top {
	display: none;
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background: #0001;
}
#settings_w {
	position: absolute;
	top: 55px;
	right: 50px;
	width: 350px;
	height: 200px;
	padding: 17px 0px 5px 20px;
	border: 3px solid hsl(349,75%,23%);
	border-radius: 20px;
	background: rgb(59, 11, 19);
	backdrop-filter: blur(1px);
	font-size: 22pt;
	
}
#settings_w td {
	font-size: 22pt;
}
#settings_w .val {
	color: #fff;
	width: 40px;
	text-align: center;
}
.settingsbutton {
	display: inline-block;
	background-color: hsl(330,33.333%,20.0%);
	border-radius: 0.25em;
	padding: 5px 15px;
	margin: 10px;
	text-align: center;
	font-family: Cinzel;
	color: hsl(0,0.0%,96.0%);
	font-size:48;
	user-select: none;
	cursor:pointer;
}