body {background-color: #FFD300}
h1, h2 {font-family: impact; text-align:center; font-weight: normal; width: 450px;margin: auto}
h1 {font-size:60pt; line-height:150%}
h2 {font-size:10pt; margin: -136px auto 90px auto;}
.wrapper {width: 630px; margin: auto;text-align:center;  font-family: Helvetica,Arial,sans-serif;}
.wrapper.top {width:auto}
.oib {font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace; text-shadow: 4px 2px 2px #A68900; font-size: 60pt;}
.button, .button:visited { margin: 5px auto; background: #FFB515 url(sprite.png) no-repeat 4px -54px; font-size: 14px; padding: 8px 14px 9px 34px; font-weight: bold; line-height: 1; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25); display: inline-block; color: white; text-decoration: none; -moz-border-radius: 6px;  -ms-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6); box-shadow: 0 1px 3px rgba(0,0,0,0.6); border-bottom: 1px solid rgba(0, 0, 0, 0.25); position: relative; cursor: pointer; }
.button:hover{background-color: #FC9200;text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);}
.explain {color: #A68900; text-shadow: 1px 1px 1px #FFE773; font-size: 12px;}
.section{ color: #A65400; width: 200px;  float: left; text-align:left;  height: 410px; background: #fff;   margin-right: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;  -ms-border-radius: 10px;  border-radius: 10px; -webkit-box-shadow: 2px 2px 9px rgba(0,0,0,0.3); -moz-box-shadow: 2px 2px 9px rgba(0,0,0,0.3); box-shadow: 2px 2px 9px rgba(0,0,0,0.3);margin-top: 2em  }
.section h3 {width: 180px; -x-height: 50px; background: #FF8100; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -ms-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; color: #fff; text-align: center; font: 300 30px/50px; padding:10px; margin:0; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.25);}
.section ul {font-size: 9pt;padding: 20px; margin:0; list-style-type: square;}
.section ul li {margin: 0 0 1em 10px; line-height: 1.5em; }
.section ul li a {color: #200772}
.section ul li a:hover {color: #876ED7; text-decoration: none;}
.section ul li a:visited {color: #739D00}
.fb-comments {margin:3em auto;}
.hosting {margin-left:-50px;}

input {
  display: none; 
}
#HR-button ~ *   div.oib span {display: none}
#HR-button:checked ~ *  div.oib span {display: inline}
#HR-button ~ * .prefix {background-position: 4px 4px}
#HR-button:checked ~ * .prefix {background-position: 4px -25px}
.refresh, .refresh:visited {background-position: 4px -149px}
.button:active {top: 1px; background-position:4px 3px}
.refresh:active {background-position:4px -150px}
.prefix {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#markiic{
width: 100%;
background-color: #333333; 
position: absolute; 
top:0; left:0;
color: #FFD300;
font-family: Helvetica,Arial,sans-serif;
font-size:1em;
}
#markiic a img {border:0; vertical-align: middle;}

h1{margin-top: 30px;}
.banner {width:728px; margin: auto}