.admin {
	padding: 4px;
	border-radius: 4px;
	background: green;
	margin: 6px;
	width: 200px;
	display: inline-block;
}
.admin.protected {
	background: red;
}
.admin INPUT[type="submit"] {
	width: 100%;
}
.admin.protected INPUT[type="submit"] {
	width: 90%;
}



CODE {
	background: #DEDEDE;
	font-size: 0.8em;
}
BLOCKQUOTE {
	border: 1px solid black;
	padding: 8px;
	background: #DDD;
}
.anchor A.alink {
	visibility: hidden;
}
.anchor:hover A.alink {
	visibility: visible;
}


.comment {
	text-align: left;
	position: relative;
	word-wrap: break-word;
}
.comment IMG {
	max-width: 100%;
}
.comment .info {
	visibility: hidden;
	text-align: center;
	padding: 8px;
	background: #DDD;
	border: 1px solid #CCC;
	position: absolute;
	top: 0;
	left: -195px;
	width: 180px;
	z-index: 1;
	box-shadow: 0 0 4px #000;
	border-radius: 4px;
}
.comment:hover .info {
	visibility: visible;
}

.comment_add TEXTAREA {
	width: 100%;
}
.comment_add INPUT {
	width: 100%;
}

#comment-list-list .blockbody,
#comment-list-recent .blockbody,
#comment-list-image .blockbody,
#comment-list-user .blockbody {
	background: none;
	border: none;
	box-shadow: none;
	margin: 0;
	padding: 0;
}

.command_example {
	margin: 12pt;
	padding-left: 16pt;
}

.command_example pre {
    padding:4pt;
    border: dashed 2px black;
}

.command_example p {
    padding-left: 16pt;
}

@media (min-width: 750px) {
    .command_example pre {
        display: table-cell;
        width: 256px;
    }

    .command_example p {
        display: table-cell;
    }
}


/*noinspection CssRedundantUnit*/
#image-list .blockbody {
	background: none;
	border: none;
	box-shadow: none;
	margin: 0px;
	padding: 0px;
	text-align: justify;
}

.setupblocks {
	column-width: 400px;
	-moz-column-width: 400px;
	-webkit-column-width: 400px;
	max-width: 1200px;
	margin: auto;
}
.setupblocks > .setupblock:first-of-type { margin-top: 0; }

.setupblock {
	break-inside: avoid;
	-moz-break-inside: avoid;
	-webkit-break-inside: avoid;
	column-break-inside: avoid;
	-moz-column-break-inside: avoid;
	-webkit-column-break-inside: avoid;
	text-align: center;
	width: 90%;
}
.setupblock TEXTAREA {
	width: 100%;
	font-size: 0.75em;
	resize: vertical;
}

.helpable {
	border-bottom: 1px dashed gray;
}

.ok {
	background: #AFA;
}
.bad {
	background: #FAA;
}

#Setupmain .blockbody {
	background: none;
	border: none;
	box-shadow: none;
	margin: 0;
	padding: 0;
}


ARTICLE SELECT {width: 150px;}
INPUT, TEXTAREA {box-sizing: border-box;}
TD>INPUT[type="button"],
TD>INPUT[type="submit"],
TD>INPUT[type="text"],
TD>INPUT[type="password"],
TD>INPUT[type="email"],
TD>SELECT,
TD>TEXTAREA,
TD>BUTTON {width: 100%;}

TABLE.form {width: 300px;}
TABLE.form TD, TABLE.form TH {vertical-align: middle;}
TABLE.form TBODY TD {text-align: left;}
TABLE.form TBODY TH {text-align: right; padding-right: 4px; width: 1%; white-space: nowrap;}
TABLE.form TD + TH {padding-left: 8px;}

*[onclick],
H3[class~="shm-toggler"],
.sortable TH {
	cursor: pointer;
}
IMG {border: none;}
FORM {margin: 0;}
IMG.lazy {display: none;}

#flash {
	background: #FF7;
	display: block;
	padding: 8px;
	margin: 8px;
	border: 1px solid #882;
}

#installer {
	background: #EEE;
	font-family: "Arial", sans-serif;
	font-size: 14px;
	width: 512px;
	margin: 16px auto auto;
	border: 1px solid black;
	border-radius: 16px;
}
#installer P {
	padding: 5px;
}
#installer A {
	text-decoration: none;
}
#installer A:hover {
	text-decoration: underline;
}
#installer H1, #installer H3 {
	background: #DDD;
	text-align: center;
	margin: 0;
	padding: 2px;
}
#installer H1 {
	border-radius: 16px 16px 0 0;
}
#installer H3 {
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}
#installer TH {
	text-align: right;
}
#installer INPUT,
#installer SELECT {
	width: 100%;
	box-sizing: border-box;
}

/* Only need to change the file/url inputs */
#large_upload_form INPUT.wid {
	width: 100%;
}
#radio_button {
	width: auto;
}
#wrapper {
    opacity: 0.4;
    filter: alpha(opacity=40); /* msie */
}

/* This is needed since the theme style.css forcibly sets vertical align to "top". */
TABLE.vert TD, TABLE.vert TH {vertical-align: middle;}
.mini_upload INPUT {
	width: 100%;
}

.setupblocks {
	column-width: 400px;
	-moz-column-width: 400px;
	-webkit-column-width: 400px;
	max-width: 1200px;
	margin: auto;
}
.setupblocks > .setupblock:first-of-type { margin-top: 0; }

.setupblock {
	break-inside: avoid;
	-moz-break-inside: avoid;
	-webkit-break-inside: avoid;
	column-break-inside: avoid;
	-moz-column-break-inside: avoid;
	-webkit-column-break-inside: avoid;
	text-align: center;
	width: 90%;
}
.setupblock TEXTAREA {
	width: 100%;
	font-size: 0.75em;
	resize: vertical;
}

.helpable {
	border-bottom: 1px dashed gray;
}

.ok {
	background: #AFA;
}
.bad {
	background: #FAA;
}

#Setupmain .blockbody {
	background: none;
	border: none;
	box-shadow: none;
	margin: 0;
	padding: 0;
}


.js .image_info .edit {
	display: none;
}
.js .image_info .view {
	display: block;
}

.no-js .image_info .edit {
	display: block;
}
.no-js .image_info .view {
	display: none;
}


#Navigationleft .blockbody { overflow: visible; }

.tagit { background: white !important; border: 1px solid grey !important; cursor: text; }
.tagit-choice { cursor: initial; }
input[name=search] ~ input[type=submit] { display: inline-block !important; }

