@import url(style_cs.1642183939.css);

/********* Element Hiding *********/

.title-logo, .acchide, #pun-index #pun-main h1, #pun-navlinks h2, #pun-pagelinks h2, #pun-status h2, #pun-ulinks h2, .punbb .forum h2, .punbb .multipage .topic h2, .punbb dl.post-sig dt span, .punbb p.crumbs strong, .punbb .divider hr, .punbb .required label em, .punbb .formsubmit label, .punbb .submitfield label, .punbb .modmenu label, #pun-userlist .main h2, #pun-live-rusff, .punbb:not(#pun-viewtopic) #pun-crumbs2 {display: none !important;}

fieldset {border: none;}

#button-font, #button-underline, #button-color, #button-table, #button-smile, #button-keyboard, #button-addition, #post legend {display: none;}

.punbb:not(#pun-pages) thead {display: none;}

/********* Structure *********/

html, body {margin: 0; padding: 0px;}

ul {list-style: none; padding: 0px;}

.punbb * {margin: 0;}


/********** Font-Face **********/

@font-face {
	font-family: Hagin;
	src: url(/files/0011/46/22/18613.otf) format("opentype");
	font-weight: normal;}

@font-face {
	font-family: Roman Script;
	src: url(/files/0011/46/22/75723.woff) format("woff");
	font-weight: normal; font-style: normal;}
@font-face {
	font-family: Roman Script;
	src: url(/files/0011/46/22/80286.woff) format("woff");
	font-weight: normal; font-style: italic;}

/********* Main Styles *********/

html body {
	background:
		url(http://fergar.f-rpg.me/files/0011/46/22/84701.jpg) calc(50% + 81px) top !important;
	image-rendering: pixelated;
}

body #pun {
	width: 1240px;
	margin: 0 auto 150px auto;
	padding: 314px 51px 0px 51px;
	box-sizing: border-box;
	background: url(http://fergar.f-rpg.me/files/0011/46/22/14822.jpg) no-repeat top,
				url(http://fergar.f-rpg.me/files/0011/46/22/72427.png) no-repeat bottom,
				url(http://fergar.f-rpg.me/files/0011/46/22/88254.jpg) repeat-y center 302px !important;
	position: relative;
}

#pun::before {
	content: ""; width: 1138px;
	position: absolute; top: 314px; bottom: 0px; left: 51px;
	box-shadow: 0px 0px 36px black;
	pointer-events: none;
	clip-path: inset(192px -36px -36px -36px);
} 

.punbb {
	width: 1138px;  min-height: 250px;
	padding: 23px;  margin: 0px auto; box-sizing: border-box;}

/* text element padding */
.category .container, #pun-announcement, .statscon, .forum, #post, form {
	padding: var(--paper-padding);
}

/* hyphens */
.post-content, .category .tclcon {
	hyphens: auto;
}

div#pun-break2 {margin: 9px;}

.category h2,
#pun-stats h2,
#pun-main > h1,
#post-form h2,
.topic > h2,
#pun-pages .section > h1 {
	text-align: center;
	font: normal var(--header-1-size) Hagin;
	text-transform: uppercase;
	box-sizing: border-box;
	width: 1092px;
	height: 82px;
	background: url(/files/0011/46/22/82714.png) no-repeat;
	margin: 0px 0px -25px 0px;
	padding-top: 25px;
	color: var(--caption-color);
}

#pun-redirect #pun-main > h1, #pun-pages .section > h1 {
	background-position: 0px -21px;
	padding-top: 0px;
	height: 53px;
	margin-bottom: -9px;
}

#rating {
	font: normal 36px Hagin;
	color: #808600;
	text-shadow:
		0px 0px 3px black, 0px 0px 3px black,
		0px 0px 6px black, 0px 0px 9px black;
	position: absolute; top: 54px; left: 126px; opacity: 0.81;}

#scroll-links {
	position: fixed;
	top: 50%;
	right: calc(50% - 620px);
}

#scroll-links a::before, #scroll-links a::after {
	padding: 0px 6px;
	display: block;
	transform: rotate(90deg);
}

#scroll-links a:nth-child(1)::before {
	content: "<";
}

#scroll-links a:nth-child(2)::before {
	content: ">";
}

div#scroll-links a {
	display: block;
	font: bold 36px Hagin;
	text-shadow: 2px 2px 3px black;
	color: #987950;
	text-decoration: none;
}

#pun-stats li.item1, #pun-stats li.item2 {float: left; clear: both;}
#pun-stats li.item3, #pun-stats li.item4 {text-align: right;}
#pun-stats li:not(#onlinelist) {line-height: 18px;}
#onlinelist {margin: 9px 0px;}
#onlinelist span::after {content: ".";}

.tab-button, .category h2, #pun-stats h2, #pun-main > h1, #post-form h2, .category h3, .forum .tclcon a, .header, .pa-author, #profile-name {
	text-rendering: geometricPrecision;}

/********* Forums and Categories *********/

.category thead, .forum thead, .category .tc2, .category .tc3 {display: none;}
.forum .tc2, .forum .tc3 {width: 36px;}

.category .tcl, .forum .tcl, .forum .tcr {box-sizing: border-box;}

.category .tcl {width: 766px; padding-right: 18px;}
.forum .tcl {width: 735px; padding-right: 18px;}

.tclcon {padding-top: 9px;}
.forum .tclcon {padding: 9px 0px 18px 0px;}
.category .tclcon {padding-left: 6px; text-align: justify;}

