html{
	height: 100vh;
}
body {
	height: auto;
	min-height: 100vh;
	background: #e2e7f0;
	width: 100%;
	overflow: scroll;
	font-family: 'Lato', sans-serif;
	position: auto;
}
p {
	margin-bottom: 1rem;
	margin-block-start: 0;
	margin-block-end: 0;
	margin-inline-start: 0;
	margin-inline-end: 0;
}
.wtfRow {
	border-top: 1px solid dodgerblue;
	border-bottom: 1px solid dodgerblue;
	padding: 0rem;
	display: block;
}
span.flotaButton {
	float: left;
}
/* flex types and sizes */
.flex0 { flex-grow: 0 !important; }
.flex1 { flex: 1 0 !important; }
.flex2 { flex: 2 0 !important; }
.flex3 { flex: 3 0 !important; }
.flex4 { flex: 4 0 !important; }
.flex5 { flex: 5 0 !important; }
.flex20 { flex: 0 20% !important; }
.flex30 { flex: 0 30% !important; }
.flex40 { flex: 0 40% !important; }
.flex50 { flex: 0 50% !important; }
.flex60 { flex: 0 60% !important; }
.flex70 { flex: 0 70% !important; }
.flex80 { flex: 0 80% !important; }
.flex90 { flex: 0 90% !important; }
.flex100 { flex: 0 100% !important; }

div.flexGrow { flex: auto; }

.fb100 { flex-basis: 100vh; }
.flexColumn { display: flex; flex-direction: column; }
.flexRow { display: flex; flex-direction: row; width: 100%; }
.flexCenter { align-items: center; justify-content: center; }
.flexFlex { display: flex; }
.flex { flex: 0 0 auto; }

/* Fonts */

.fs12 { font-size: 12pt !important; }
.fs14 { font-size: 14pt !important; }
.fs16 { font-size: 16pt !important; }
.fs17 { font-size: 17pt !important; }
.fs18 { font-size: 18pt !important; }
.fs20 { font-size: 20pt !important; }
.fs22 { font-size: 22pt !important; }
.fs24 { font-size: 24pt !important; }
.fs30 { font-size: 30pt !important; }
.fs40 { font-size: 40pt !important; }
.fsR2 { font-size: 1.5rem !important; }

@font-face { font-family: 'RPGAwesome'; src: url("/fonts/rpgawesome-webfont.woff") format('woff'); }

/* Margins */
.marT0 { margin-top: 0rem; }
.marT-5 { margin-top: .5rem; }
.marT1 { margin-top: 1rem; }
.marT2 { margin-top: 2rem; }
.marT3 { margin-top: 3rem; }
.marT4 { margin-top : 4rem; }
.marT10 { margin-top : 10rem; }
.marT13 { margin-top : 15rem; }
.marT15 { margin-top : 15rem; }

.marB0 { margin-bottom: 0rem; }
.marB-5 { margin-bottom: .5rem; }
.marB1 { margin-bottom: 1rem; }
.marB2 { margin-bottom: 2rem; }
.marB3 { margin-bottom: 3rem; }
.marB4 { margin-bottom: 4rem; }

.marL-5 { margin-left: .5rem; }
.marL1 { margin-left: 1rem; }
.marL2 { margin-left: 2rem; }
.marL3 { margin-left: 3rem; }
.marL4 { margin-left: 4rem; }

.marR-5 { margin-right: .5rem; }
.marR1 { margin-right: 1rem; }
.marR2 { margin-right: 2rem; }
.marR3 { margin-right: 3rem; }
.marR4 { margin-right: 4rem; }
.marR10P { margin-right: 10%; }

/* Paddings */
.padT0 { padding-top: 0rem !important; }
.padT-5 { padding-top: .5rem; }
.padT1 { padding-top: 1rem; }
.padT2 { padding-top: 2rem; }
.padT3 { padding-top: 3rem; }
.padT4 { padding-top : 4rem; }

.padB0 { padding-bottom: 0rem !important; }
.padB-25 { padding-bottom: .25rem; }
.padB-5 { padding-bottom: .5rem; }
.padB1 { padding-bottom: 1rem; }
.padB2 { padding-bottom: 2rem; }
.padB3 { padding-bottom: 3rem; }
.padB4 { padding-bottom: 4rem; }

.padL1 { padding-left: 1rem; }
.padL2 { padding-left: 2rem; }
.padL3 { padding-left: 3rem; }
.padL4 { padding-left: 4rem; }
.padL5 { padding-left: 5rem; }

.padR2 { padding-right: 2rem; }
.padR3 { padding-right: 3rem; }
.padR4 { padding-right: 4rem; }

