@font-face {
    font-family: 'harabara';
    src: url('/font/harabara-webfont.eot');
    src: url('/font/harabara-webfont.eot?#iefix') format('embedded-opentype'),
         url('/font/harabara-webfont.woff2') format('woff2'),
         url('/font/harabara-webfont.woff') format('woff'),
         url('/font/harabara-webfont.ttf') format('truetype'),
         url('/font/harabara-webfont.svg#harabararegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


.main {width:800px;background-color:#FFFFFF;margin-left:auto;margin-right:auto;padding:15px 5px;font-family:sans-serif}
body {background-image:url("/stuff/oxmas-bg.jpg");margin:0;margin-bottom:24px}

.heading, .main h1, .main h2, .main h3, .main h4, .main h5, .main h6 {margin:0;margin-top:10px;text-align:center;color:#005700;font-family:harabara,sans-serif;font-weight:normal}
.heading {margin-top:0;font-size:50px;font-weight:normal;letter-spacing:3px}
.main h1 {letter-spacing:3px;font-weight:normal}
.main h2 {letter-spacing:3px;font-weight:normal}
.heading strong,.main h1 strong,.main h2 strong {font-weight:inherit;color:#FF0000}
.main .menu {text-align:center}

.main .menu, .main .menu a,.main .menu a:visited,.main .menu a:active,.main .menu a:link,.main .menu a:hover {text-decoration:none;color:#005700;font-family:harabara,sans-serif;letter-spacing:5px;font-size:18px}
.main .menu a:hover {color:#FF0000}

.mimage,.image,.memeimage {position:relative}
.mimage img,.image img {margin:0;border:0;width:800px;border:1px solid black}
.image img {height:100px}
.mimage img {height:200px}
.caption{width:800px;text-align:center;font-family:harabara;font-size:18px;letter-spacing:5px;position:relative;color:#FFFFFF;
	text-shadow:-1px -1px 0 #000000,1px -1px 0 #000000,-1px 1px 0 #000000,1px 1px 0 #000000;margin-top:-77px;margin-bottom:40px}
.tcaption{width:800px;text-align:center;font-family:harabara;font-size:18px;letter-spacing:5px;position:absolute;color:#FFFFFF;
	text-shadow:-1px -1px 0 #000000,1px -1px 0 #000000,-1px 1px 0 #000000,1px 1px 0 #000000}
.bcaption{width:800px;text-align:center;font-family:harabara;font-size:18px;letter-spacing:5px;position:relative;color:#FFFFFF;
	text-shadow:-1px -1px 0 #000000,1px -1px 0 #000000,-1px 1px 0 #000000,1px 1px 0 #000000;margin-top:-47px;margin-bottom:40px}

.image a,.image a:link,.image a:active,.image a:visited,.image a:hover {text-decoration:none}

/*.caption#o2008 {right:10px;bottom:5px}
.caption#o2009 {right:10px;bottom:5px}
.caption#o2010 {left:10px; bottom:35px}
.caption#o2011 {left:5px;  bottom:3px}
.caption#o2012 {right:5px; bottom:5px}
.caption#o2013 {right:15px;bottom:30px}
.caption#o2014 {left:5px;  bottom:40px}*/

.bottom {text-align:center;background-color:#FFFFFF;padding:5px;font-family:sans-serif;position:fixed;height:10px;bottom:0;right:0;left:0;font-family:harabara,sans-serif;font-size:10px;letter-spacing:3px;color:#005700}
.bottom strong {font-weight:normal;color:#FF0000}

.login {text-align:center;font-family:harabara,sans-serif;letter-spacing:3px;border-bottom:5px dotted #FF0000;color:#005700;padding:3px;margin-top:10px;margin-bottom:10px}
.menu {border-bottom:5px dotted #FF0000;margin-bottom:10px;padding-bottom:10px}

.login a,.login a:link,.login a:visited,.login a:active {text-decoration:none;color:#005700}
.login a:hover {text-decoration:none;color:#FF0000}
.login div.right {text-align:right;margin-right:200px}
.login div.left {float:left;margin-left:420px;margin-top:-60px}

ul {list-style: none;}
ul, ol {margin-top:0;margin-bottom:0}

ul li::before {
content: "🌟️️";
color: #FFD700;
display: inline-block;
width: 1em;
margin-left: -1.5em;
margin-right: .5em
}