.category .tcl h3 a {font: normal var(--header-2-size)/100% Hagin;}

.forum .tclcon a:not(:last-child) {font: normal var(--header-4-size) Hagin;}
.forum .tclcon strong {font-weight: normal;}
.forum .icon {
	margin-right: -27px;
}

.category .tcr {
	width: 255px; text-align: right; vertical-align: top; white-space: nowrap;
	 padding: 6px 6px 6px 36px;}
.category .tcr a {position: absolute; white-space: nowrap; right: 94px;}
.forum .tcr {width: 252px; text-align: right;}
.category .tcr a::before,  .forum.tcr a::before {
	content: "»"; text-decoration: none; font-weight: bold;}

.linkst {position: relative;}
.linkst .pagelink, .linkst .postlink {
		position: absolute;
		font: normal var(--header-4-size) Hagin;
		margin: 0px 3px;  opacity: 0.9;}

.linkst .pagelink {
	top: -63px;
	left: 27px;
}

.linkst .postlink {
	top: -63px;
	right: 27px;
	width: auto !important;
}

.linkst .postlink span:nth-child(2) {display: none;}
.linkst .postlink span {padding: 0px !important;}

.linkst .pagelink a, .linkst .postlink a {
		font-weight: normal;
		text-decoration: none;
}

.hasicon tr {display: block;}
.forum .hasicon tr:last-child {margin-bottom: 9px;}
.category .hasicon tr:not(:last-child) {margin-bottom: 9px;}

.modmenu {
	position: relative;
	padding: 6px var(--paper-padding);
}

.modmenu span:last-child {float: right;}




/********* Category Highlights and Inner Styles*********/

h3 a {text-decoration: none;}