.tag-negative { background: #ff8080 !important; }
.tag-positive { background: #40bf40 !important; }
.tag-metatag   { background: #eaa338 !important; }

.selected {
	outline: 3px solid blue;
}

.bulk_action {
	margin-top: 8pt;
}
.bulk_selector_controls table td {
	width: 33%;
}
.selected {
	outline: 3px solid blue;
}

.bulk_action {
	margin-top: 8pt;
}
.bulk_selector_controls table td {
	width: 33%;
}
#Navigationleft form {
    display:none !important;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*                  things common to all pages                    *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */



BODY {
	/*background: #34344a;*/
	/*background-image: url("../../../ext/library/https://catland.distin.org/_images/6d7101747fc694e4c274a1122f27bbe9/1364%20-%201subject%20cat%20color%3Amulti%20flower%20meta%3Aneedstitle%20meta%3Awallpaper%20psychedelic%20signature.jpg");*/
	font-family: "Arial", sans-serif;
	font-size: 14px;
	margin: 0;
	background-position: center !important;
			    background-size: cover !important;
  				background-attachment: fixed !important;
}

article > section > h3 {
	margin-top: 0px;
}

#header {
    background: url("../../../ext/library/catlandbg.jpg") #597a94;
    background-repeat: no-repeat; 
    background-size: cover;
    background-position: center center;
	border-bottom: 1px solid #b99c77;
	margin-top: 0;
	margin-bottom: 16px;
	padding: 8px;
	text-align: center;
	box-shadow: 0px 5px 1px rgba(0,0,0,0.5)
}
H1 {
	font-size: 5em;
	margin: 0;
	padding: 0;
}
H1 A {
	color: black;
}
H3 {
	text-align: center;
	margin: 0;
}
THEAD {
	font-weight: bold;
}
TD {
	vertical-align: top;
	text-align: center;
}

#subtitle {
	width: 256px;
	font-size: 0.75em;
    margin: -16px auto auto;
    text-align: center;
	border: 1px solid black;
	border-top: none;
	background: #DDD;
}
#flash {
	background: #FF7;
	display: block;
	padding: 8px;
	margin: 8px;
	border: 1px solid #882;
}

TABLE.zebra {background: none; border-collapse: collapse; border: 1px solid #61747a;color:white;}
TABLE.zebra TD {font-size: 0.8em;margin: 0;	border-top: 1px solid #61747a;	padding: 2px;}
TABLE.zebra TR:nth-child(odd) {background: #35375e;}
TABLE.zebra TR:nth-child(even) {background: #4b4975;}
TABLE.zebra TH:first-child, TABLE.zebra TD:first-child {
  padding-left:10px;
}
TABLE.zebra TH:last-child, TABLE.zebra TD:last-child {
  padding-right:10px;
}
TABLE.zebra TD, TABLE.zebra TH {
	padding-top: 8px;
	padding-bottom: 4px;
	/*color:white*/
}
TABLE.zebra THEAD  {
	/*color:white*/
}
TABLE.zebra TR {
	/*color:white;*/
}
tfoot tr td:first-child {
	border-bottom-left-radius:10px;
	padding-left:10px;
}
tfoot tr td:last-child {
	border-bottom-right-radius:10px;
	padding-right:10px;
}
thead tr th:first-child {
	border-top-left-radius:10px;
	/*padding-left:10px;*/
}
thead tr th:last-child {
	border-top-right-radius:10px;
	/*padding-right:10px;*/
}
FOOTER {
	height: 32px;
	clear: both;
	padding: 8px;
	font-size: 0.7em;
	text-align: center;
	border-top: 1px solid #00000;
	background: #393d63;
	color: grey;
	overflow:hidden;

}

FOOTER A {
    color: white !important;		
}

#ImageInfo .blockbody {
    background: #15243a;
    border: none;
    border-radius: 10px;
}
#ImageInfo .blockbody h1{
	text-decoration: underline;
	color: #9b9aba;
    font-size: 2em;
    margin-bottom: 10px;
    font-family: serif;
}
#ImageInfo .blockbody h4{
	margin-top:8px;
}
#ImageInfo .blockbody td, #ImageInfo .blockbody th{
    padding-top: 10px;
}
#ImageInfo .blockbody th:after{
	content: ":";
}
/*fart*/
A         {color: #e6eb94; text-decoration: none; font-weight: bold;font-style: italic;}
A:hover   {color: #ebd450; text-decoration: underline;}
A:visited {color: #e6eb94; text-decoration: none}
A:active  {color: #e6eb94; text-decoration: underline;}

UL {
	text-align: left;
}
#Tagsmain a {
    padding: 1px 1px 1px 1px;
    margin-top:20px;
}
.ad1{
	display:none;
}
h1 {
    font-size: 1em;
}
#Setupmain {
	max-width: 1200px;
}
tbody tr td ul li.tagit-choice, body li.tag-positive {
    background: #409cbf !important
}
body li.tagit-choice, .ui-state-default, .ui-widget-content .ui-state-default {
    color: #f7f9fc !important;
    border-radius: 5px;
}
INPUT[type="submit"], INPUT[type="button"], button {
	border: 1px solid #888;
    height: 26px;
    color: #2d2d33;
    font-weight: bold;
    /* border-radius: 2px; */
    background: #c5cfeb !important;
    border-radius: 5px !important;
    margin-bottom:5px;
}
INPUT[type="checkbox"] {
	height: 16px;
    width: 16px;
}
body ul.tagit {
    background-color: #f7f5fa !important;
    border: 1px gray solid !important;
    border-radius: 3px;
    padding-left: 8px;
}
INPUT[type="text"],INPUT[type="password"],INPUT[type="email"], INPUT[type="number"], textarea {
	min-height: 26px;
	/*font-size: 15px;*/
    /*background-color: aliceblue;*/
     */
    background: none;
    background-color: aliceblue;
    border: 1px gray dashed;
    border-radius: 3px;
    padding-left: 8px;
    margin-bottom:4px;
}
INPUT[type="date"] {
    min-height: 26px;
    width: 100%;
    background-color: #d7dbff;
    border: 1px blue dotted;
    border-radius: 3px;
    padding-left: 8px;
    color: #564a83;
    text-transform: uppercase;
}
ul.tagit INPUT[type="text"] {
    background: none;
	min-height:0px;
}
select {
    height: 26px;
    border-radius: 10px;
    margin-bottom: 5px;
    padding-left: 10px;
    background-color: aliceblue;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*             the navigation bar, and all its blocks             *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
NAV SECTION {
    padding-left: 16px;
    width:234px;
}
NAV {
/*	position:absolute;
	left:-6px;*/
	padding-top: 5px;
	overflow:hidden;
	width: 250px;
	float: left;
	text-align: center;
    background-color: #141626;
    box-shadow: 4px 4px rgba(0, 0, 0, 0.7);
	border-top-right-radius: 7px;
	border-bottom-right-radius: 7px;
	transition: width 0.5s;
    box-shadow: 4px 4px rgb(0 0 0 / 70%), -242px 4px rgb(0 0 0 / 70%);
    margin-bottom:20px;
}
NAV A {

}
NAV .blockbody {
	font-size: 0.85em;
	text-align: center;
}
NAV TABLE {
	width: 100%;
}
NAV TD {
	vertical-align: middle;
}
NAV INPUT {
	width: 100%;
	padding: 0;
}
NAV SELECT {
	width: 100%;
	padding: 0;
}


.comment .info {
	background: #a3dce4;
	border: 1px solid #61747a;
}

.more:after {
	content: " >>>";
}

.tag_count:before {
	content: "(";
}
.tag_count:after {
	content: ")";
}
#image-list {
    display: block;
  margin-left: auto;
  margin-right: auto;
}
#imagelist .blockbody,
#paginator .blockbody,
#image-list .blockbody,
#book-list .blockbody {
	background: none;
	border: none;
	margin-left: 8px !important;
	margin-right: 8px !important;

	backdrop-filter: blur(3px);
	background-color: rgba(59, 73, 94,0.3);	
	box-shadow: none;
	padding-top: 15px;
}


#commentlistimage .blockbody .comment,
#commentlistrecent .blockbody .comment {
	margin-left: 0px;
	margin-right: 0;
}

