
	
	html{font-size:10px;}
	/* .icon_c.ib>i, */
	/* .icon_c.ib[title]:before, */
	/* .icon.it:after{line-height:1.333rem;} */
	#nothreads{padding:10px 0 60px;}
	.block ul>li>a,
	.block ul>li>span{font-size:1.333rem;}

	#navigator{
		position:fixed;
		margin:3px;
		/* top:10vh;right:0px; */
	}
	#navigator_i .r_ln_p{padding-top:4px;justify-content:center;}
	#navigator_i legend{display:block;pointer-events:initial;}
	.draggable{cursor:move;}
	
	.t{
		width:80%;
		padding:0 10px 0 10px;
		box-sizing:border-box;
		margin:0px 0;
		clear:both;
	}
	.t:after{
		content:"";
		display:block;
		clear:both;
	}
	
	body#index .t:before,
	body#thread .t:before,
	body#thread .t:after{content:"";display:block;height:1px;width:calc(100vw - 44px);clear:both;
		margin:60px 0 30px;border-bottom:1px solid currentColor;background:transparent;position:relative;}
	/* .t.wrapper:after{content:"";display:block;clear:both;} */
	.t .p{width:auto;padding:4px 6px 6px 6px;margin:4px 24px 4px 0;
		display:table;left:24px;max-width:100%;position:relative;}
	.t .p.p_o + *{clear:both;}
	.t .p:not(.parent):not(.r) .p_info:before{margin-right:12px;}
	.t .p .f_name2{max-width:420px;}
	.t .p .p_info,
	.t .p.parent .p_info{padding:0;}
	

	.t .p.parent{margin-bottom:5px;width:auto;padding:0;
		display:block;margin-left:0px;margin-right:0px;left:auto;
		transition:none !important;
	}
	body:not(.darkbg) .t .p.parent{background:none !important;border-width:0px !important;
		box-shadow:none !important;}
		
	.t:not(.hidden) .p.parent:after{content:none;}
	.t .p.r{}
	
	.t .p .p_info_c{display:inline;background:none;border:none;padding:0;}
	.t .p .p_info{display:inline;} /* note: do NOT make this flexbox... long fields will get screwed up. */
	
	.t .p .p_info>a,
	.t .p .p_info>span,
	.t .p .p_info>time{display:inline;vertical-align:baseline;}
	.t .p .p_info>br{display:none;}
	.t .p .p_info .hider{margin-right:0;}
	/* .t .p .p_info .date{order:3;} */
	/* .t .p .p_info .name_c{order:1;} */
	.t .p .p_info .subject_c{vertical-align:baseline;/*order:0;*/}
	.t .p .threadflags{position:static;padding:0 0 0 5px;}
	.t .p .p_button_c{display:inline-block;position:relative;max-width:none;padding:0 0 0 6px;}
	.t .p .p_button{float:none;display:inline-flex;}
	.t .p .icon_c.imenu>i{left:-5px !important;right:auto !important;}
	.t .p .icon_c.imenu>i .icon_c{align-self:flex-start;}
	.t .p .icon_c.imenu>i>.icon_c i,
	.t .p .icon_c.imenu>i>.icon_c[title]:before{text-align:left;padding-right:5px;padding-left:23px;}
	.t .p .icon_c.imenu>i>.icon_c .icon{left:0px;right:auto;}
	.t .p .replies{display:inline;line-height:14px;background:none;padding-left:9px;border:none;margin:0;}

	.t .p .p_data{padding:0;}
	/* .t .p .replies{margin-top:5px;} */
	/* .t .p .replies b{display:none;} */
	.t .p .p_info + .message,
	.t .p .replies .f_c,
	.t .p .replies .message{clear:both;}

	.t .p .f_link{margin:0 20px 0 0;}
	.t .p .f_c{border:none;clear:both;}
	/* .t .p .f_c ~ .f_c{clear:none;} */
	.t .p.parent .f_c img{margin-bottom:6px;}
	
	.t .p .f_c img{/*max-width:80vw;width:auto;max-height:150vh;*/}
	/* .t .p .f_c span.thumb{max-width:80vw;max-height:150vh;width:auto;} */
	.t .p .f_c video{max-width:80vw;max-height:80vh;}
	.t .p.parent .message{}
	.t .p .f_c audio{width:320px;}
	
	/* this is so invalid images don't stretch the window */
	/* .t .p>.p_data>.files>.f_c.p_open>.f_link{max-width:calc(100vw - 80px);} */
	.t .p>.p_data>.files>.f_c.p_open>.f_link>span{display:block;left:0;transform:none !important;-ms-transform:none !important;}
	.t .p>.p_data>.files>.f_c.p_open>.f_link>span:before,
	.t .p>.p_data>.files>.f_c.p_open>.f_link>span:after{content:none;}
	
	
	.t .p .hider{order:0;}
	.t .p .p_button .icon_c.ih{order:2;}
	/* .t .p .p_button .icon_c.qst{position:relative;top:auto;right:auto;order:69;} */
	/*
	.t .p .p_button a.icon_c:after{display:block;background-color:white;}
	.t .p .p_button a.icon_c:not(:hover):after{border:1px solid currentColor;border-radius:inherit;}
	
	.t .p .p_button a.icon_c.ib.itop:hover:after,
	.t .p .p_button a.icon_c.ib.itop:focus:after,
	.t .p .p_button a.icon_c.ib.itop:active:after{
		border-top-color:transparent;
	}
	*/
	
	.message{padding:14px 20px 14px 25px;font-size:1.333rem;}
	
	.t .p .inlineref .p{width:auto;}
	.t .p .inlineref .p .message{padding:6px 8px 6px 12px;}
	.t .p .inlineref .p_info>br{display:none;}
	.t .p .inlineref .replies{display:none;}
	
	.t.p_preview{right:20vw;}
	
	/* .t .p.reporting .p_button, .t .p.deleting .p_button{display:none;} */
	.p #formreport_c{left:0px;right:auto !important;width:auto;}
	/* .p.reporting #formreport_c{right:25px;} */
	/* .p.deleting #formreport_c{right:2px;} */
	
	.t .newreply_c.for_summary {
		display:inline-block;margin:0 0 0 24px;min-width:320px;width:auto;
	}
	
	.newreply_c:not(.for_summary){text-align:center;margin:60px auto;}
	.newreply_c:not(.for_summary) .newreply{display:block;font-size:3rem;line-height:3.33rem;font-weight:bold;}
	.newreply_c:not(.for_summary) .newreply .block{display:block;}
	
	.newreply_c:not(.for_summary) .newreply .r_h{background:none;border:none;display:inline-block;padding:0;}
	.newreply_c:not(.for_summary) .newreply:before,
	.newreply_c:not(.for_summary) .newreply:after{display:inline-block;vertical-align:text-top;}
	.newreply_c:not(.for_summary):not(.locked) .newreply:before{content:"[";}
	.newreply_c:not(.for_summary):not(.locked) .newreply:after{content:"]";}
	.newreply_c:not(.for_summary) .newreply .r_t{display:inline-block;border:none;background:transparent;text-align:center;padding:0;line-height:normal;}
	
	.t.hidden{padding-bottom:0;}
	.t.hidden .p .p_button_c{float:left;margin:0;}
	.t.hidden .p .p_button_c .icon_c.show{margin:0;}
	.t.hidden .p .p_button_c .icon_c.show i,
	.t.hidden .p .p_button_c .icon_c.show[title]:before{left:0px;right:auto;transform:none;padding-left:21px;padding-right:5px;}
	body#index .t.hidden:before,
	body#thread .t.hidden:before{margin-bottom:10px;}
	body#index .t.hidden + .t:before{margin-top:10px;}
	.t.hidden .newreply_c.for_summary{display:none;}
	
	/* this is just an approximation, we'd need to use calc with maybe 10 different paddings to be sure. */
	.ivid_c, .message span.yt, .message span.vm{max-width:75vw;}
	.message span.vm, .message span.yt{margin-bottom:4px;}
	
	#postform{padding:0;width:auto;}
	#postform .newreply{padding:0;}
	#postform_c{display:inline-block;width:auto;}
	#postform_c form{box-shadow:none;}
	
	form, form.block{max-width:100%;}
	/* form fieldset{min-width:380px;} */
	form .posterror{max-width:453px;}
	body.hasqr #postform form legend.block{pointer-events:initial;}
	#postform_c .r_postmain{padding:0;}
	#postform_c form .r_ln_p{display:block;}
	form .r_ln{clear:both;padding-left:0px;width:auto;}
	form .r_ln[for="postname"]{width:360px;}
	form .r_ln[for="postname"] ~ .r_ln[for="postmail"]{clear:both;width:360px;}
	form .r_ln[for="postsubject"]{width:100%;}
	form .r_ln[for="postmessage"] .bg{display:inline-block;}
	form textarea{max-width:none;min-width:333px;}
	form .r_ln[for="postpassword"]{width:200px;float:left;}
	form .r_ln[for="postfile"]{width:100%;}
	form .r_ln.forsubmit{margin-left:3px;float:right;clear:none;}

	form .r_ln.r_options{position:static;width:auto;}
	form .r_ln.r_options .bg{display:inline-block;}
	form .r_ln.r_options .icon_c{margin:0;}
	form .r_ln.r_options .icon_c.ib.ih i,
	form .r_ln.r_options .icon_c.ib.ih[title]:before{position:static;display:block;padding-left:23px;padding-right:5px;}
	form .r_ln.r_options .icon_c.ib.ih .icon{left:1px;right:auto;}
	
	body.hasqr #postform{
		position:fixed;left:auto;right:0px;bottom:0px;margin:3px;width:auto;height:auto;
		max-width:50%;
		left:auto;right:auto;top:auto;bottom:auto;
	}
	body.hasqr #postform #postform_c{position:static;}
	body.hasqr #postform.qr #postform_c{}
	body.hasqr #postform.qr{}
	body.hasqr #postform .posterror{max-width:100%;}
	body.hasqr #postform form .r_ln_p{display:flex;flex-flow:row nowrap;}
	body.hasqr #postform form .r_ln{width:100%;max-width:100%;}
	body.hasqr #postform form .r_ln[for="postname"]{width:50%;max-width:50%;padding-right:1px;}
	body.hasqr #postform form .r_ln[for="postmail"]{width:50%;max-width:50%;padding-left:1px;}
	body.hasqr #postform form .r_ln:not([for="postpassword"]) span.bg:not(.bg_r){display:none;}
	
	body.hasqr #postform form:not(.ex) .r_ln[for="postname"]{display:none;}
	body.hasqr #postform form:not(.ex) .r_ln[for="postmail"]{display:none;}
	/* body.hasqr #postform form:not(.ex) .r_ln[for="postsubject"]{display:none;} */
	body.hasqr #postform form:not(.ex) .r_ln[for="postpassword"]{display:none;}
	body.hasqr #postform form textarea{max-height:50vh;}
	body.hasqr #postform form input[type="text"],
	body.hasqr #postform form input[type="email"],
	body.hasqr #postform form input[type="password"],
	body.hasqr #postform form textarea,
	body.hasqr #postform form .fn{width:100%;max-width:100%;}
	body.hasqr #postform form .r_ln[for="postfile"]{height:26px;}
	body.hasqr #postform form .fn{position:absolute;}
	body.hasqr #postform form .r_ln.forsubmit{width:auto;}
	
	body.hasqr #postform form.ex .r_ln_p{flex-flow:row wrap;}
	body.hasqr.anonly #postform form.ex textarea{}
	body.hasqr #postform form.ex .r_ln[for="postfile"]{width:100%;}
	body.hasqr #postform form.ex .r_ln[for="postpassword"]{width:auto;display:flex;flex:inherit;}
	body.hasqr #postform form.ex .r_ln.forsubmit{margin-left:auto;}


	body.hasqr #postform form textarea{min-height:177px;}
	body.hasqr #postform form .r_ln_p.ln_postsubject:not(.hide) ~ .r_ln_p .r_ln[for="postmessage"] textarea {min-height:152px;}
	body.hasqr #postform form.ex textarea{min-height:126px;}
	body.hasqr #postform form.ex .r_ln_p.ln_postsubject:not(.hide) ~ .r_ln_p .r_ln[for="postmessage"] textarea{min-height:101px;}
	
	body.hasqr.anonly #postform form textarea{min-height:202px;}
	body.hasqr.anonly #postform form .r_ln_p.ln_postsubject:not(.hide) ~ .r_ln_p .r_ln[for="postmessage"] textarea {min-height:177px;}
	body.hasqr.anonly #postform form.ex textarea{min-height:176px;}
	body.hasqr.anonly #postform form.ex .r_ln_p.ln_postsubject:not(.hide) ~ .r_ln_p .r_ln[for="postmessage"] textarea{min-height:126px;}
	
	
	.c:hover{
		z-index:150;
	}
	.c:hover .c_in{
		max-height:372px;
		left:-25%;
		width:150%;
	}
	.c:hover .c_pop{
		visibility:visible;
		opacity:1;
	}
	.c:hover .icon:before{opacity:1;}
	.c:hover .threadflags{right:-20px;}



@media all and (-ms-high-contrast:none) {
	.t .p .f_c img{max-width:80vw;}
	/*
	body:not(.hasqr) .r input[type='file'],
	body:not(.hasqr) .r label .fn,
	body:not(.hasqr) .r input#postsubject,
	body:not(.hasqr) .r textarea{
		min-width:auto;
	}
*/
}

	/* right aligned question popup */  
	/*
	.t .p .p_button .icon{}
	.t .p .p_button>.icon{margin:1px 3px 2px 3px;}
	.t .p .p_button:hover .p_buttons{top:-2px;left:-1px;right:auto;}
	.t .p .p_button:hover .icon_c{flex-flow:row nowrap;padding:1px 3px 1px 1px;}
	*/
	
	/* dunno? */
	/*
	.t .p .p_button:hover .icon_c:before{display:none;}
	.t .p .p_button:hover .icon_c:after{display:inline-block;}
	*/