span.Agri-Glaesarii {color: #622900;}
a:hover .Agri-Glaesarii {
	color: #ff8e3c;
	text-shadow: 0px 1px 0px rgb(0, 0, 0), 1px 1px 1px rgb(0, 0, 0), 0px 0px 18px #ffa200;
}

span.Terra-Nimbifera {color: #0F2F2E;}
a:hover .Terra-Nimbifera {
	color: #1bfff8;
	text-shadow: 0px 1px 0px rgb(0, 0, 0), 1px 1px 1px rgb(0, 0, 0), 0px 0px 18px #00d3ff;
}

span.Vorago-Viridis {color: #2A3500;}
a:hover .Vorago-Viridis {
	color: #13ff5d;
	text-shadow: 0px 1px 0px rgb(0, 0, 0), 1px 1px 1px rgb(0, 0, 0), 0px 0px 18px #07ff00;
}

.category-link-container {
	padding-top: 18px;
}

.category-link-container a {
	font: normal var(--header-4-size) Hagin;
	letter-spacing: -0.5px;
}

.link-divider {
	display: inline-block;
	margin: 0px -3px;
	font: normal 16px Hagin;
	color: var(--caption-color);
}

.link-divider::before {content: "I";}


/********* Icons *********/

.closedatafield, .stickytext {display: none;}

div.icon {
	width: 108px;
	height: 50px;
	background: url(http://fergar.f-rpg.me/files/0011/46/22/67786.png) no-repeat;
	box-sizing: border-box;
	text-align: center;
	margin: 0px 0px -3px 0px;
	float: left;
	opacity: 0.54;
}

.inew.icon, .inew .icon {
	background-position: 0px -50px;
}

.iclosed .icon {
	background-position: 0px -150px;
}

.isticky .icon {
	background-position: 0px -100px;
}

.inew.icon, .inew .icon, .isticky .icon, .iclosed .icon {
	opacity: 1;
}

/********* Posts *********/

.pa-online, .pa-gifts, .lastedit, .sharelink {display: none;}

.post, #post {position: relative;}

img.avatardemo {float: none !important;}
.pa-avatar {position: relative; height: 235px; margin-bottom: 12px;}
.pa-avatar.default-avatar {
	background: url(/files/0011/46/22/60539.jpg);
}

li.pa-title, #profile-title {
	font: bold italic 16px/100% "Roman Script";
	padding: 3px 0px;
	color: var(--caption-color);
}

.post-author {
	text-align: center;
	display: inline-block;
	width: 160px;
	margin: 21px 48px 36px 15px;
}

.catagraphum {
	width: 180px;
	margin: auto;
}

.pa-author, #profile-name {
	font: normal var(--header-2-size) Hagin;
	letter-spacing: -0.5px;
}
.pa-author a {text-decoration: none; font-weight: normal;}

.littera {display: inline-block; color: #610101;}
a:hover .littera{color: #d6ff00;}

.velo {white-space: nowrap;}

.post-body {
	width: 820px;
	display: inline-block;
	vertical-align: top;
	padding-top: 72px;
	min-height: 280px;
}

.post-body::before {
	content: "";
	display: block;
	float: right;
	height: 95px;
	width: 10px;
}

.post-content p {text-align: justify; padding-bottom: 6px !important;}
span[style*="italic"] {line-height: 0;}

.post h3 {
	font: normal var(--header-4-size) Hagin;
	position: absolute;
	left: 202px;
	top: 31px;
	right: 36px;
	white-space: nowrap;
}

.post h3 strong {
	position: absolute;
	right: 0px;
	width: 48px;
	text-align: center;
	text-shadow: none;
}
.post h3 a {font-weight: normal; text-decoration: none;}

.post {
	background: url(http://fergar.f-rpg.me/files/0011/46/22/42862.png) no-repeat bottom;
	width: 1092px;
	padding: 0px 0px 100px 13px;
	margin: 9px 0px -75px 0px;
	box-sizing: border-box;
}

.post::after {
	content: "";
	width: 1092px;
	height: 411px;
	display: block;
	position: absolute;
	pointer-events: none;
	top: 0;
	left: 0;
	background: url(/files/0011/46/22/56143.png) no-repeat 0px 0px;
}

.post::before {
	content: "";
	width: 1092px;
	position: absolute;
	top: 286px;
	bottom: 90px;
	left: 0;
	right: 0;
	pointer-events: none;
	background: url(http://fergar.f-rpg.me/files/0011/46/22/88086.png) repeat-y calc(100% - 20px) 0px;
}

.post-links li {display: inline-block;margin: 0px 3px;}
.pl-email {float: left;}
.post-links {
	text-align: right;
	box-sizing: border-box; padding: 0px 36px 0px 27px; margin-top: 9px;}

.linksb {
	position: relative;
	padding: 6px var(--paper-padding) 18px;
}

#pun-viewtopic .linksb .postlink {
	float: right; font: normal 16px Hagin; padding-right: 6px;}
#pun-viewtopic .linksb .postlink a {text-decoration: none;}

div.post-content td, .pages td {
	position: relative;
	text-align: left;
	padding: 3px 6px 0px 6px !important;
	border: none !important;
}

.quote-box, .code-box {
	width: 838px;
	position: relative;
	box-sizing: border-box;
	padding: 16px 20px 12px 20px;
	margin: 0px 0px 9px -6px;
	background: 
		url(http://fergar.f-rpg.me/files/0011/46/22/41464.png) no-repeat 0px 0px,
		url(http://fergar.f-rpg.me/files/0011/46/22/41464.png) no-repeat -849px bottom;
}

.quote-box::before, .code-box::before {
	content: "";
	background: url(http://fergar.f-rpg.me/files/0011/46/22/41464.png) repeat-y -1701px;
	position: absolute;
	top: 92px;
	bottom: 27px;
	left: 0px;
	width: 20px;
}

.quote-box::after, .code-box::after {
	content: "";
	background: hsla(0, 0%, 100%, 0.06);
	position: absolute;
	top: 12px;
	bottom: 9px;
	left: 12px;
	right: 5px;
	pointer-events: none;
}

.code-box .legend {
	margin: 9px 0px 6px 12px;
	display: block;
	line-height: 18px;
}

#pun .spoiler-box > div {
	font: normal var(--header-4-size) Hagin;
	color: var(--caption-color);
	background: none;
	padding: unset;
}

#pun .spoiler-box > div::before {
	content: "\25BC";
	font-size: 13px;
	position: relative;
	top: -3px;
	padding-right: 6px;
}

#pun .spoiler-box > div.visible::before {
	content: "\25B2";
}

div.post-content td {background: rgba(223, 206, 175, 0.09);}

.punbb .post-content .scrollbox {height: auto !important;}
.punbb .post-content .scrollbox  pre {white-space: pre-wrap;}

.main table {table-layout: fixed; width: 100%;}

.main .post-content table, .pages table {
	padding: 0; margin: 0;
}

#topic-users-in p::after {content: "."; margin-left: -3px;}

.fs-box.hashelp {
	position: relative;
}

#post .hashelp > .container {
	padding: 3px 6px 3px 6px;
	color: var(--caption-color);
	top: 27px;
	border: none;
	border-radius: 6px;
	background: var(--text-area-background);
	box-shadow: var(--button-box-shadow);
}

dl.post-sig dt {
	display: block; height: 9px; margin: 9px 0px 0px;
	background: url(http://fergar.f-rpg.me/files/0011/46/22/14454.png) 0px calc(-39px) no-repeat;}

#pun-post .topic {
	padding-bottom: 27px;
}

/********* Posts text elemets *********/

.post-content strong {
	font-style: italic;
	line-height: 85%;
	color: hsl(27, 27%, 18%);
}



/********* Character Information *********/

#pun-profile .volitans {display: none;}
.post-author {position: relative;}
.volitans > div {position: relative;}

.volitans {
	position: absolute;
	height: 235px;
	width: 160px;
	left: 0px;
	top: 0px;
	font: normal 21px/18px Roman Script;
	font-variant: small-caps;
	color: var(--button-color);
	text-align: center;
	transition: 0.45s linear;
	opacity: 0;
	box-sizing: border-box;
	padding: 3px 6px;
	text-shadow: var(--button-text-shadow);
}

.volitans::before {
		content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0;
		background: url(http://fergar.f-rpg.me/files/0011/46/22/49487.jpg) no-repeat -58px 0px;
		opacity: 0.72; box-shadow: inset 0px 0px 18px rgb(87, 53, 19);}

.volitans:hover {opacity: 1;}

.volitans .inscriptio {
		font: normal small-caps 27px/27px "Roman Script";
		letter-spacing: -1px; margin-top: 6px;}
.volitans .inscriptio:first-child {margin-top: 0px;}

a.indicum {
	display: block;
	height: 22px;
	border: var(--button-border);
	border-radius: 3px;
	box-sizing: border-box;
	padding: 0px 6px 0px 6px;
	margin-bottom: 3px;
	background: var(--button-background);
	font: normal 18px/100% "Roman Script";
	color: var(--button-color);
	text-decoration: none;
	text-transform: uppercase;
	box-shadow: var(--button-box-shadow);
	text-shadow: var(--button-text-shadow);
}

a.indicum:first-of-type {margin-top: 9px;}

a.indicum:hover {
	background: rgba(65, 109, 0, 0.45); color: #CEEE7D;
	text-shadow: 0px 1px 1px rgba(21, 44, 0, 1), 0px 1px 1px rgba(159, 218, 131, 0.36), 0px 0px 12px #2A5309;
	box-shadow: inset 0px 0px 3px 1px #C1E680, 0px 0px 3px #6D3700;}



.character-attributes + br {display: none;}

.character-attributes {
	font: normal var(--header-2-size) Hagin;
	color: var(--caption-color);
	padding: 6px 0px 6px 0px !important;
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
}

.character-attributes div {
	display: inline-flex;
	flex-direction: column-reverse;
	flex-basis: 33%;
}

.character-attributes [data-name]:empty,
.character-attributes [data-name]:empty + * {
	display: none;
}

.character-attributes [data-name] {letter-spacing: 9px;}

.character-attributes td::before {
	display: block;
	padding-right: 9px;
}

.character-attributes span::before, .character-attributes span::after {
	color: var(--caption-color);
}

.character-attributes [data-name]::before {content: "[";}
.character-attributes [data-name]::after {content: "]";}


.character-attributes .strength		{color: hsla(360, 81%, 18%, 1);}
.character-attributes .dexterity	{color: hsla(63, 100%, 15%, 1);}
.character-attributes .stamina		{color: hsl(36, 100%, 21%);}
.character-attributes .intelligence	{color: hsla(210, 100%, 18%, 1);}
.character-attributes .perception	{color: hsla(180, 100%, 15%, 1);}
.character-attributes .resolve		{color: hsla(153, 45%, 18%, 1);}
.character-attributes .presence		{color: hsla(291, 100%, 9%, 1);}
.character-attributes .manipulation	{color: hsla(90, 18%, 18%, 1);}
.character-attributes .composure	{color: hsla(180, 18%, 18%, 1);}


/********* Navigation *********/

#pun-navlinks {
	height: 30px; width: 846px; 
	position: absolute; top: 241px; left: calc(50% - 846px / 2);
	padding-top: 5px; box-sizing: border-box; 
	text-transform: uppercase; text-align: center;
	white-space: nowrap;}

#pun-navlinks li {display: inline-block;}
#pun-navlinks li a {
	color: #391f0b;
	margin: 0px -2px;
	text-decoration: none;
	text-shadow: 1px 1px 3px #d1b685, 0px 0px 1px #d1b685;
	font: normal var(--header-2-size)/100% Hagin;
}

#navadmin {position: absolute; top: -123px; right: -77px;}
#navadmin a span {display: none;}
#pun-navlinks #navadmin a {
	width: 41px; height: 60px; display: block; margin: 0px;
		background: url(http://fergar.f-rpg.me/files/0011/46/22/58290.jpg);}


#pun-ulinks {
	width: 864px; 
	position: absolute; top: 288px; left: calc(50% - 864px / 2);
	text-align: center;}

#pun-ulinks li {display: inline-block;}

#pun-ulinks li a {
	color: #a27758;
	font: normal 19px Hagin;
	text-decoration: none;
	text-shadow: 0px 0px 6px black, 0px 0px 6px black;
	opacity: 0.81;
}
#pun-ulinks li a:hover {color: #C59775;}

a[href*="profile.php?section=uploads"] {display: none;}

/********* User Inputs and Profile *********/

#profile legend {display: none;}
#profile p {margin-bottom: 9px;}

input[type="submit"], .button, button {	
	border: var(--button-border); 
	border-bottom-width: 2px;
	border-radius: 3px;
	background: var(--button-background);
	box-shadow: var(--button-box-shadow);
	padding: 1px 6px 6px 6px;
	margin: 0px 3px;
	font: normal 24px/18px "Roman Script";
	text-transform: uppercase;
 	color: var(--button-color);
	text-shadow: var(--button-text-shadow);
	cursor: pointer;
	outline: none;
}

input[type="submit"]:hover, .button:hover {
	background: rgba(97, 155, 12, 0.45);  color: #CEEE7D; font-weight: normal !important;
	text-shadow:
		0px 1px 1px rgba(21, 44, 0, 1),
		0px 1px 1px rgba(159, 218, 131, 0.36),
		0px 0px 12px #2A5309;  
	box-shadow: inset 0px 0px 3px 1px #C1E680, 0px 0px 3px #946535;}

input[type="text"], select, textarea {
	border: 1px solid #6D5B43;
	border-radius: 6px;
	background: var(--text-area-background);
	box-shadow: var(--button-box-shadow);
	color: hsl(26, 68%, 13%);
	padding: 3px 6px 3px 6px;
	outline: 0;
}

#profile > form, #profile > .container {padding-left: 180px;}
#profilenav {
	float: left;
	margin: 3px 0px 9px -171px;
	font: normal 18px/25px Roman Script;
	text-align: center;
}

#profilenav a {text-decoration: none;}
#profilenav h2 {margin-bottom: 9px;}

div#pun-break3 {clear: both;}
fieldset {padding: 9px;}
p.formsubmit {padding: 9px;}

#profile > form .pa-avatar {float:right; padding-right: 9px;}

#main-reply {width: 99% !Important;}

#pun #profile-left {padding: 36px 18px !important; text-align: center; width: 160px;}
#pun #profile-left strong {font-weight: normal !important; font-size: 1em !important;}
#profile-right {padding: 36px 0px 0px 72px !important;}
#profile-right li {margin-bottom: 9px;}
#profile-left > li {display: none;}
td#profile-right span {display: inline-block;width: 158px;}



/********* Personal Messages *********/

#pun-messages #profile > .container {padding-left: 180px;}
form#messages {margin-left: 18px;}
#pun-messages .postlink {margin-top: 9px;}
#pun-messages h2 {margin: 18px 0px 9px 0px}

#pun-messages .pa-reg, #pun-messages .pa-posts, #pun-messages .pa-online {display: none;}

#pun-messages thead {display: none;}
#pun-messages .hasicon tr {width: 829px;}
#pun-messages .tc2.pmtc22 {width: 250px !important;}

#pun-messages .post {
	background: none;
	margin: 0px;
	width: 820px;
	padding: 63px 0px 18px 0px;
}

#pun-messages .post h3 {
	top: 25px;
	left: -40px;
}

#pun-messages .post::after {
	top: -6px;
	left: -245px;
}

#pun-messages .post-body {padding-top: 0;}

legend#message-title {display: block;  padding: 0px; position: relative;}
#message-title strong {
	display: block;
	width: 838px;
	height: 52px;
	font: normal var(--header-2-size)/100% Hagin;
	text-align: center;
	color: var(--caption-color);
	box-sizing: border-box;
	position: absolute;
	top: 32px;
}