/* Font Greys */
.grey1 { color: #111; }
.grey2 { color: #222; }
.grey3 { color: #333; }
.grey4 { color: #444; }
.grey5 { color: #555; }
.grey6 { color: #666; }
.grey7 { color: #777; }
.grey8 { color: #888; }
.grey9 { color: #999; }
.grey10 { color: #aaa; }
.grey11 { color: #bbb; }
.grey12 { color: #ccc; }
.grey13 { color: #ddd; }
.grey14 { color: #eee; }
.grey15 { color: #fff; }


/* other Edits */
.max100 { max-width: 100%; }
.fwB { font-weight: bold; }
.fB { font-weight: bold; }
.fI { font-style: italic; }

/* Paragraph Edits */
.LH1 { line-height: 1; }
.LH1-25 { line-height: 1.25; }
.LH1-5 { line-height: 1.5; }
.aCtr { text-align: center !important; }
.aR { text-align: right !important; }
.aL { text-align: left !important; }


/* Named Divs */
#over_box {
	max-width: 1200px;
	min-width: 800px;
	height: auto;
	min-height: 100vh;
	overflow: visible;
	background: white;
	margin: 0 auto;
	border-right: 1px solid #aaa;
	border-left: 1px solid #aaa;
}
#over_bar {
	background: #152e5a;
	height: 6rem;
	max-height: 6rem;
	z-index: 12;
}
#over_bar img {
	max-height: 3rem;
}
.over_bar_span {
	padding: .5rem;
}
#over_body {
	box-sizing: border-box;
}
#over_content {
	background: #fff;
}
#over_menu {
	border-right: 1px solid #aaa;
	background: #eaeaea;
	-webkit-box-shadow:inset -35px 0 35px -35px #999999;
	box-shadow:inset -35px 0 35px -35px #999999;
}
#footer {
	background: #152e5a;
	height: 3rem;
	max-height: 3rem;
}
#loginBox {
	height: 100%;
}
#loginForm {
	border-radius: 5px;
	box-shadow: -3px 3px 10px #888;
	width: 70%;
	padding: 1rem 2rem;
}
#welcomeBlock {
	background: white;
}

/* Divs */

.map {
	background: url('/images/palboria_2022_bg.jpg') top no-repeat !important;
	background-size: contain !important;
}
.pullBox {
	float: right;
	border: 3px solid;
	padding: 1rem;
	margin: 0 1rem 1rem 1rem;
	text-align: center;
}
.pullBox img {
	max-width: 5rem;
}

/* Paragraphs */
p.menuSectionTitle {
	color: #666;
}
p.menuItem a, p.menuHome a {
	text-decoration: none;
	color: #777;
}
p.menuItemActive {
	background: white;
	border-right: 3px solid dodgerblue;
}
p.menuItemActive span {
	color: #444;
}
p.menuItemActive .icon {
	color: dodgerblue;
}
p.padTitle {
	margin-top: 3rem;
}
p.titleBar {
	padding: 2rem 2rem 1rem 2rem;
	font-weight: bold;
	color: #ccc;
}
p.caption {
	margin: 0;
}
.titleBar a {
	color: #b9e0f0;
}
p.artHead ~ p.artHead {
    padding-top: 2rem !important;
}
.artHead2(:first-of-type) {
	padding-top: 0 !important;
}

/* Spans */ 
span.floatR {
	float: right;
}

/* Form Elements */
.loginButton, .formButton, .fuckButton {
	padding: 1rem 3rem;
	background-color: #b9e0f0;
	border-radius: 8px;
	border-top: 1px solid white;
	border-left: 1px solid white;
	border-bottom: 1px solid #11546f;
	border-right: 1px solid #11546f;
	display: inline-block;
}

.formButton {
	margin: 0rem 1.20rem .20rem 0rem;
}
.formButton:active {
	margin: .20rem 1rem 0rem .20rem !important;
	border-bottom: 1px solid white;
	border-right: 1px solid white;
	border-top: 1px solid #11546f;
	border-left: 1px solid #11546f;
}
.loginButton, .formatButton {
	float: left;
	margin: .5rem 1rem .20rem 0rem;
}
.loginButton:active, .formatButton:active {
	margin: .65rem .85rem .20rem .15rem;
}
.lineInput {
	width: 77%;
}
.lineInput2 {
	width: 90%;
}
.lineInput, .lineInput2, .textInput {
	padding: .5em;
	font-size: 14pt;
	border: 1px solid #888;
	border-radius: 3px;
}
.label {
	float: left;
	width: 6rem;
	text-align: right;
	margin-right: 1rem;
	padding-top: .5rem;
}
.textInput {
	width: 90%;
	height: 25rem;
}
.formatButton {
	border: 1px solid;
	border-radius: 3px;
	padding: .5rem 1rem;
	color: #888;
	font-weight: bold;
}
.templatePulldown {
	border: 1px solid;
	border-radius: 3px;
	padding: .25rem .5rem;
	color: #888;
	font-weight: bold;
	margin-top: .5rem;
}
.breadcrumb {
	margin-bottom: 2rem;
}

/* Material Icons */
.mI:before { font-family: "Material Icons"; }
.rpgA:before { font-family: "RPGAwesome"; } 
.icon:before {
	margin-right: .5rem;
	vertical-align: -10%;
}

.regions:before { content: "\ea99"; } 
.monsters:before { content: "\e9b3"; }
.ra-dagger:before { content: "\ea65"; }
.quickLinks:before { content: "\ea2d"; }
.forge:before { content: "\e9d3"; }
.users:before { content: "\ea6f"; }