img {
	}

image.tallGallery {
	}

img.centered {
	margin:					auto;
	display:				block;
	}

/** ==== tags regarding image transformations ============================= **/

img.flipped-x {
	transform:				scaleX(-1);
	}

img.flipped-y {
	transform:				scaleY(-1);
	}

/** ==== tags regarding gallery images ==================================== **/

img.gallery {
	width:					200px;
	max-height:				220px;
	}

img.galleryNarrow {
	width:					100px;
	}

img.galleryWide {
	width:					400px;
	}

img.gridThumb {
	border-width:			2px;
	border-style:			solid;
	border-color:			black;
	max-height:				170px;
	max-width:				170px;
	}

img.gridThumb:hover {
	border-color:			red;
	}

img.gridNoThumb {
	width:					100px;
	}

img.gridNoItem {
	text-align:				center;
	max-width:				250px;
	}

/** ==== tags for the header images ======================================= **/

img.logo {
	vertical-align:			middle;
	}

img.cardSub {
	border:					0;
	position:				absolute;
	top:					70px;
	left:					30px;
	transform:				scale(0.45);
	}

span.cardSub {
	text-align:				center;
	font-weight:			bolder;
	line-height:			0.8;
	font-family:			serif;
	font-size:				32px;
	text-shadow:			2px 2px 4px black;
	color:					yellow;
	position:				absolute;
	top:					235px;
	left:					215px;
	}

img.forum {
	border:					0;
	position:				absolute;
	top:					140px;
	right:					100px;
	transform:				scale(0.65);
	}

span.forum {
	text-align:				center;
	font-weight:			bolder;
	line-height:			0.8;
	font-family:			serif;
	font-size:				32px;
	text-shadow:			2px 2px 4px black;
	color:					yellow;
	position:				absolute;
	top:					235px;
	right:					215px;
	}

img.feedback {
	border:					0;
	position:				absolute;
	top:					110px;
	left:					100px;
	transform:				scale(0.5);
	}

span.feedback {
	font-family:			sans-serif;
	font-size:				36px;
	text-shadow:			1px 1px 2px black, 0 0 25px red, 0 0 5px darkred;
	color:					yellow;
	position:				absolute;
	top:					210px;
	left:					140px;
	}

/** ==== some special effects ============================================= **/

.galleryBar {
	background-position:	center;
	height:					60px;
	background-image:		url('../images/topBorder.gif');
	background-repeat:		no-repeat;
	background-size:		contain;
	background-clip:		border-box;
	border:					0;
	margin:					0 auto;
	font-family:			'Arial Narrow', sans-serif;
	font-size:				32px;
	text-shadow:			4px 4px 25px white, 0 0 10px lightgreen, 0 0 10px green;
	color:					black;
	text-align:				center;
	vertical-align:			sub;
	font-weight:			bold;
	font-stretch:			extra-condensed;
	line-height:			2.3;
	opacity:				0.7;
	}

div.stickyBar {
	position:				sticky;
	}

/** ==== end of duocument ================================================= **/