#message-title strong::after {
	content: "";
	display: block;
	background: url(/files/0011/46/22/58570.png) no-repeat;
	width: 838px;
	margin: 6px 0px 0px -27px;
	background-position: 100% -40px;
	height: 12px;
}

/********* Announcement *********/

#pun-announcement h2 {display: none;}

#pun-status .item2 {display: none;}
#pun-status {float: right; padding-right: var(--paper-padding);}
#pun-crumbs1 {padding-left: var(--paper-padding);}
div#pun-crumbs2 {padding: 0px 15px 15px 15px;}


#announcement-tabs {
	display: inline-block;
	width: 891px;
	padding: 0px 0px 9px 9px;
	position: relative;
	box-sizing: border-box;
}

#announcement-buttons {
	display: inline-block;
	vertical-align: top;
	padding: 0px 0px 9px 0px;
	width: 160px;
}

.tab-button {
	font: normal var(--header-3-size) Hagin;
	text-align: center;
	text-shadow: 0px 1px 1px #c4a579, 0px 1px 2px #c4a579;
	cursor: pointer;
	padding: 1px 4px 2px 4px;
}

.tab-button:hover, .tab-button.active {font-weight: normal;}

.tab-content {display: none;}
.tab-content.active {display: block;}

#pun-announcement .DivisorAncorarum + .ancora {padding-left: 3px;}