#fofcat {
		width:300px;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*                 the main part of each page                     *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.shm-image-list {
	display: grid;
    grid-template-columns: repeat(auto-fit, minmax(226px, 1fr));
    align-items: end;
}
.shm-book-list {
	display: grid;
	margin-left:20px;
	margin-right:20px;
    grid-template-columns: repeat(auto-fit, minmax(214px, 1fr));
    align-items: end;
    background-image: url("../../../ext/library/../../books/leftshelf.png"), url("../../../ext/library/../../books/rightshelf.png"), url("../../../ext/library/../../books/middleshelf.png");
    background-size: 175px 254px, 180px 254px, 400px 254px;
    background-repeat: repeat-y, repeat-y, repeat;
    background-position: top left, top right, top left 400px;
    border-radius: 5px;
}
.shm-book-list img {
    height: 190px;
}
.shm-book-list .thumb {
    width: unset;
    margin-bottom: 0px;
    padding-bottom: 12px;
    padding-top: 18px;
}
#image-list .blockbody,
#book-list .blockbody {
	margin-bottom:0px;
	border-radius: 0px;
}
#book-list .thumb a img {
	border: none;
    /*box-shadow: -6px -4px rgb(0 0 0 / 50%);*/
    box-shadow: 3px -1px rgb(145 125 92), 5px -2px rgb(163 138 80), 7px -4px rgb(139 110 65), -16px -16px rgb(0 0 0 / 50%);
}
ARTICLE {
	margin-left: 276px;
	margin-right: 16px;
	text-align: center;
	height: 1%;
	margin-top: 0px;

	transition: margin-left 0.5s;
	min-height: calc(100vh - 282px);
	min-height: calc(100svh - 282px);
	min-height: calc(100dvh - 282px);
}
ARTICLE TABLE {
	width: 90%;
	margin: auto;
}
NAV SECTION:first-child H3 {
	margin-top: 0;
}

/*#paginator A {
    color:#ebeded !important;
}
*/#paginator {
    color:#d6d6d6;
}
ARTICLE .blockbody p {
    color:#d7e9fa;
}

h3 {
    padding-top:5px;
    color:#ebeded;
    background-color:#52527c;
    text-decoration: none;
    /*font-family:garamond,serif;*/
    border-radius: 10px 10px 0px 0px;
    box-shadow: 1px 1px rgba(0, 0, 0, 0.69);
    /*background-color: ;*/
}
#uploadpic {
	    filter: invert(11%) sepia(64%) saturate(409%) hue-rotate(16deg) brightness(100%) contrast(103%) drop-shadow(0px 0px 3px rgba(256,256,256,0.5));
}
#Uploadhead #uploadpic {
	    height:120px;
}
#header section {
	    margin-top: -10px;
}
#Uploadhead .blockbody {
		margin-bottom:0px;
}
body section .blockbody,
body #comment-list-image .blockbody,
body #comment-list-recent .blockbody,
body #comment-list-user .blockbody,
body #comment-list-list .blockbody,
SECTION>.blockbody, .comment, .setupblock {
    border-radius: 0px 0px 5px 5px;
	margin: 8px;
    margin-top:0px;
    margin-bottom:16px;
    background: #5d7a7e;
	border: 1px dashed #869da5;
	padding: 8px;
	color: #d7e9fa;
}
.setupblock {
	padding-top:4px;
	border-radius: 5px !important;
	margin-left:auto;
	margin-right: auto;
}
section#Navigationleft {
}
#large_upload_form {
    /*color:black;*/
}
#menuh li {
	font-size: 1.2em;
}
#menuh a {
    background-color: transparent ;
    color: white !important;
}
#menuh a.sub_option {
    background-color: #34405c ;
    font-size: 1.1em;
    padding-right: 35px;
}
#menuh a.sub_option:hover {
    background-color: #3e4e75 ;
}
#menuh a.parent {
    background-color: #34405c !important;
}
#menuh ul > li > ul {
	box-shadow: 2px 2px rgba(0,0,0,0.5);
}

.command_example pre {
	background-color:#f7f5fa !important;
	color:black;
	text-align: left;
    border: 1px gray solid !important;
    border-radius: 3px !important;
    padding-left: 8px !important;
}
/*.setupblock {
    color: black;
}
.setupblock a {
    color: blue !important;
}
*/
.setupblocks {
	padding-top:10px;
	margin:8px;
	margin-top:0px;
    backdrop-filter: blur(3px);
    background-color: rgba(59, 73, 94,0.3);
    padding-bottom: 16px;
    border-radius: 0px 0px 8px 8px;
}
.setupblock b.shm-toggler {
	font-size:1.4rem;
	text-decoration: underline;
	margin-bottom:10px;
}
b.shm-toggler::after{
    content: "\a";
    white-space: pre;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*                     specific page types                        *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#pagelist {
	margin-top: 32px;
}

#tagmap A {
	padding: 8px 4px 8px 4px;
}



SECTION>H3 {
	text-align: center;
	/*background: #717999;*/
	margin: 8px;
	border: 1px solid #61747a;
	padding: 8px;
    margin-bottom:0px;
}

.thumb {
	width: 226px;
	display: inline-block;
	zoom: 1; /* ie6 */
	*display: inline; /* ie6 */
	text-align: center;
	margin-bottom: 8px;
	margin-left:auto;
    margin-right: auto;
    color:#FAF9F6;
}
.thumb a {
    color:#FAF9F6 !important;
    text-decoration:none;
}

body .thumb IMG {
	border: 1px solid #c7af97;
	border-width: 1px !important;
    box-shadow: 4px 4px rgba(0, 0, 0, 0.5)
}

div#twitter_update_list li {
	list-style:none;
	padding-bottom:0;
	text-align:left;
	margin-top:5px;
	margin-bottom:5px;
	border: solid 1px #000;
	background: url("../../../ext/library/bg.png");
}

.username {
	font-weight: bold;
}

#bans TD, .image_info TD {
	vertical-align: middle;
}
#bans INPUT {
	font-size: 0.85em;
}

.need-del {
	display: none;
}
.can-del .need-del {
	display: inline;
}


.unread {
	color: red;
}

UL.tagit {
	margin: 0;
}
ul.tagit li.tagit-new {
	width: 50px;
}


[data-tags~="animated"]>A>IMG { background: #CC00CC; }
[data-ext="mp4"]>A>IMG,
[data-ext="webm"]>A>IMG { background: #0000FF; }

#menuh-container {
	float: none;
	/*width: 650px;*/
	margin: auto;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*                     responsive overrides                       *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

@media (max-width: 750px) {
	.atoz, #paginator {
		font-size: 2em;
	}
	.header-sites {
		display: none;
	}
	SECTION>.blockbody {
		overflow-x: auto;
	}
}
#booktitle {

    /*font-size: calc(50px + 1vw);*/ 
    padding-top: calc(6px + 3vw);
    font-family: serif;
    text-decoration: underline;
    margin-bottom: 10px;
    /*margin-left:20px;*/
}
#bookdate {

    margin-top: 0px;
    margin-bottom: 4px;
    font-size: 160%;
    /*margin-left: 20px;*/
    font-weight: 800;
}
#bookpub {

    margin-top: 0px;
    /*margin-left: 20px;*/
    font-size: 18px;
    font-weight: lighter;

}
#miscinfo, #bookdesc {

    text-indent: 3vw;
    /*margin-left: 20px;*/
    font-weight: normal;
    font-size: 16px;
}
#bookinfo {
	padding-left: 40%;
	padding-right: 20px;
	text-align: left;
}
.shm-book-info {
    aspect-ratio: 10 / 4;
}
.threedbookpreview canvas {
  	aspect-ratio : 1 / 1;
  	float: left;
  	height: unset !important;
  	width: 40% !important;
}
.threedbookpreview canvas::after {
  	content: "Double-Click to show inside preview";
}
/* responsive padding */
@media (max-width: 1024px) {
	NAV {margin-left: 0px;}
	ARTICLE {margin-right: 0; margin-left: 276px;}
}

