/*////////////////////////////////////////////////////////////////////////////
// Version 1.0 Signed by Sid @ BENTO on 2025-08-15 T 20:04:24 -06:00
// Authentication (do not edit) $rJAAl/H2$
//////////////////////////////////////////////////////////////////////////////
//
// Copyright (c) 2025 by Sid Paral. All rights reserved
//
// Permission to use, copy, modify, and distribute this software for any
// purpose with or without fee is hereby granted, provided that the above
// copyright notice and this permission notice appear in all copies.
//
// THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
// WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
// MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
// ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
// WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
// ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
// OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
//
//////////////////////////////////////////////////////////////////////////////
//
// norge.css
//
////////////////////////////////////////////////////////////////////////////*/

:root						{
									--norge-color-break:		#AAA;
									--norge-color-fore-text:	#000;
									--norge-color-back-body:	#FFF;
									--norge-color-back-spine:	#DDE;
									--norge-color-back-upper:	#EFE;
									--norge-color-back-lower:	#FFD;
									--norge-color-link-reg:		#009;
									--norge-color-link-vis:		#339;
									--norge-color-link-hov:		#66F;
									--norge-color-link-act:		#F66;
									--norge-padding:			0.5rem;
									--norge-size-line:			0.1rem;
									--norge-font-size-text:		0.9rem;
									--norge-font-size-cap:		0.8rem;
							}

body 						{	background:				var(--norge-color-back-body);
								background-repeat:		no-repeat;
								background-attachment:	fixed;
								background-position:	center center;
								color:					var(--norge-color-back-text);
								margin:					0;
								padding:				var(--norge-padding);
								font-family:			Tahoma, Verdana, "Bitstream Vera Sans", "DejaVu Sans", Geneva, Arial, sans-serif;
								font-size:				var(--norge-font-size-text);
								text-align:				justify;
								position:				static;
							}

a							{	text-decoration: 		none; 	}
a:link						{	color:					var(--norge-color-link-reg);	}
a:visited					{	color:					var(--norge-color-link-vis);	}
a:hover						{	color:					var(--norge-color-link-hov);
								text-decoration:		underline;
							}
a:active					{	color:					var(--norge-color-link-act);	}
a:not([href])				{	text-decoration: 		none;
								color:					var(--norge-color-fore-text);
							}
*							{	box-sizing:				border-box;	}

/****************************************************************************/

#spine-pane					{	position:				static;
								display:				flex;
								flex-shrink:			1;
								flex-flow:				column nowrap;
								justify-content:		space-between;
								align-items:			center;
								padding:				var(--norge-padding);
								background-color:		var(--norge-color-back-spine);
							}
#whole-pane					{	position:				static;
								display:				flex;
								height:					100%;
								flex-grow:				1;
								flex-flow:				column nowrap;
								justify-content:		flex-start;
								align-items:			center;
							}
#upper-pane,
#sliver,
#lower-pane					{	position:				static;
								display:				flex;
								width:					100%;
								flex-flow:				row nowrap;
								justify-content:		flex-start;
								align-items:			flex-start;
							}
#upper-pane					{	height:					60%;
							}
#sliver						{	height:					var(--norge-size-line);
								background-color:		var(--norge-color-back-spine);
							}
#lower-pane					{	height:					calc(40% - 1px);
							}
iframe.in-pane				{	position:				static;
								display:				flex;
								width:					100%;
								height:					100%;
								border:					0;
							}
body.main					{
								position:				fixed;
								width:					100%;
								height:					100%;
								display:				flex;
								flex-flow:				row nowrap;
								padding:				0;
							}
body.upper					{	background-color:		var(--norge-color-back-upper);
							}
body.lower					{	background-color:		var(--norge-color-back-lower);
							}

/****************************************************************************/

img.in-spine				{	width:					2.5rem;
								height:					auto;
							}
.tit-bar					{	width:					100%;
								display:				flex;
								flex-flow:				row wrap;
								justify-content:		space-between;
								align-items:			center;
							}
.tit-txt					{	font-size:				1.6rem;
								font-weight:			bold;
								font-variant-caps:		small-caps;
							}