#tempus {font: bold 18px/100% Roman Script; text-align:center; padding-bottom: 3px;}
#citatio {
	text-align: center; font: bold 20px/100% Roman Script; text-transform: uppercase;
	margin: -3px 0px 6px 0px;}

#introduction-box {
	margin: 9px 3px;
}

/********* Secondary Pages *********/

#pun-online .tc3 {text-align: right; width: 286px;}
#pun-online .tcl {width: 387px !important;}

.category h2, #pun-stats h2, #pun-main > h1, #post-form h2 {
	text-align: center;
	font: normal var(--header-1-size) Hagin;
	text-transform: uppercase;
	box-sizing: border-box;
	width: 1092px;
	height: 82px;
	background: url(/files/0011/46/22/82714.png) no-repeat;
	margin: 0px 0px -25px 0px;
	padding-top: 21px;
	color: var(--caption-color);
}

#pun-online #pun-main > div {
	padding: var(--paper-padding);
}

.info {
	padding: 6px var(--paper-padding);
}

#pun-pages #pun-crumbs1, #pun-pages #pun-crumbs2, #pun-pages #pun-status {display: none;}

#post-preview .post-box {width: 820px; margin: auto;}



/********* Secondary Styles *********/

.hidden {display: none;}

.header + br, .caption.type-1 + br, .caption.type-2 + br {display: none;}

.caption {
	color: var(--caption-color);
	text-shadow: none;
}

.caption.type-1 {
	font: normal var(--header-3-size)/100% Hagin;
	text-align: center;
}

.level-2 ~ .caption.type-1 {
	margin-top: 6px;
	margin-bottom: 9px;
}

.caption.type-2 {
	font: normal var(--header-3-size) Hagin;
	margin-top: 9px;
}

.caption.type-3 {
	font: normal var(--header-4-size) Hagin;
	display: inline-block;
	margin-bottom: -3px;
	margin-top: 9px;
}

