body {
    background: #510000 url(../../../images/iny/biocavesm.jpg) no-repeat center center fixed;
    background-size: cover;
    margin: 0px;
	overflow-x: clip;
}

.buttoncat {
	background: linear-gradient(180deg,rgba(38, 161, 241, 0.7) 0%, rgba(102, 38, 199, 0.7) 100%);
	color: #fff6;
	border: 1px solid #fff6;
	border-radius: 13px;
	padding: 3px 8px 1px 8px;
	text-align: center;
	text-shadow: none;
	min-width: 45px;
	box-shadow: 1px 1px 1px #0006;
	transition: all 0.1s;
	cursor: pointer;
	letter-spacing: 0px;
	
	font-family: "Courier New", "Lucida Console", monospace;
	font-size: 13px;
	font-weight: bold;
}

.buttoncat:hover {
	background: linear-gradient(180deg,rgba(38, 161, 209, 0.7) 0%, #0CE 100%);
	border-color: #0EF;
	color: #fff;
	box-shadow: 1px 1px 1px #06B;
}

details {
	margin-bottom: 3px;
}

.inboxred {
	border: 1px solid #fff6;
	background: linear-gradient(180deg,#500 0%, #800 100%);
}

.inboxred:hover {
	background: linear-gradient(180deg,#910 0%, #C00 100%);
	border-color: #E10;
	box-shadow: 1px 1px 1px #B20;
}

details > summary {
	border: 1px solid #fff6;
	background: linear-gradient(180deg,#500 0%, #800 100%);
	color: #fff6;
	display: inline-block;
	border-radius: 12px;
	padding: 2px 8px 1px 8px;
	text-align: center;
    font-size: 13px;
	margin: 0px;
	min-width: 40px;
	box-shadow: 1px 1px 1px #0003;
	text-shadow: none;
	transition: all 0.1s;
	cursor: pointer;
    font-family: "Courier New", "Lucida Console", monospace;
    font-weight: bold;
	letter-spacing: 0px;
}

details > summary:hover {
	background: linear-gradient(180deg,#910 0%, #C00 100%);
	border-color: #E10;
	color: #fff;
	box-shadow: 1px 1px 1px #B20;
}

.unread {
	font-weight: bold;
}

.avatar {
	width: 72px;
	background-color: #12D;
	height: 72px;
	transition: all 0.1s;
	-webkit-mask-image: url(../../../images/iny/avmask.png);
	mask-image: url(../../../images/iny/avmask.png);
	mask-size: contain;
}

.userinfo {
	padding: 6px;
	width: 180px;
}

.subtle {
	color: #8c86a3;
	font-size: 85%;
}

.buttons_group {
	text-align: right;
	color: #fff6;
	margin: 8px 0px 0px 0px;
}

.spoilered {
	color: #000;
	background-color: #000;
	border-radius: 3px;
	display: inline;
	padding: 0px 3px 0px 3px;
	text-shadow: none;
	transition: background-color 1s, color 1s;
}

.spoilered:hover {
	background-color: #448;
	color: #fff;
}

.avatar_pos {
	float: right;
	margin-bottom: 6px;
}

.hide_on_small {
	display: inline;
}

.hide_on_tiny {
	display: inline;
}

.postborder {
	width: auto;
	color: #fff;
	text-shadow: 0 0 2px #000, 0 0 2px #000;
	letter-spacing: 1px;
	border: 10px solid #38688d84;
	border-image: url(../../../images/iny/postborder.png) 20 repeat;
	border-image-outset: 5px 6px;
	background-color: #070811b2;
	background-image: url(../../../images/iny/runesbg2.png);
	background-repeat: no-repeat;
	background-position: 0px -10px;
	margin: 0px auto 0px auto;
	transition: all 0.1s;
	overflow-x: clip;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
}

.itemborder {
	border: 6px solid #38688d84;
	border-image: url(../../../images/iny/itemborder.png) 20 repeat;
	background-color: #1114295e;
	display: inline-block;
	background-clip: padding-box;
	text-shadow: 0 0 2px #000, 0 0 2px #000;
}

.itemborder a {
	text-decoration: none;
}

.spoilerpad {
	padding: 4px 8px;
	margin: 0px 4px 8px 4px;
	display: block;
}

.postuser {
	display: inline-block;
	min-width: 214px;
	height: fit-content;
}

.postspacer {
	margin-left: 226px;
	display: block;
}

.postcontent {
	margin:0;
	flex-basis: 0;
	flex-grow: 1;
}

.postbounds {
	display: flex;
}

.postheader {
	color: #fff;
	margin: 0px auto 0px auto;
	display: block;
	padding: 0px 8px;
}

.posttitle {
	font-size: 1.2em;
	font-family: "Courier New", "Lucida Console", monospace;
	font-weight: bold;
	text-align: center;
	text-decoration: underline;
	padding: 3px 0px 6px 0px;
}

.postmargin {
	margin: 0px 2px;
}

.forumbanner {
	border-radius: 6px;
}

.forumbanner:hover {
	background-color: #0072b81f;
	box-shadow: inset 0px 0px 0px 1px #73c0f933;
}

a.wikilink{
	color: #fff;
    text-decoration:underline dotted;
}

a.wikilink:visited{
color:#fff
}

a.wikilink:hover{
color:#0EF
}

a.wikilink:active{
color:#0EF
}

.wrapper {
	padding: 0px 0px;
	margin: 0px auto;
	max-width: 1400px;
}

.statscolumn {
	width: 50%;
}

.statscontainer {
	display: flex;
	gap: 6px;
}

.panelcontainer {
  display: flex;
	gap: 10px;
}

.panelmain {
  width: auto;
  flex-grow: 1;
}

.panelsidebar {
  width: 200px;
  /*order: -1;*/
	flex-shrink: 0;
}

@media screen and (max-width: 480px) {
	.hide_on_tiny {
display: none;
}

.postborder {
 margin-left: 0px; margin-right: 0px; border-left: 0px; border-right: 0px; padding-left: 1%; padding-right: 1%;
}

.postmargin {
	margin: 0px 4px;
}

details > summary {
 padding-top: 4px; padding-bottom: 4px;
}

.wrapper {
	padding: 0px;
}


}

@media screen and (max-width: 850px) {
	.statscontainer {
	display: block;
	text-align: center;
}

.statscolumn {
		width: auto;
}

.panelsidebar {
		width: auto;
}

.panelcontainer {
		display: block;
}

.smilie {
	max-width: 64px;
		height: auto;
}

.postborderinner {
 min-height: 48px;
}

.avatar {
	width: 48px;
	height: 48px;
}

.postbounds {
		display: block;
}

.postspacer {
	margin-left: 0px;
}

.hide_on_small {
display: none;
}

.postuser {
	display:block;
}


}