.subtit-txt					{	font-size:				1.5rem;
								font-weight:			bold;
							}
.tit-launch					{	display:				flex;
								flex-flow:				row wrap;
								justify-content:		flex-end;
								align-items:			center;
							}
.spi-launch					{	display:				flex;
								flex-flow:				column wrap;
								justify-content:		flex-start;
								align-items:			center;
							}
.launch						{	display:				flex;
								flex-flow:				column nowrap;
								justify-content:		center;
								align-items:			center;
								border:					0.25rem solid var(--norge-color-break);
								border-radius:			0.75rem;
							}
.tit-launch .launch			{	margin-left:			var(--norge-padding);
							}
.spi-launch .launch			{	margin-bottom:			var(--norge-padding);
							}
a:hover > .launch			{	border-color:			var(--norge-color-link-hov);
							}
a:active > .launch			{	border-color:			var(--norge-color-link-act);
							}
.launchicon					{	width:					1.5rem;
								height:					auto;
								margin:					0.25rem;
							}
.indexicon					{	width:					1.0rem;
								height:					auto;
								margin-right:			0.25rem;
							}
.linkicon					{	width:					1.0rem;
								height:					auto;
							}

h1							{	font-weight:			bold;
								font-variant-caps:		small-caps;
							}
.ill-l,
.ill-r						{	display:				flex;
								flex-flow:				column nowrap;
								padding:				var(--norge-padding);
							}
.ill-r						{	text-align:				right;
								float:					right;
								padding-right:			0px;
							}
.ill-l						{	text-align:				left;
								float:					left;
								padding-left:			0px;
							}
.ill-cap					{	font-style:				italic;
								font-size:				var(--norge-font-size-cap);
								margin-top:				var(--norge-padding);
								box-sizing:				border-box;
								width:					0px;
								min-width:				100%;
							}
.member						{	display:				flex;
								flex-flow:				row nowrap;
								justify-content:		flex-end;
								align-items:			flex-start;
							}
.memcard					{	flex-shrink:			1;
								text-align:				left;
							}
.faces						{	flex-grow:				1;
								display:				flex;
								flex-flow:				row wrap;
								justify-content:		flex-end;
								align-items:			flex-start;
							}
.face						{	margin-left:			var(--norge-padding);
								margin-bottom:			var(--norge-padding);
								flex-shrink:			1;
							}
#threemonths				{	width:					100%;
								display:				flex;
								flex-flow:				row nowrap;
								justify-content:		center;
								align-items:			center;
							}
.calenmon					{	border:					var(--norge-size-line) solid var(--norge-color-break);
								border-collapse:		collapse;
							}
.calenmon td				{	border:					var(--norge-size-line) solid var(--norge-color-break);
								text-align:				center;
								padding:				0.25rem;
							}
.half-idx					{	display:				flex;
								flex-flow:				row nowrap;
								justify-content:		space-between;
								align-items:			flex-start;
							}
.idx						{	display:				flex;
								flex-flow:				column nowrap;
								justify-content:		flex-start;
								align-items:			flex-start;
							}
.idx > a					{	display:				flex;
								flex-flow:				row nowrap;
								justify-content:		flex-start;
								align-items:			center;
							}
p > sub,
p > sup						{	font-size:				0.6em;					}
.intexttop					{	vertical-align:			text-top;				}
.intextbottom				{	vertical-align:			text-bottom;			}
.blinker					{	animation:				blinker 1s linear infinite;
								color:					yellow;
							}
@keyframes blinker			{	50% { opacity: 0; } }

/****************************************************************************/

.break						{
								display:				flex;
								flex-flow:				row nowrap;
								width:					100%;
								height:					var(--norge-size-line);
								background-color:		var(--norge-color-break);
								margin-top:				var(--norge-padding);
								margin-bottom:			var(--norge-padding);
							}
.clear						{	clear:					both;	}
.clear-left					{	clear:					left;	}
.clear-right				{	clear:					right;	}

.cent						{
								display:				block;
								width:					100%;
								text-align:				center;
							}
.signed						{
								display:				block;
								width:					100%;
								text-align:				right;
							}
dt							{	font-weight:			bold;
							}

/****************************************************************************/