.level-1 {
	margin: 9px 0px 0px -9px;
	width: 837px;
	height: 72px;
	padding: 13px 16px 0px 9px;
	font: normal var(--header-1-size) Hagin;
	color: var(--caption-color);
	text-shadow: none;
	text-align: center;
	background: url(http://fergar.f-rpg.me/files/0011/46/22/11633.png) no-repeat left bottom;
	box-sizing: border-box;
}

p:first-child .level-1 {
	margin-top: -13px;
}

.level-2 {
	width: 830px;
	height: 52px;
	padding: 9px 9px 2px 0px;
	margin: 15px 0px 3px -2px;
	font: normal var(--header-2-size) Hagin;
	text-shadow: none;
	text-align: center;
	color: var(--caption-color);
	background: url(http://fergar.f-rpg.me/files/0011/46/22/58570.png) no-repeat center;
	box-sizing: border-box;
}

.level-2 + .quote-box {margin-top: 9px;}

table + .level-2 {margin-top: -9px;}



.counter, .indent {
	display: inline-block;
}

.indent {
	width: 3ch;
}

.post, blockquote {counter-reset: list-counter;}
.counter-reset {counter-reset: list-counter;}
.counter-reset + br {display: none;}

.counter {counter-increment: list-counter;}

.counter::before {
	content: counter(list-counter)":";
	display: inline-block;
	width: 18px;
	text-align: right;
	margin-right: 6px;
	font: normal 16px Hagin;
}

#housestyle-area, #emoticon-area {
	position: absolute;
	right: -2px;
	font: bold 18px/100% Roman Script;
}

#emoticon-area {max-width: 450px;}

#housestyle-area p {cursor: pointer;}
#housestyle-area p:hover {color: black;}

#housestyle-button {background: url(http://fergar.f-rpg.me/files/0011/17/07/70546.png) no-repeat center;}
#emoticon-button {background: url(http://orig11.deviantart.net/97a0/f/2011/051/1/d/_tinyrainbowsheep__army_plz_by_meninasuitcase-d39ymrk.gif) no-repeat center;}

#emoticon-area img {
	display: inline-block;
	padding: 9px;
	margin: -3px;
	cursor: pointer;
}

#emoticon-area img:hover {
	filter: drop-shadow(0px 0 6px #aeffa6) drop-shadow(1px 1px 3px #a6ffa1);
}




#hotstring-explanation {text-align: center;}
#hotstring-explanation span {
	display: inline-block;
	width: 33%;
	margin-top: 6px;
}

#hotstring-explanation strong {
	display: inline-block;
	width: 50px;
}



#toc {
	margin-top: 9px;
}

#toc a {
	font: normal var(--header-4-size) Hagin;
	text-decoration: none;
}

#toc > ul > li a {
	font: normal var(--header-3-size) Hagin;
	line-height: 100%;
	text-decoration: none;
	position: relative;
}

#toc ul:empty {padding: 0px 0px 3px 15px;}

#toc ul:not(:empty) {
	margin-bottom: 9px;
}

#toc > ul > li::before {
	content: "--";
	font: normal var(--header-3-size) Hagin;
	letter-spacing: -3px;
	padding-right: 6px;
	}

#toc ul ul {padding: 0px 0px 0px 22px;}

#toc ul ul li::before {content: "--"; letter-spacing: -3px; padding-right: 6px;}

#toc ul ul li::before {font: bold 18px/50% "Old Newspaper";}

img.postimg {vertical-align: middle; margin: 0px !important;}

span[style*="font-size"] {line-height: 100%;}

/* tooltips */
.explanator {
	--tip-margin: -3px;
	display: inline-block;
	margin: -3px 0px;
	border-bottom: 1px solid #3a5433;
	box-shadow: 0px 1px 0px #3a54333d;
	border-radius: 3px 3px 0px 0px;
	cursor: help;
}

.explanator:hover {
	border-color: #c5b864;
	position: relative;
}

.explanator:hover .tooltip {
	display: block;
	width: max-content;
}