#booktitle {
    	font-size: calc(30px + 1.5vw);
	}
	#bookdate {
    	font-size: calc(15px + 1vw);
	}
	#bookpub {
   		font-size: calc(12px + 0.74vw);
	}
	#miscinfo, #bookdesc {
    	font-size: calc(12px + 0.5vw);
	}
@media (max-width: 750px) {
	.threedbookpreview canvas {
		float:none;
	    width: 70% !important;
	    margin-left: auto;
	    margin-right: auto;
	}
	.shm-book-info {
	    aspect-ratio: unset;
	}
	#bookinfo {
		text-align: center;
		padding-left: 10px;
	}
	#miscinfo, #bookdesc {

	    text-indent: unset;
	}
	NAV {margin-left: 0px;}
	ARTICLE {margin-right: 0; margin-left: 250px;
    min-height: calc(100vh - 140px) !important;}
}

/* responsive navbar */
#nav-toggle {display: none;}
@media (max-width: 750px) {
	TD#nav-toggle {display: table-cell; width: 40px;}
	#nav-toggle A {border: 1px solid black; border-radius: 8px;}
	#nav-toggle A:hover {text-decoration: none;}

/*	NAV>SECTION>.blockbody,
	NAV>SECTION>.blockbody>.comment {
		margin: 0;
	}*/
/*	NAV>SECTION>H3 {
		margin: 0;
	}
*/
	BODY.navHidden #menuh-container {display: none;}
	BODY.navHidden NAV {width:0px;}
	BODY.navHidden ARTICLE {margin-left: 0px;}

/*
	NAV {
		position: fixed;
		top: 6.5em;
		bottom: 0px;
		overflow-y: scroll;
	}
	*/
}

/* sticky header */
@media (max-width: 750px) {
	BODY.navHidden {padding-top: 5.4em}
}
@media (max-width: 750px) {
	#header {position: fixed; top: 0; left: 0; z-index: 99999999999;}
	.ui-autocomplete {z-index: 999999999999 !important;}
	BODY {padding-top: 7em}
}

/* responsive header */
#Uploadleft {display: none;}
#Uploadhead {display: block;}
#UserBlockleft {display: none;}
#UserBlockhead {display: block;}
#Loginleft {display: none;}
#Loginhead {display: block;}
.headcol {width: 250px; font-size: 0.85em;}
.headbox {width: 80%; margin: auto;}
#big-logo {display: table-cell;}
#mini-logo {display: none;}
@media (max-width: 1024px) {
	#Uploadleft {display: block;}
	#Uploadhead {display: none;}
	#UserBlockleft {display: block;}
	#UserBlockhead {display: none;}
	#Loginleft {display: block;}
	#Loginhead {display: none;}
	.headcol {display: none;}
	.headbox {width: 100%; margin: auto;}
	#big-logo {display: none;}
	#mini-logo {display: table-cell; width: 100px;}

	/* hide nav-search when header-search is sticky */
	ARTICLE {margin-top: 0;
    min-height: calc(100vh - 168px);}
	#Navigationleft .blockbody {font-size: 1.5em;}
	#Navigationleft .blockbody P,
	#Navigationleft .blockbody FORM
	{display: none;}
}

/* responsive comments */
.comment_list_table {width: 100%;}

/* responsive misc */
@media (max-width: 750px) {
	#shm-main-image { max-width: 95%; }
}

#ed91727bc9c7a73fdcec6db562e63151main {
	overflow: scroll;
}

.thumb IMG {
	border-width: 2px !important;
}

.shm-thumb-has_child img {
	border-color: lime !important;
}

.shm-thumb-has_parent img {
	border-color: #cc0 !important;
}

.shm-thumb-has_child.shm-thumb-has_parent img {
	border-color: lime #cc0 #cc0 lime !important;
}

.tagcategoryblock {
	margin:0.6rem 1rem 0.6rem 0;
	padding:0.5rem 0.6rem 0.7rem;
	width:18rem;
	border:1px solid #AAAAAA;
	border-radius:0.25rem;
	display:inline-block;
}
.tagcategoryblock table {
	width:100%;
	border-spacing:0;
}
.tagcategoryblock input, .tagcategoryblock span {
	width:100%;
	height:100%;
}
.tagcategoryblock td:first-child {
	padding:0.3rem 0.7rem 0.4rem 0;
	text-align:right;
	width:40%;
}
.tagcategoryblock td:last-child {
	width:60%;
}
.tagcategoryblock td:last-child span {
	padding:0.24rem 0.7rem 0.5rem 0;
	display:block;
}
.tagcategoryblock button {
	width:100%;
	margin-top:0.4rem;
	padding:0.2rem 0.6rem;
}

ul li.tag-metatag.tagit-choice {
    background: #eaa338 !important;
}
li.ui-state-default {
    background: #5199bb !important;
}
ul li.tag-negative.tagit-choice {
    background: #ff8080 !important;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*                  things common to all pages                    *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*CERAMIC STUFF, DO NOT DELETE AGAIN RETARD!!*/
.varlogos img {
  max-width: 6em;
}
.varycontainer {
  width: 400px;
}

.varycontainer .dot {
  background-color: red;
  width: 1em;
  height: 1em;
  display: block;
}

.varycontainer .dot.active {
  background-color: green;
}

.varpicslider img {
  max-height: 20em;
  max-width: 20em;
}

.navigation-button {
  display: flex;
  flex-direction: row;
  justify-content: center;
    
}

.variant.hiddenvar {
  display: none;
}

#splittwo {
  display: flex;
  justify-content: space-between;
  padding: 3em;
}
.ceramthumbpic {
  max-width: 100%;
  max-height: 100%;
  z-index: 13;
  position: relative;
  transition: transform ease-in-out 0.2s, filter ease-in-out 0.2s;
}

.emow {
  position: relative;
  left: 2px;
  max-width: 100%;
  bottom: 18em;
  opacity: 0.3;
  z-index: 0;
}

#ceramshelf {
  background-position: left top, right top, center top;
  background-repeat: repeat-y;
  background-size: 15em, 15em, calc(100% - 4em) 19.4em;
  flex-wrap: wrap;
  display: flex;
  justify-content: center;
}

.ceramthumb {
  max-width: 14em;
  height: 15.5em;
  margin: 2em;
}

.ceramthumbpic:hover {
  transform: translateY(-29px);
  filter: drop-shadow(0px 0px 20px rgba(255,255,255,0.5));
}


