/*
Original design: 1024px (v3.0 - Jun 01, 2010) - A free xhtml/css website template by Andreas Viklund.
For more information, see http://andreasviklund.com/templates/1024px/
Adapted by Silvan Jegen
*/

/* fonts */

@font-face {
font-family: equity;
	src: url(/fonts/equity_a_regular.woff2);
	font-display: swap;
}

@font-face {
font-family: equity;
	src: url(/fonts/equity_a_bold.woff2);
	font-weight: bold;
	font-display: swap;
}

@font-face {
font-family: equity;
	src: url(/fonts/equity_a_italic.woff2);
	font-style: italic;
	font-display: swap;
}

@font-face {
font-family: equity;
	src: url(/fonts/equity_a_bold_italic.woff2);
	font-weight: bold;
	font-style: italic;
	font-display: swap;
}

/* General tags */
body {font-family: "equity"; line-height:1; padding:0; hyphens: auto;}
a {color:#1eae00; text-decoration:none;}
a:hover {border-bottom: 1px; border-bottom-style: dotted;}
a img {border:0;}
p {margin:0 0 10px 0px;}
blockquote {border:1px solid #e4e4da; font-size:0.9em; margin:20px 10px; padding:8px;}
blockquote p {margin:0;}
pre {font-family: "IBM Plex Mono",monospace,monospace; font-size: 15pt; border: 1px #1eae00; padding:10px; background:#e4e4da; border-radius:10px; overflow-x:auto;}
code {font-family: "IBM Plex Mono",monospace,monospace; font-size: 15pt;}

/* Headers */
h1 {font-family: "IBM Plex Sans","Droid Sans",Arial,sans-serif; color:#00ab60; font-size:2.8em; letter-spacing:-2.1px; margin:50px 0 0 0; text-align:center}
h1 a:hover {border-bottom: 0px;}
h2 {font-family: "IBM Plex Sans","Droid Sans",Arial,sans-serif; border-bottom:2px solid #e4e4da; color:#31b931; font-size:1.3em; letter-spacing:-1px; margin:0 0 5px; padding:0 2px 3px 0;}
h3 {margin-bottom:10px;}

/* Main wrap */
#wrap {padding:0; max-width:29em; margin-left:auto; margin-right:auto; font-size: 17pt}
#header {margin:0;}
#slogan {color:#6FC504; font-size:1.5em; font-weight:700; letter-spacing:-1px; margin:3px 0 15px 65px;}

/* Topbar and menu */
#topbar {font-size:1.2em; line-height:1.4em; margin:auto; padding:0; max-width:29em; text-align:center;}
#topbar ul li {list-style:none; list-style-type:none; display:inline; margin:0; padding:0;}
#topbar ul li a {line-height:1.3em; padding:0; margin-right:20px;}

/* Main content */
#content {line-height:1.5em; margin:40px 0 0 0; padding:0; max-width:29em;}
#content a:hover {color:#404040; opacity: 0.5; text-decoration:none;}
#content img {max-width:29em;}

/* Footer */
#footer {clear:both; color:gray; font-size:0.9em; line-height:1.6em; border-top:2px solid #e4e4da; margin:0 auto; padding:8px 0; text-align:right;}
#footer p {margin:0; padding:0;}
#footer a {color:#808080;}

/* Additional classes */
.box {background:#006e08; border:1px solid #c8c8c8; color:#fff; font-size:0.9em; line-height:1.4em; padding:10px 10px 12px 13px;}
.box a {color:#f0f0f0;}
.blogentry {margin:0 0 10px 0px;}
.left {float:left; margin:0 15px 4px 0;}
.right {float:right; margin:0 0 4px 15px;}
.readmore {margin:0px 10px 20px 0; text-align:right;}
.forcomments {margin:10px 10px 12px 0; text-align:left;}
.timestamp {font-family: "IBM Plex Sans","Droid Sans",Arial,sans-serif; margin:0 0 8px 8px; font-size:0.9em;}
.blue {color:#4088c8;}
.clear {clear:both;}
.fade {color:#6FC504;}
.gray {color:gray;}
.green {color:#1fb101;}
.photo {background:#fff; border:1px solid #bababa; margin:6px 18px 2px 5px; padding:2px;}
.indexlist {list-style:none; list-style-type:none; line-height:1.3em;}