.explanator .tooltip {
	font: bold 18px/100% Roman Script;
	color: var(--caption-color);
	display: none;
	pointer-events: none;
	white-space: nowrap;
	position: absolute;
	text-align: center;
	padding: 3px 6px 6px 6px;
	border-radius: 9px;
	border: var(--button-border);
	box-shadow: var(--active-box-shadow);
	background: url(http://fergar.f-rpg.me/files/0011/46/22/49487.jpg) -50px 0px;
}

span.explanator[data-position="top"] .tooltip {
	top: 0;
	left: 50%;
	transform: translate(-50%, -100%);
}

span.explanator[data-position="bottom"] .tooltip {
	bottom: var(--tip-margin);
	left: 50%;
	transform: translate(-50%, 100%);
}

span.explanator[data-position="right"] .tooltip {
	top: 50%;
	right: var(--tip-margin);
	transform: translate(100%, -55%);
}

span.explanator[data-position="left"] .tooltip {
	top: 50%;
	left: var(--tip-margin);
	transform: translate(-100%, -55%);
}



/* armor and weapon tag */
.armor-table, .weapon-table {
	background: hsla(45, 43%, 78%, 0.09);
	padding: 6px 6px 0px 6px;
}

.armor-table [data-name="name"] {
	font: italic bold 16px Roman Script;
}

.armor-table div {
	text-shadow: none;
	display: inline-block;
}

.armor-table [data-name="value"] {
	margin-right: 18px;
	font: bold 18px/16px Roman Script;
}

.armor-table [data-name="value"]::before {
	content: "Б : ";
	font-size: 16px;
}

.armor-table p {
	padding-left: 52px;
}

.weapon-table p {
	padding-top: 6px;
	width: 100%;
}

.weapon-table {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.weapon-table .section div {display: inline-block;}
.weapon-table .section div:empty {display: none;}

.weapon-table .section div::before, .weapon-table .section div::after {
	font: bold italic 16px/100% Roman Script;
}

.weapon-table .section:last-of-type div {
	font-size: 18px;
	width: 54px;
}

.weapon-table [data-name="name"], .weapon-table [data-name="reach"] {
	font: bold italic 18px/100% Roman Script;
}

.weapon-table [data-name="reach"] {letter-spacing: 3px;}
.weapon-table div[data-name="reach"]::before {content: "[";}
.weapon-table div[data-name="reach"]::after {content: "]";}

.weapon-table [data-name="multiplier"]::before {
	content: "М: ";
}

.weapon-table [data-name="cut"]::before {
	content: "В: ";
}

.weapon-table [data-name="thrust"]::before {
	content: "У: ";
}



/* Dice Roller */
.dice-box div:not([data-name="description"]) {
	color: var(--caption-color);
	text-align: center;
	font-family: Hagin;
}

.dice-box .roll-container {
	display: inline-flex;
	flex-wrap: wrap;
	justify-content: center;
}

.dice-box .roll-container::before {
	content: "Брошено кубиков:";
	display: block;
	width: 100%;
}

.dice-box .roll-container .standard {
	order: 2;
}

.dice-box .roll-container .explanator {
	margin: 3px 0px 0px 0px;
}

.dice-box .roll-container [data-name="strong"]::after {content: " сильных";}
.dice-box .roll-container [data-name="standard"]::after {content: " обычных";}

.dice-box .roll-container :empty, .dice-box .roll-container ~ .line-divider {
	display: none;
}

.dice-box .roll-container .line-divider {
	margin: 3px 6px 0px 6px;
}

.dice-box .roll-container, .dice-box [data-name="value"] {
	width: 49%;
	vertical-align: middle;
	font-size: var(--header-4-size);
}

.dice-box [data-name="value"]::before {
	content: "Получено успехов:";
	margin-right: 9px;
}

.dice-box [data-name="value"] {display: inline-block;}

.dice-box [data-name="caption"] {
	height: 36px;
	background-position: 0px 0px;
	margin: 0px 0px 6px 0px;
	font: normal var(--header-2-size) Hagin;
}

.dice-box [data-name="description"] {
	margin-top: 18px;
	padding-left: 18px;
}

.dice-box [data-name="description"]:empty {display: none;}

.dice-box::before, .dice-box::after {
	content: "";
	display: block;
	background: url(/files/0011/46/22/58570.png) no-repeat;
	width: 820px;
	margin: 6px 0px 0px 9px;
}

.dice-box::before {
	height: 39px;
	margin-bottom: -27px;
}

.dice-box::after {
	background-position: 100% -40px;
	height: 12px;
	opacity: 0.5;
}

#dice-form {
	margin-top: 9px;
	text-align: right;
	color: var(--caption-color);
}

#dice-form span {
	font: normal 16px Hagin;
}

#dice-form div {
	display: inline-block;
	vertical-align: top;
}

#dice-form div:nth-child(1) {
	width: 220px;
	margin-right: 27px;
}

#dice-form div:nth-child(2) {
	width: 768px;
}

#dice-form div:nth-child(1) label {
	margin-bottom: 12px;
	display: block;
}

#dice-form div:nth-child(1) input:not([name="caption"]) {
	width: 22px;
}

/********* Special Styles *********/

.floater {position: relative;}
.floater + br {display: none;}
.floater.left {float: left; margin: 9px 9px 0px 0px;}
.floater.right {float: right; margin: 9px 0px 0px 9px;}

.floater img {
	border-radius: 10px;
}

.floater::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	border: var(--button-border);
	border-radius: 9px;
	box-shadow: inset 0px 0px 12px -3px hsla(45, 45%, 72%, 1),   0px 0px 6px  var(--shadow-color-072),   0px 0px 0px 1px var(--shadow-color-027);
	pointer-events: none;
}

#p157 #toc ul ul, #p38 #toc ul ul {
	margin-left: -49%;
	margin-top: 27px;
	margin-bottom: 12px;
}

#p157 #toc > ul > li, #p157 #toc ul ul, #p38 #toc > ul > li, #p38 #toc ul ul {
	display: inline-block;
	vertical-align: top;
	width: 49%;
	box-sizing: border-box;
}

#topic_13 .floater::before {content: none;}

#topic_15 .floater, #topic_61 .floater {margin: 9px 18px 0px 0px;}

#topic_15 span[style*="text-align"] {position: relative; margin: 9px;}

#topic_15 .floater::after, #topic_15 span[style*="text-align"]::after, #topic_61 .floater::after {
	content: ""; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px;
	border: 1px solid #6E4419; border-radius: 6px;
	box-shadow: inset 0px 0px 3px 1px #CEB68B, 0px 0px 6px 0px #97744e;}



.post h3 .divider::before {
	content: "¦";
	margin: 0px 3px;
}

.ad-thread-link::before {
	content: "Взаимная Реклама";
}



/********* Cults *********/
 
div#Aurora_Sanguinea {
	height: 255px;
	padding: 130px 0px 0px 0px;
	margin-bottom: -63px;
	/* position: relative; */
	color: #5C200D;
	background: url(http://fergar.f-rpg.me/files/0011/46/22/40267.png) left bottom;
}

#Aurora_Sanguinea ~ .caption .explanator {color: #5C200D;}