/*Articles*/




    @font-face {
	  font-family: LittleLord;
	  src: url("../../../themes/catland/../../imagehosting/Articles/LittleLord.ttf");
	}

	@font-face {
	  font-family: Jinks;
	  src: url("../../../themes/catland/../../imagehosting/Articles/Jinks.ttf");
	}

	@font-face {
	  font-family: OptiChamp;
	  src: url("../../../themes/catland/../../imagehosting/Articles/OPTIChampionBold.otf");
	}

	@font-face {
	  font-family: DeadMan;
	  src: url("../../../themes/catland/../../imagehosting/Articles/Deadman.ttf");
	}


	.LWArticle {
		width: 16em;
		-webkit-filter: drop-shadow(-3px 5px 4px #222);
		filter: drop-shadow(-3px 5px 4px #222);
		height: 100%;
	}

	.LWArticle .LWATop Img, .LWArticle .LWABot Img{
		width:100%;
	}
	
	.LWAContainer {
		width: 100%;
/*		height:300px;*/
		background-image: url("../../../themes/catland/../../imagehosting/Articles/Tiny/Middle.png");
		background-size:100%;
		background-repeat:repeat-y;
		position:relative;
		top:-2.5em;
/*		z-index: 1;*/
	}
	
	.LWATop, .LWABot {
		    position: relative;
    		z-index: 49;
	}
	.LWABot {
		    top: -4em;
	}
	.LWAContent {
		position:relative;
    	z-index: 51;
		padding-left:1.2em;
		padding-right:.6em;
		padding-bottom:.6em;
		padding-top:3px;
		mix-blend-mode: multiply;
	}
	.LWAContent :first-child {

		margin-top:0px;
	}
	.LWArticle .LWAContent p {
  		word-spacing: -0.1em; 
		text-indent: 0.7em;
  		font-family: LittleLord;
  		text-align: justify;
  		line-height: 0.75;
  		margin-top:.2em;
  		margin-bottom:.5em;
  		color: black;
	}

	.LWAContent h4, .LWAContent h3, .LWAContent h2, .LWAContent h1 {
		text-align: justify;
		-moz-text-align-last: center;
		text-align-last: center;
  		margin-top:.2em;
  		line-height: 1.1;
  		margin-bottom:.1em;
  		
        color: black;
        background: none;
        border: none;
        box-shadow: none;
	}

    .LWAContent hr {
        background-color: #000000;
        height: 0.1em;
    }

	.LWAContent h2 {
  		font-family: OptiChamp;
  		font-size:1.4em;
	}
	.LWAContent h3 {
  		font-family: DeadMan;    
  		word-spacing: -0.1em;
  		font-size:1em;
	}
	.LWAContent h4 {
  		font-family: Jinks;
  		line-height: 1.2;
  		word-spacing: -0em; 
  		font-size:0.6em;
	}

	.LWAContent small {
		display:block;
		width:100%;
		font-size:0.7em;
  		font-family: LittleLord;
  		text-align: center;
  		line-height: 1;
  		margin-top:0.5em;
  		color: black;
	}
	.LWAContent strong {
		padding-left:0.4em;
		display: inherit;	
  		word-spacing: -0.1em; 
		text-indent: 0.7em;
		font-weight: bolder;
  		font-family: LittleLord;
  		text-align: justify;
  		line-height: 0.75;
  		margin-top:.2em;
  		margin-bottom:.5em;
  		color: black;
	}

	.LWAContent :last-child {
		margin-bottom:0px;
	}

	.LWAContent img {
		display:block;
		max-height:10em;
		margin-left:auto;
		margin-right:auto;
	}

	.LWAContent hr.short {
		max-width:4.5em;
	}

	.LWarticles {
  		font-size:32px;
		display:flex;   
		flex-wrap: wrap;
		
	    align-items: center;
	    justify-content: space-around;
	}

















.shm-book-list .thumb {
    height: 224px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.headbox .tagify, #littlebits .tagify {
    max-height: 78px;
    overflow-y: auto;
}

    
.tagify__tag {
    --tag-bg: #409cbf;
    color: #f7f9fc !important;
    border-radius: 5px;
    --tag-text-color: white;
    --tag-text-color-edit: white;
    --tag-remove-btn-color: white;
    margin-bottom: 0px;
    --tag-border-radius: 5px;
}

.tagify {
    font-size: 77%;
    width: 100%;
    background-color: #f7f5fa !important;
    border: 1px gray solid !important;
    border-radius: 3px;
    padding-left: 8px;
}

.tagify__input {
    text-align:left;
    color: black;
}

.tagify__dropdown {
    z-index: 999999999999 !important;
    font-size: 80%;
}

#book-list .thumb a img {
    max-width: 146px;
    height: auto;
    max-height: 200px;
}


#makebigbutton {
    background-color: #7e9ca5;
    font-size: 1.1em;
    padding: 7px;
    margin-top: 8px;
    display: block;
    width: 12em;
    margin-left: auto;
    margin-right: auto;
    color: black;
    border-radius: 7px;
}
#makebigbutton:hover {
    background-color: #a6b9bf;
    font-size: 1.1em;
    color: #303134;
    border-radius: 7px;
    text-decoration: none;
}
#makebigbutton:active {
    background-color: #4b646c;
    color: black;
    text-decoration: none;
}
#hrgar {
    width: 36em;
    max-width:90%;
}
#optionsToggleContainer .maskIcon {
    background-size: contain;
    background-image: url("../../../themes/catland/https://catland.distin.org/imagehosting/happysmall.png");
}
/*SCROLLBAR TIME!!!*/


		::-webkit-scrollbar {
    		-webkit-appearance: none;
		  width: 20px;
		      background-color: black;
		}
		::-webkit-scrollbar-thumb {
    /* background-position-y: center; */
    background-image: url("../../../themes/catland/catburger.png");
    background-position: center;
    background-size: 16px;
    background-color: #6472ab;
    background-repeat: no-repeat;
    /* background: linear-gradient(45deg, rgb(6, 222, 225), rgb(121, 255, 108)); */
    border-radius: 5px;
    box-shadow: 1px 1px 3px black;
}

::-webkit-scrollbar-thumb:active {
    /* background-position-y: center; */
    background-color: #505d91;
}
::-webkit-scrollbar-track {
    border: 3px solid #3c3e42;
    background-color: #252738;
}


		/*  To customize the sliding buttons*/


		::-webkit-scrollbar-button:single-button {
		  background-color: #536263;
		  -webkit-background-clip: padding-box;
-webkit-backface-visibility: hidden;
		  display: block;
		  background-size: 10px;
		  background-repeat: no-repeat;
  border-radius:5px 5px 4px 4px;
		  height: 20px;
		  width: 16px;
  margin:-1px;
  background-clip: padding-box;
  box-sizing: border-box;
		}
		
		/* Up */
		::-webkit-scrollbar-button:single-button:vertical:decrement {
		  background-position: center 6px;
		  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(161, 161, 87)'><polygon points='50,00 0,50 100,50'/></svg>");
		}

		::-webkit-scrollbar-button:single-button:vertical:decrement:hover {
		  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='#6a717d'><polygon points='50,00 0,50 100,50'/></svg>");
		}

		::-webkit-scrollbar-button:single-button:vertical:decrement:active {
		  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(128, 128, 128)'><polygon points='50,00 0,50 100,50'/></svg>");
		}

		/* Down */
		::-webkit-scrollbar-button:single-button:vertical:increment {
		  background-position: center 8px;
		  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='rgb(161, 161, 87)'><polygon points='0,0 100,0 50,50'/></svg>");
		}

		::-webkit-scrollbar-button:single-button:vertical:increment:hover {
		  cursor: pointer;
		}

		::-webkit-scrollbar-button:single-button:vertical:increment:active {
		  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='#6a717d'><polygon points='0,0 100,0 50,50'/></svg>");
		}

		/* FireFox Scrollbar */
			:root{
			  scrollbar-face-color: rgb(176, 88, 54); /* Firefox 63 compatibility */
			  scrollbar-track-color: rgb(51, 62, 72); /* Firefox 63 compatibility */
			  scrollbar-color: rgb(63, 104, 130) rgb(49, 52, 62);
			  scrollbar-width: auto;
			}



























