html{ 
	letter-spacing: -1px;
}

a, a:visited{ color: red; }
     a:hover{ color:yellow; }

body#board{
	background: url("/static/background.png") no-repeat center / cover ;
}

iframe{
	border: none ;
}

div.board-index{
	border: thick double black ;
	text-align: center ;
}

a.return { 
	font-size: 24px ;
	text-shadow: -1px -1px 2px black,
                     1px 1px 2px black ;
}

div.board-index ~ a.return { display: none ; }

div#main{
}

img#qt-image{
	color: white ;
	position: fixed ; 
	bottom: 0px ; 
	right: 0px ;
}

div#reply-wrapper{
	height: 410px ;
}

form{
	background-color: hsla(0,100%,100%,0.75);
	padding: 0 12px ;
	border: 1px solid black ;
	display: table;
	margin: 0 auto;
}

body#cats {
   display: flex ; align-items: center ;
   justify-content: center ; 
}

body#cats > * {
   display: none ;
}

body#cats :last-child {
   display: grid ;
}

body#cats :last-child script { display: none ; }

div.catalog{
   grid-template-areas: "a a";
   grid-auto-columns: 1fr ;
   max-width: 1200px;
}

div.cat-wrap{
   	display: flex ; 
	align-items: center ;
	justify-content: center ;
	height: 100%;
	image-rendering: pixelated ;
	padding: 0px 10px ;
	/* background: url("/static/frame.gif") no-repeat center / contain ; */
	/* background: url("/static/fleur.gif") no-repeat bottom / auto
	          , url("/static/fleur.gif") no-repeat top / auto ; */

}

div.cat-wrap > * {
	image-rendering: auto ;
}

div.cat-entry{
	break-inside: avoid;
	/* border: 1px solid white ; */
	padding: 2px 0px;
	margin: 2px ;
}

div.cat-entry div.postbody{
	max-height: 205px;
	overflow: scroll ;
}

div.cat-entry img{
	max-width: 100px;
}

div.cat-entry span.sig{
	display: none ;
}

p.post-count{
	position: absolute;
	right: 10px; top: -8px;
}

div.cat-entry>div.reply{
	margin: 0px 20px;
}

div.postbody{
	background-color: hsla(0,100%,100%,100%);
	display: flow-root ;
	padding: 5px;
}

span.spoiler{
	color: black;
	background-color: black;
}

span.spoiler:hover{
	color: white;
}

div.image-wrapper{
   display: flex ; align-items: center ;
   justify-content: center ; 
}

div.replypost { 
	margin: 5px ;
}

div.replypost img {
	max-height: 300px;
         max-width: 200px;
           padding: 2px;
    vertical-align: text-top;
}

div.replypost img:active{
	position: sticky;
	max-height: 95vh;
	max-width: 95vw;
	z-index: 999;
}

div.replypost pre {
	max-width: 100%;
	min-height: 2.5em;
	overflow: scroll;
	border: 1px solid black ;
}

div#thread{
	display: grid;
	place-items: center;
	/* margin-right: 200px ; */
}

div#thread div.replypost {
	width: 100% ;
	max-width: 900px ;
	padding: 10px ;
}

div.posttail,div.posthead{
	background-image: url("/static/sky.png") ; 
	background-size: cover ;
	background-attachment: local ;
	background-origin: content-box ;
	border: 1px solid white ;
}

div.posthead{
	min-height: 40px ;
	font-size: 20px ;
}

a.post-id{
	position: absolute ;
	text-shadow: -1px -1px 2px black,
                     1px 1px 2px black ;
	box-sizing: border-box ;
	z-index: 998 ;
}

span.topic, span.postname, span.viphash {
	display: block ;
	position: relative ;
	bottom: 7px;
}

span.topic{
	color: black;
	text-decoration: underline;
	font-weight: bold;
	text-shadow: 1px 1px 2px white, 
	            -1px -1px 2px white;
	font-family: sans-serif;
	top: 18px ;
	max-width: 65% ;
}

span.viphash{
	color: purple;
	filter: drop-shadow(1px 1px 2px violet)
}

span.postname{
	transform: scale(1, 1.85); 
	color: white;
	filter: drop-shadow(1px 1px 2px black)
}

span.hash{
	bottom: 5px;
	position: relative ;
	color: black ;
	filter: drop-shadow(1px 1px 2px white)
}

div.posthead-right{
	text-align: right ;
	padding: 0px 10px ;
}

div.posttail{
	font-size: 14px; 
   	text-align: right ;
	text-shadow: 1px 1px 2px white, 
	            -1px -1px 2px white;
}

div.posttail hr{
	width: 50%; color: white;
}

span.sig{
	display: block ;
	text-align: center ;
}

div.postbody{
	padding: 10px 30px;
}

div.postbody > img{
	float: left ;
}

img.spoiler-img{ filter: blur(12px);  }
img.spoiler-img:hover{ filter: none; }

div.replies{
   text-align: left;
}

div#reply-sent{
   display: flex ; align-items: center ;
   justify-content: center ; 
}

div#reply-sent p{
   font-size: 24px ;
   font-weight: bold ;
}

blockquote{
	margin: 10px 5px ;
	padding: 10px 5px ;
	font-weight: lighter ;
	font-style: oblique ;
	font-size: 14px ;
	background: palegoldenrod ;
}