div#Sodalitas_Imaginum_Candidarum {
	padding: 136px 0px 50px 48px;
	color: rgb(45, 39, 29);
	background: url(/files/0011/46/22/28143.png);
	margin-top: -45px;
	height: 196px;
}

div#Saga_Viridia {
	position: relative;
	color: #353707;
	background: url(https://i.imgur.com/fplv3AM.png);
	height: 166px;
	padding-top: 22px;
	margin-bottom: -81px;
	pointer-events: none;
}

#Saga_Viridia ~ .caption.type-1 {
	color: #353707;
}

div#Consortio {
	height: 247px;
	background: url(https://i.imgur.com/pLVXcjp.png);
	margin-top: -53px;
	padding-top: 187px;
}



/********* Character Sheet Form *********/

#character-sheet {
	text-align: center;
	position: relative;
}

form#character-sheet::before {
	content: "";
	width: 6px;
	position: absolute;
	top: 34px;
	bottom: 0px;
	right: 125px;
	pointer-events: none;
	background: url(http://fergar.f-rpg.me/files/0011/46/22/88086.png) repeat-y;
}

#character-sheet textarea {
	font: normal 16px/18px Roman Script;
	margin: auto;
	max-width: 820px;
}

#character-sheet .header {
	margin-right: auto;
	margin-left: auto;
}

#character-sheet [name="name"] {
	font: bold 27px Roman Script;
	color: var(--caption-color);
	text-align: center;
	display: block;
	margin: -55px auto 18px auto;
	padding: 0px 0px 12px 0px;
	height: 20px;
}

#character-sheet [name="motto"] {
	font: bold 25px Roman Script;
	display: block;
	margin: 0px auto 9px auto;
	text-align: center;
	height: 10px;
	padding-bottom: 12px;
}

#character-sheet [data-name="Раса"],
#character-sheet [data-name="Возраст"],
#character-sheet [data-name="Род занятий"] {
	text-align: left;
	width: 600px;
	margin: 9px auto;
}

#character-sheet label {
	display: block;
	margin: 9px 0px;
	text-align: center;
}

#character-sheet label::before {
	content: attr(data-name)":";
	display: inline-block;
	width: 140px;
	vertical-align: top;
	text-align: right;
	font: normal var(--header-4-size) Hagin;
	padding-right: 9px;
	color: rgb(53, 25, 3);
}

#character-sheet label:nth-of-type(1)::before, #character-sheet label:nth-of-type(2)::before {
	display: none;
}

#character-sheet label:nth-of-type(1), #character-sheet label:nth-of-type(2) {
	margin-top: 0;
}

#character-sheet .level-2 ~ label::before{
	content: attr(data-name)":";
	display: block;
	text-align: left;
	width: 200px;
	margin-left: 135px;
}

#age-tip, #birth-tip {
	text-align: center;
	display: inline-block;
}

span#age-tip {
	width: 71px;
	margin-left: 154px;
}

span#birth-tip {
	width: 295px;
}

#reveal-button::before {
	content: "Показать ";
}

#reveal-button.active::before {
	content: "Скрыть ";
}

#character-sheet #error-panel:empty {display: none;}

#character-sheet #error-panel {
	width: 670px;
	margin: 9px auto;
	padding: 9px 12px 11px 12px;
	border: 1px solid #500000;
	border-radius: 6px;
	background: rgba(255, 0, 0, 0.36);
	color: #ffffff;
	box-shadow: inset 0px 0px 3px 1px #ff9a9a, 0px 0px 3px #976D42;
	text-shadow: 1px 1px 1px black;
}



/********* Admin Styles *********/

.punbb-admin #pun-crumbs1 {display: none;}

.adformal h2, #pun-adnav h2 {display: none;}
#pun-admain fieldset, .adcontainer, .adformal {border-style: none !important;}
#pun-admain legend span {background: transparent !important;}

#pun-admain fieldset p {
	border-color: transparent !important;
	background-color: transparent !important;}

#pun-admain a {color: #331B00 !important;}

#pun-admain textarea, #pun-admain input, #pun-admain select, #pun-admain optgroup {font: normal 1em Roman Script !important;}

textarea {tab-size: 12px;}

#pun-admain .adlabel {margin-left: 0 !important;}
#pun-admain fieldset p {border-left-width: 0 !important;}
#pun-admain span.adsubmit {position: initial !important;}


/********* Ad Styles *********/
#pun-title {position: absolute; top: 0px; left: 0px;}
#pun-stats + .section, .punbb div.section:nth-last-child(6):not(#pun-stats) {
	height: 0px; height: 0px; position: absolute; bottom: -25px;
	width: 1138px; left: 0;}

#pun-break2 + .section {
	margin-left: 6px;
}

#pun-pages #pun-break2 + .section {
	padding: 0 !important;
}

#pun-about {
	position: absolute; bottom: -27px; right: 9px; color: #a27758;
	text-decoration: none; text-shadow: 0px 0px 6px black, 0px 0px 6px black;
	opacity: 0.72;}
#pun-about a {color: #a27758;}

#pun-admain {display: block !important; visibility: visible !important;}

#login .infofield {display: none;}

[style*="text-align"] {max-width: 100%;}

/* banners */
#banners {
	position: absolute;
	bottom: -45px;
}

#banners a {
	opacity: 0.7;
	padding: 0;
	display: inline-block;
}


#banners img {
	display: block;
}

#banners a:hover {
	opacity: 1;
	background: none;
	box-shadow: none;
	border: none;
}