#displaynonemain {
    display:none;
}

BODY {
	/*background: #34344a;*/
	/*background-image: url("../../../themes/catland/https://catland.distin.org/_images/6d7101747fc694e4c274a1122f27bbe9/1364%20-%201subject%20cat%20color%3Amulti%20flower%20meta%3Aneedstitle%20meta%3Awallpaper%20psychedelic%20signature.jpg");*/
	font-family: "Arial", sans-serif;
	font-size: 14px;
	margin: 0;
	background-position: center !important;
			    background-size: cover !important;
  				background-attachment: fixed !important;
}

article > section > h3 {
	margin-top: 0px;
}

#header {
    background: url("../../../themes/catland/catlandbg.jpg") #597a94;
    background-repeat: no-repeat; 
    background-size: cover;
    background-position: center center;
	border-bottom: 1px solid #b99c77;
	margin-top: 0;
	margin-bottom: 16px;
	padding: 8px;
	text-align: center;
	box-shadow: 0px 5px 1px rgba(0,0,0,0.5)
}
H1 {
	font-size: 5em;
	margin: 0;
	padding: 0;
}
H1 A {
	color: black;
}
H3 {
	text-align: center;
	margin: 0;
}
THEAD {
	font-weight: bold;
}
TD {
	vertical-align: top;
	text-align: center;
}

#subtitle {
	width: 256px;
	font-size: 0.75em;
    margin: -16px auto auto;
    text-align: center;
	border: 1px solid black;
	border-top: none;
	background: #DDD;
}
#flash {
	background: #FF7;
	display: block;
	padding: 8px;
	margin: 8px;
	border: 1px solid #882;
}

TABLE.zebra {background: none; border-collapse: collapse; border: 1px solid #61747a;color:white;}
TABLE.zebra TD {font-size: 0.8em;margin: 0;	border-top: 1px solid #61747a;	padding: 2px;}
TABLE.zebra TR:nth-child(odd) {background: #35375e;}
TABLE.zebra TR:nth-child(even) {background: #4b4975;}
TABLE.zebra TH:first-child, TABLE.zebra TD:first-child {
  padding-left:10px;
}
TABLE.zebra TH:last-child, TABLE.zebra TD:last-child {
  padding-right:10px;
}
TABLE.zebra TD, TABLE.zebra TH {
	padding-top: 8px;
	padding-bottom: 4px;
	/*color:white*/
}
TABLE.zebra THEAD  {
	/*color:white*/
}
TABLE.zebra TR {
	/*color:white;*/
}
tfoot tr td:first-child {
	border-bottom-left-radius:10px;
	padding-left:10px;
}
tfoot tr td:last-child {
	border-bottom-right-radius:10px;
	padding-right:10px;
}
thead tr th:first-child {
	border-top-left-radius:10px;
	/*padding-left:10px;*/
}
thead tr th:last-child {
	border-top-right-radius:10px;
	/*padding-right:10px;*/
}
FOOTER {
	height: 32px;
	clear: both;
	padding: 8px;
	font-size: 0.7em;
	text-align: center;
	border-top: 1px solid #00000;
	background: #393d63;
	color: grey;
	overflow:hidden;

}

FOOTER A {
    color: white !important;		
}

#ImageInfo .blockbody {
    background: #15243a;
    border: none;
    border-radius: 10px;
}
#ImageInfo .blockbody h1{
	text-decoration: underline;
	color: #9b9aba;
    font-size: 2em;
    margin-bottom: 10px;
    font-family: serif;
}
#ImageInfo .blockbody h4{
	margin-top:8px;
}
#ImageInfo .blockbody td, #ImageInfo .blockbody th{
    padding-top: 10px;
}
#ImageInfo .blockbody th:after{
	content: ":";
}
/*fart*/
A         {color: #e6eb94; text-decoration: none; font-weight: bold;font-style: italic;}
A:hover   {color: #ebd450; text-decoration: underline;}
A:visited {color: #e6eb94; text-decoration: none}
A:active  {color: #e6eb94; text-decoration: underline;}

UL {
	text-align: left;
}
#Tagsmain a {
    padding: 1px 1px 1px 1px;
    margin-top:20px;
}
.ad1{
	display:none;
}
h1 {
    font-size: 1em;
}
#Setupmain {
	max-width: 1200px;
}
tbody tr td ul li.tagit-choice, body li.tag-positive {
    background: #409cbf !important
}
body li.tagit-choice, .ui-state-default, .ui-widget-content .ui-state-default {
    color: #f7f9fc !important;
    border-radius: 5px;
}
INPUT[type="submit"], INPUT[type="button"], button {
	border: 1px solid #888;
    height: 26px;
    color: #2d2d33;
    font-weight: bold;
    /* border-radius: 2px; */
    background: #c5cfeb !important;
    border-radius: 5px !important;
    margin-bottom:5px;
}
INPUT[type="checkbox"] {
	height: 16px;
    width: 16px;
}
body ul.tagit {
    background-color: #f7f5fa !important;
    border: 1px gray solid !important;
    border-radius: 3px;
    padding-left: 8px;
}
INPUT[type="text"],INPUT[type="password"],INPUT[type="email"], INPUT[type="number"], textarea {
	min-height: 26px;
	/*font-size: 15px;*/
    /*background-color: aliceblue;*/
     */
    background: none;
    background-color: aliceblue;
    border: 1px gray dashed;
    border-radius: 3px;
    padding-left: 8px;
    margin-bottom:4px;
}
INPUT[type="date"] {
    min-height: 26px;
    width: 100%;
    background-color: #d7dbff;
    border: 1px blue dotted;
    border-radius: 3px;
    padding-left: 8px;
    color: #564a83;
    text-transform: uppercase;
}
ul.tagit INPUT[type="text"] {
    background: none;
	min-height:0px;
}
select {
    height: 26px;
    border-radius: 10px;
    margin-bottom: 5px;
    padding-left: 10px;
    background-color: aliceblue;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*             the navigation bar, and all its blocks             *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
NAV SECTION {
    padding-left: 16px;
    width:234px;
}
NAV {
/*	position:absolute;
	left:-6px;*/
	padding-top: 5px;
	overflow:hidden;
	width: 250px;
	float: left;
	text-align: center;
    background-color: #141626;
    box-shadow: 4px 4px rgba(0, 0, 0, 0.7);
	border-top-right-radius: 7px;
	border-bottom-right-radius: 7px;
	transition: width 0.5s;
    box-shadow: 4px 4px rgb(0 0 0 / 70%), -242px 4px rgb(0 0 0 / 70%);
    margin-bottom:20px;
}
NAV A {

}
NAV .blockbody {
	font-size: 0.85em;
	text-align: center;
}
NAV TABLE {
	width: 100%;
}
NAV TD {
	vertical-align: middle;
}
NAV INPUT {
	width: 100%;
	padding: 0;
}
NAV SELECT {
	width: 100%;
	padding: 0;
}


.comment .info {
	background: #a3dce4;
	border: 1px solid #61747a;
}

.more:after {
	content: " >>>";
}

.tag_count:before {
	content: "(";
}
.tag_count:after {
	content: ")";
}
#image-list {
    display: block;
  margin-left: auto;
  margin-right: auto;
}
#imagelist .blockbody,
#paginator .blockbody,
#image-list .blockbody,
#book-list .blockbody,
#book-read .blockbody {
	background: none;
	border: none;
	margin-left: 8px !important;
	margin-right: 8px !important;

	backdrop-filter: blur(3px);
	background-color: rgba(59, 73, 94,0.3);	
	box-shadow: none;
	padding-top: 15px;
}


#commentlistimage .blockbody .comment,
#commentlistrecent .blockbody .comment {
	margin-left: 0px;
	margin-right: 0;
}

