body{font-size:16px;font-family:sans-serif;line-height:150%;color:#fff;background-color:#222;padding:0;margin:0}
code{font-size:14px;font-family:monospace}
pre{font-size:14px;font-family:monospace;text-align:left;padding:5px;padding-left:10px;border-left:5px solid #66a;color:#000;background-color:#eee;overflow:auto}
hr{height:0;border-width:0;border-bottom:1px solid #ccc}
table{width:100%;border-spacing:1px;border-collapse: separate}
th{padding:15px;color:#333;background-color:#ddd;}
td{padding:15px;color:#333;background-color:#eee;}

@font-face{font-family:AireExterior;src:url(AireExterior.woff)}

a:link{color:#482A84;background-color:transparent;text-decoration:none}
a:visited{color:#482A84;background-color:transparent;text-decoration:none}
a:hover{color:#aa0000;background-color:transparent;text-decoration:underline}
a:active{color:#aa0000;background-color:transparent;text-decoration:none}

#container100pcn{width:100%;background-color:#e8e8e8;color:#333}
.container900pix{width:920px;max-width:90%;margin:auto}

#content{width:90%;min-height:400px;background-color:#fcfcfc;color:#333;padding:5%;margin-top:10px;text-align:justify}

#top{width:100%;height:120px;color:#fff;background-color:#5e35b1;background-image:linear-gradient(-110deg,#333,#5e35b1)}
#top .topmenu{float:left;display:flex;flex-wrap:nowrap;font-weight:bold;max-width:90%;overflow:auto;line-height:120px}
#top .topmenu a{display:inline-block;white-space:nowrap;margin-left:8px;font-weight:bold;font-size:120%;font-variant:small-caps}
#top .single_char_title{line-height:150%;text-transform:lowercase}

#top a{color:#eee;background-color:transparent;text-decoration:none}
#top a:hover{color:#FFFEB5;background-color:transparent;text-decoration:none}

#title{font-family:AireExterior;font-size:60px;line-height:70px;margin-top:10px;float:right;white-space:nowrap;text-transform:lowercase}
#subtitle{font-size:100%;float:right;clear:right;opacity:0.8}

#bottom{width:100%;min-height:100px;color:#fff;background-color:#222;box-shadow:0 -2px 2px #666;padding-top:20px;text-align:center}
#bottom .botmenu{margin:10px 0 20px 0}
#bottom .botmenu a{display:inline-block;margin-left:8px;font-size:120%;font-variant:small-caps}

#bottom a{color:#999;background-color:transparent;text-decoration:none}
#bottom a:hover{color:#FFFEB5;background-color:transparent;text-decoration:none}

#whosonline{position:fixed;bottom:-800px;right:10px;width:300px;max-height:80%;overflow:auto;padding:20px;background-color:#382A56;color:#eee;border-radius:5px}
#whosonline img{width:60px;height:60px;margin:0 1% 1% 0;float:left;background-color:#eee;padding:2%;border-radius:100%}

.spinner {margin: 100px auto 0;width:100px;text-align:center}
.spinner > div{width:50px;height:50px;border-radius:100%;display:inline-block;animation: sk-bouncedelay 1.4s infinite ease-in-out both}
.spinner .bounce1{animation-delay:-0.32s} 
.spinner .bounce2{animation-delay:-0.16s}
.activescolor{background-color:#482A85}
@keyframes sk-bouncedelay {0%, 80%, 100% { transform: scale(0)} 40% { transform: scale(1.0)}}