/* ROOTREST */
table {
	border-spacing: 0 0;
	margin: auto;
	width: 100%;
}
table.cookietable {
	max-width: 50%;
	text-align: left;
}
table tr th {
	border: 2px solid var(--themecolor);
	background-color: var(--dimlight);
	text-align: left;
	padding: 2px;
}
table tr td {
	font-size: 80%;
	overflow-wrap: anywhere;
	border: 1px dotted var(--themecolor);
	background-color: var(--light3);
	padding: 2px;
}
code {
	display: inline-flex;
/*	width: auto;*/
	max-width: 80%;
	border: 1px outset var(--darkest);
	margin-top: 0.2em;
	padding: 0.2em 0.4em 0.2em 0.4em;
	font-family: monospace;
	font-size: 100%;
	background-color: var(--evenlighter);
	color: var(--shoutcolor2);
	white-space: nowrap;
    overflow-x: auto;
}
samp {
	display: inline-block;
	padding: 0.2em 0.4em 0.2em 0.4em;
	font-size: 100%;
	background-color: var(--lighter);
}
hr {
	width: 60%;
	text-align: center;
	margin: 4em auto 4em auto;
    border: none;
    border-top: 3px dotted var(--outstanding);
}
.realbutton {
    appearance: none;
    padding: 0.2em 1em 0.2em 1em;
	margin: 0.2em auto 2em auto;
    border: 2px outset var(--verylight);
    border-radius: 5px;
    cursor: pointer;
}
.realbutton:hover {
    border: 2px inset var(--verylight);
	border-top-width: 1px;
	border-left-width: 1px;
    border-bottom-color: var(--light);
	border-right-width: 3px;
	border-bottom-width: 3px;
    border-right-color: var(--light);
    cursor: pointer;
}
.svg {
	margin: 0;
	border: 0;
}
.svgbutton {
	border: 4px outset var(--middle);
	border-radius: 15%;
	transform: translateY(0.3em);
}
.svgbutton:hover {
	border: 4px inset var(--middle);
}
#aside1, #aside2, #aside3, #aside4 {
	margin-top: 2em;
}
#aside1 p {
	margin-top: 1em;
}
#aside2 p, #aside3 p {
	margin-top: 0;
}
#aside4 p {
	margin-top: -30px;
	margin-left: 0.6em;
}
#aside1 a:hover, #aside4 a:hover {
	background: none;
	border: none;
}
.itemhead {
	font-weight: bold;
	color: var(--darkest);
}
.itemtext {
	font-weight: normal;
	font-style: italic;
}
small {
	font-size: 0.9em;
}
.calligraphy {
	margin-right: -2px;
	color: var(--shoutcolor);
	font-size: 4em;
}	
.calligraphy2 {
	margin-right: 0;
	color: var(--shoutcolor);
	font-size: 2em;
}	
#abusedipdb {
	width: 200px;
	height: 50px;
	border: 4px outset var(--darkish);
	box-shadow: 2px 2px 1px 1px rgba(0, 0, 0, .2);
	background-color: var(--attention);
}
#abusedipdb:hover {
	border: 4px inset var(--darkish);
}
.noliststyletype {
	list-style-type: none;
}
.marquee {
    overflow: hidden;
    display: inline-block;
    animation: scroll 10s linear infinite;
	text-shadow: 1px 1px 0 #ccc, 2px 2px 0 #999;
    transform: rotate(0.5deg);
	font-size: 2em;
}
@keyframes scroll {
    0% { transform: translateX(100%); }
    100% { transform: translateX(-100%); }
}
.blink {
    -webkit-animation: blink .75s linear infinite;
    -moz-animation: blink .75s linear infinite;
    -ms-animation: blink .75s linear infinite;
    -o-animation: blink .75s linear infinite;
    animation: blink .75s linear infinite;
}
@keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}
.mojeeksvg {
	width: 200px;
	height: auto;
	padding-bottom:5px;
}
.mojeekdiv a:hover {
	background: none;
	border: none;
}
.nothingtosee {
	display: none;
}
.arrowup {
	position: fixed;
	top: 2em;
	right: 2.6em;
	margin: -10px -6px -10px -6px;
	font-size: 1.4em;
}
.arrowup:hover {
	color: var(--attention);
}
a.sociala {
	border: none;
	background: none;
}
.sociala:hover {
	background: none;
	border: none;
	padding: 0 0 0 3px;
}
.ponybutton {
	border: 4px outset var(--verylight);
	border-radius: 25%;
	width: 220px;
	height: auto;
}
.ponybutton:hover {
	border: 4px inset var(--dimlight);
}
#welcometomyhomepage {
	width: 211px;
	height: auto;
}
.imgdownwards {
	transform: translateY(0.3em);
}
.translateleft1em {
	transform: translateX(-1em);
}
.adsbanner {
	width: 60%;
	margin: auto;
	display: grid;
	grid-template-columns: [firstfontscolumn] 50% [secondfontscolumn] 50% [end];
	grid-template-rows: [twocolstworowsheaderrow] auto [firstfontsrow] auto [secondfontsrow] auto [last-line];
	background-color: var(--darkest);
	border: 2px dotted var(--themecolor);
	padding: 0.5em;
}
.topbanner {
	border: none;
	margin: 0 auto 0.6em auto;
}
.adbannerheader {
	grid-column: firstfontscolumn / span 2;
	grid-row-start: twocolstworowsheaderrow;
}	
.adbanneritem1a {
	grid-column-start: firstfontscolumn;
	grid-row-start: firstfontsrow;
}
.adbanneritem1b {
	grid-column-start: secondfontscolumn;
	grid-row-start: firstfontsrow;
}
.adbanneritem2a {
	grid-column-start: firstfontscolumn;
	grid-row-start: secondfontsrow;
}
.adbanneritem2b {
	grid-column-start: secondfontscolumn;
	grid-row-start: secondfontsrow;
}
.firstadsrow {
	 margin: 3em auto 4em auto;
}
.thirdadsrow {
	margin-top: 6em;
}
.adstextheader {
	grid-column: firstfontscolumn / span 2;
	grid-row-start: twocolstworowsheaderrow;
	margin-bottom: 0.6em;
	letter-spacing: 0.1em;
}	
.adstextitem1a {
	grid-column-start: firstfontscolumn;
	grid-row-start: firstfontsrow;
}
.adstextitem1b {
	grid-column-start: secondfontscolumn;
	grid-row-start: firstfontsrow;
}
.adstextitem2a {
	grid-column-start: firstfontscolumn;
	grid-row-start: secondfontsrow;
}
.adstextitem2b {
	grid-column-start: secondfontscolumn;
	grid-row-start: secondfontsrow;
}
.adstextitem1a, .adstextitem1b {
	margin: 0.8em 0 0.8em 0;
}
.adstextitem2a, .adstextitem2b {
	margin: 0 0 0.8em 0;
}
.hiddenheaderh3 {
	display: none;
}
.noadstext {
	grid-column: secondfontscolumn;
	grid-row-start: twocolstworowsheaderrow;
	margin-right: 0.4em;
	font-size: 0.7em;
	color: var(--darkish);
	justify-self: right;
}
.attentionads {
	color: var(--lightmax);
	font-size: 130%;
	font-weight: bold;
}
.adstext a, .adstext a:visited {
	color: var(--darkish);
	border: none;
}
.adstext a:hover, .adstext a:visited:hover {
	color: var(--details);
	background: linear-gradient(var(--verylight), var(--light));
}
.ticker-container {
	width: 220px;
	margin: auto;
	overflow: hidden;
	background-color: var(--lightmax);
}
.ticker-text {
	display: inline-block;
	white-space: nowrap;
	animation: scroll-left 10s linear infinite;
}
@keyframes scroll-left {
	0% {
		transform: translateX(100%);
	}
	100% {
		transform: translateX(-100%);
	}
}