#fofcat {
		width:300px;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*                 the main part of each page                     *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.shm-image-list {
	display: grid;
    grid-template-columns: repeat(auto-fit, minmax(226px, 1fr));
    align-items: end;
}
body .shm-image-list .thumb IMG:hover {
    box-shadow: 0px 0px 20px rgb(84 186 207 / 50%);
}
body .shm-image-list .thumb IMG {
    transition: box-shadow 0.3s ease;
}
.shm-book-list {
	display: grid;
	margin-left:20px;
	margin-right:20px;
    grid-template-columns: repeat(auto-fit, minmax(183px, 1fr));
    align-items: end;
    background-image: url("../../../themes/catland/../../books/leftshelf.png"), url("../../../themes/catland/../../books/rightshelf.png"), url("../../../themes/catland/../../books/middleshelf.png");
    background-size: 175px 254px, 180px 254px, 400px 254px;
    background-repeat: repeat-y, repeat-y, repeat;
    background-position: top left, top right, top left 400px;
    border-radius: 5px;
    padding-left: 14px;
    padding-right: 14px;
}
.shm-book-list img {
    height: 190px;
}
.shm-book-list .thumb {
    width: unset;
    margin-bottom: 0px;
    padding-bottom: 12px;
    padding-top: 18px;
    position:relative;
    transition: transform ease 300ms;
}
.shm-book-list .thumb:hover { 
    transform: translate(0, -7px);
}
#image-list .blockbody,
#book-list .blockbody {
	margin-bottom:0px;
	border-radius: 0px;
}
#pdfreader {
	width:100%;
	height:93vh;
    border-radius: 5px;
}
#book-list .thumb a img {
	border: none;
    /*box-shadow: -6px -4px rgb(0 0 0 / 50%);*/
    box-shadow: 3px -1px rgb(145 125 92), 5px -2px rgb(163 138 80), 7px -4px rgb(139 110 65), -16px -16px rgb(0 0 0 / 50%);
}
ARTICLE {
	margin-left: 276px;
	margin-right: 16px;
	text-align: center;
	height: 1%;
	margin-top: 0px;

	transition: margin-left 0.5s;
	min-height: calc(100vh - 282px);
	min-height: calc(100svh - 282px);
	min-height: calc(100dvh - 282px);
}
ARTICLE TABLE {
	width: 90%;
	margin: auto;
}
NAV SECTION:first-child H3 {
	margin-top: 0;
}

/*#paginator A {
    color:#ebeded !important;
}
*/#paginator {
    color:#d6d6d6;
}
ARTICLE .blockbody p {
    color:#d7e9fa;
}

h3 {
    padding-top:5px;
    color:#ebeded;
    background-color:#52527c;
    text-decoration: none;
    /*font-family:garamond,serif;*/
    border-radius: 10px 10px 0px 0px;
    box-shadow: 1px 1px rgba(0, 0, 0, 0.69);
    /*background-color: ;*/
}
#uploadpic {
	    filter: invert(11%) sepia(64%) saturate(409%) hue-rotate(16deg) brightness(100%) contrast(103%) drop-shadow(0px 0px 3px rgba(256,256,256,0.5));
}
#Uploadhead #uploadpic {
	    height:120px;
}
#header section {
	    margin-top: -10px;
}
#Uploadhead .blockbody {
		margin-bottom:0px;
}
body section .blockbody,
body #comment-list-image .blockbody,
body #comment-list-recent .blockbody,
body #comment-list-user .blockbody,
body #comment-list-list .blockbody,
SECTION>.blockbody, .comment, .setupblock {
    border-radius: 0px 0px 5px 5px;
	margin: 8px;
    margin-top:0px;
    margin-bottom:16px;
    background: #5d7a7e;
	border: 1px dashed #869da5;
	padding: 8px;
	color: #d7e9fa;
}
.setupblock {
	padding-top:4px;
	border-radius: 5px !important;
	margin-left:auto;
	margin-right: auto;
}
section#Navigationleft {
}
#large_upload_form {
    /*color:black;*/
}
#menuh li {
	font-size: 1.2em;
}
#menuh a {
    background-color: transparent ;
    color: white !important;
}
#menuh a.sub_option {
    background-color: #34405c ;
    font-size: 1.1em;
    padding-right: 35px;
}
#menuh a.sub_option:hover {
    background-color: #3e4e75 ;
}
#menuh a.parent {
    background-color: #34405c !important;
}
#menuh ul > li > ul {
	box-shadow: 2px 2px rgba(0,0,0,0.5);
}

.command_example pre {
	background-color:#f7f5fa !important;
	color:black;
	text-align: left;
    border: 1px gray solid !important;
    border-radius: 3px !important;
    padding-left: 8px !important;
}
/*.setupblock {
    color: black;
}
.setupblock a {
    color: blue !important;
}
*/
.setupblocks {
	padding-top:10px;
	margin:8px;
	margin-top:0px;
    backdrop-filter: blur(3px);
    background-color: rgba(59, 73, 94,0.3);
    padding-bottom: 16px;
    border-radius: 0px 0px 8px 8px;
}
.setupblock b.shm-toggler {
	font-size:1.4rem;
	text-decoration: underline;
	margin-bottom:10px;
}
b.shm-toggler::after{
    content: "\a";
    white-space: pre;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*                     specific page types                        *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

#pagelist {
	margin-top: 32px;
}

#tagmap A {
	padding: 8px 4px 8px 4px;
}



SECTION>H3 {
	text-align: center;
	/*background: #717999;*/
	margin: 8px;
	border: 1px solid #61747a;
	padding: 8px;
    margin-bottom:0px;
}

.thumb {
	width: 226px;
	display: inline-block;
	zoom: 1; /* ie6 */
	*display: inline; /* ie6 */
	text-align: center;
	margin-bottom: 8px;
	margin-left:auto;
    margin-right: auto;
    color:#FAF9F6;
}
.thumb a {
    color:#FAF9F6 !important;
    text-decoration:none;
}

body .thumb IMG {
	border: 1px solid #c7af97;
	border-width: 1px !important;
    box-shadow: 4px 4px rgba(0, 0, 0, 0.5)
}

div#twitter_update_list li {
	list-style:none;
	padding-bottom:0;
	text-align:left;
	margin-top:5px;
	margin-bottom:5px;
	border: solid 1px #000;
	background: url("../../../themes/catland/bg.png");
}

.username {
	font-weight: bold;
}

#bans TD, .image_info TD {
	vertical-align: middle;
}
#bans INPUT {
	font-size: 0.85em;
}

.need-del {
	display: none;
}
.can-del .need-del {
	display: inline;
}


.unread {
	color: red;
}

UL.tagit {
	margin: 0;
}
ul.tagit li.tagit-new {
	width: 50px;
}


[data-tags~="animated"]>A>IMG { background: #CC00CC; }
[data-ext="mp4"]>A>IMG,
[data-ext="webm"]>A>IMG { background: #0000FF; }

#menuh-container {
	float: none;
	/*width: 650px;*/
	margin: auto;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*                     responsive overrides                       *
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

@media (max-width: 750px) {
	.atoz, #paginator {
		font-size: 1em;
	}
	.header-sites {
		display: none;
	}
	SECTION>.blockbody {
		overflow-x: auto;
	}
	INPUT[type="submit"], INPUT[type="button"], button {
        height: 46px;
    }
}
#booktitle {

    text-shadow: 2px 2px 2px black;
    /*font-size: calc(50px + 1vw);*/ 
    padding-top: calc(4px + 2.6vw);
    font-family: serif;
    text-decoration: underline;
    margin-bottom: 10px;
    /*margin-left:20px;*/
}
#bookdate {

    margin-top: 0px;
    margin-bottom: 4px;
    font-size: 160%;
    /*margin-left: 20px;*/
    font-weight: 800;
}
.shm-book-info hr {
	margin-bottom:15px;'
	width:90%;
    box-shadow: 1px 1px black;
}
#bookpub {

    margin-top: 0px;
    /*margin-left: 20px;*/
    font-size: 18px;
    font-weight: lighter;

}
#miscinfo, #bookdesc {

    text-indent: unset !important;
    /*margin-left: 20px;*/
    font-weight: normal;
    font-size: 16px;
}
#bookinfo {
	padding-left: 40%;
	padding-right: 20px;
	text-align: left;
	min-height: 100%;
}
.shm-book-info {
    aspect-ratio: 10 / 4;
}
.threedbookpreview {
  	aspect-ratio : 1 / 1;
  	float: left;
  	height: unset !important;
  	width: 40% !important;
  	position:relative;
}
.threedbookpreview canvas {
  	height: 100% !important;
  	width: 100% !important;
}
#pdfinfo {

    display: grid;
    flex-direction: row;
    /* margin-left: auto; */
    /* margin-right: auto; */
    justify-content: space-evenly;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    justify-items: center;
}
#fileinfo, #downloadinfo {
    width: 75%;
    margin-left: 4vw;
    margin-right: 4vw;
    background-color: #f0f8ff3b;
    border-radius: 10px;
    margin-bottom:20px;
    padding-bottom:10px;
    box-shadow: 2px 2px black;

    padding-left: 10px;
    padding-right: 10px;
}
#downloadinfo {

    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 40px;
}
#fileinfo p {

    font-size: calc(13px + 0.35vw);
}
#fileinfo h4, #downloadinfo h4{
    margin-top: 5px;
    font-size: calc(12px + 0.74vw);
    /* text-decoration: underline; */
    margin-bottom: 10px;
    border-bottom: 2px #c4c4ec solid;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}
#fileinfo a, #downloadinfo a, .blocklinklib {
    background-color: #4a539d;
    width: 80%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border: 2px white solid;
    border-radius: 5px;
    padding: 8px;
    font-size: calc(12px + 0.5vw);
    box-shadow: 2px 2px #00000070;
    color: #fcfcff !important;
}
a.blocklinklib {

    font-size: unset;
}
.threedbookpreview::after {
	content: "Double-Click to show inside preview";
    position: absolute;
    left: 8%;
    text-align: center;
    width: 85%;
    bottom: 0;

    bottom: 5px;
    font-size: calc(9px + 0.3vw);
}
/* responsive padding */
@media (max-width: 1024px) {
	NAV {margin-left: 0px;}
	ARTICLE {margin-right: 0; margin-left: 276px;}
}

#booktitle {
    	font-size: calc(30px + 1.5vw);
	}
	#bookdate {
    	font-size: calc(15px + 1vw);
	}
	#bookpub {
   		font-size: calc(12px + 0.74vw);
	}
	#miscinfo, #bookdesc {
    	font-size: calc(12px + 0.5vw);
	}
@media (max-width: 750px) {
	.threedbookpreview {
		float:none;
	    width: 70% !important;
	    margin-left: auto;
	    margin-right: auto;
	}
	.shm-book-info {
	    aspect-ratio: unset;
	}
	#bookinfo {
		text-align: center;
		padding-left: 10px;
	}
	.threedbookpreview::after {
	    position: unset;

	}
	#miscinfo, #bookdesc {

	    text-indent: unset;
	}
	NAV {margin-left: 0px;}
	ARTICLE {margin-right: 0; margin-left: 250px;
    min-height: calc(100vh - 140px) !important;}
}
#menuh A:hover {
    color: #d2caff !important;
}
#menuh A:hover {
       transition: color 0.3s ease;
}
/* responsive navbar */
#nav-toggle {display: none;}
@media (max-width: 750px) {
	TD#nav-toggle {display: table-cell; width: 40px;}
	#nav-toggle A {border: 1px solid black; border-radius: 8px;}
	#nav-toggle A:hover {text-decoration: none;}

/*	NAV>SECTION>.blockbody,
	NAV>SECTION>.blockbody>.comment {
		margin: 0;
	}*/
/*	NAV>SECTION>H3 {
		margin: 0;
	}
*/
	BODY.navHidden #menuh-container {display: none;}
	BODY.navHidden NAV {width:0px;}
	BODY.navHidden ARTICLE {margin-left: 0px;}

/*
	NAV {
		position: fixed;
		top: 6.5em;
		bottom: 0px;
		overflow-y: scroll;
	}
	*/
}

/* sticky header */
@media (max-width: 750px) {
	BODY.navHidden {padding-top: 3.93em}
}
@media (max-width: 750px) {
	#header {position: fixed; top: 0; left: 0; z-index: 99999999999;}
	.ui-autocomplete {z-index: 999999999999 !important;}
	BODY {padding-top: 5em;
	    font-size:1.293em;
	}
	BODY br {
	    font-size:0.3em;
	}
}
/* responsive header */
#Uploadleft {display: none;}
#Uploadhead {display: block;}
#UserBlockleft {display: none;}
#UserBlockhead {display: block;}
#Loginleft {display: none;}
#Loginhead {display: block;}
.headcol {width: 250px; font-size: 0.85em;}
.headbox {width: 80%; margin: auto;}
#big-logo {display: table-cell;}
#mini-logo {display: none;}
@media (max-width: 1024px) {
	#Uploadleft {display: block;}
	#Uploadhead {display: none;}
	#UserBlockleft {display: block;}
	#UserBlockhead {display: none;}
	#Loginleft {display: block;}
	#Loginhead {display: none;}
	.headcol {display: none;}
	.headbox {width: 100%; margin: auto;}
	#big-logo {display: none;}
	#mini-logo {display: table-cell; width: 100px;}

	/* hide nav-search when header-search is sticky */
	ARTICLE {margin-top: 0;
    min-height: calc(100vh - 168px);}
	#Navigationleft .blockbody {font-size: 1em;}
	#Navigationleft .blockbody P,
	#Navigationleft .blockbody FORM
	{display: none;}
}

/* responsive comments */
.comment_list_table {width: 100%;}

/* responsive misc */
@media (max-width: 750px) {
	#shm-main-image { max-width: 95%; }
}

#ed91727bc9c7a73fdcec6db562e63151main {
	overflow: scroll;
}