﻿body {
  background-color: #fafafa;
  color: #232323;
}
a {
background-color:#f0feff;
color: #46467e;
padding-left: 5px;
padding-right: 5px;
}
a:hover {
background-color:#e0eeff;
color: #5676de;
}
.sooon {
display:none;
}
.bigone {
  font-size:405%;
  font-weight:bold;
}
.ttleko {
  letter-spacing:16px;
}

.openpara, .closepara {
  font-size: 600%;
  font-family: 'Oxygen', sans-serif;
  color: #dedede;
}
.openpara {
  position: absolute;
  left: 0.4em;
  top: 2em;
}
.closepara {
  position: absolute;
  left: 4.05em;
  top: 2em;
}
.pxl {
  color: #33aacc;
  background-color: transparent;
  position: absolute;
  top: 3em;
  left: 1em;
  width: auto;
  z-index:670;
}
.eko {
  color: #ccaa33;
  background-color: transparent;
  position: absolute;
  left: 1.5em;
  top: 3.5em;
  width: auto;
  z-index: 660;
}

.ttl {
  font-family: 'Chau Philomene One', sans-serif;
}

.pts {
  font-family: 'Oxygen', sans-serif;
}

#navigation {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 13.37em;
  background-color: inherit;
  /* Hogod. Here come the CSS hacks to make old browsers sort of work with a CSS-based gradient. Sorry, IE, but your oldest supporting unit for this is... IE 10. Upgrade now. */
  background-image: linear-gradient(to left, #3399cc, #fafafa); /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */
  background-image: -o-linear-gradient(right, #3399cc, #fafafa); /* Opera 11.1 to 12.0 */
  background-image: -webkit-linear-gradient(right, #3399cc, #fafafa); /* Chrome 10-25, iOS 5+, Safari 5.1+ */
  z-index: 999;
  padding-left: 0;
  padding-top: 15em;
  margin-left: 0;
  font-size:80%;
}
#sellyasomething {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 13.37em;
  background-color: inherit;
  /* Hogod. Here come the CSS hacks to make old browsers sort of work with a CSS-based gradient. Sorry, IE, but your oldest supporting unit for this is... IE 10. Upgrade now. */
  background-image: linear-gradient(to left, #3399cc, #fafafa) !important; /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */
  background-image: -o-linear-gradient(right, #3399cc, #fafafa) !important; /* Opera 11.1 to 12.0 */
  background-image: -webkit-linear-gradient(right, #3399cc, #fafafa) !important; /* Chrome 10-25, iOS 5+, Safari 5.1+ */
  padding-left: 0;
  padding-bottom: 1em;
  margin-left: 0;
  font-size:80%;
}
#sellyasomething li {
list-style: none;
}
#navcore {
background-color: #fafafa;
opacity: 0.72;
padding-top: 1em;
padding-bottom: 1em;
}
#navcore > li {
  list-style: circle;
}
#navhead {
  list-style: none !important;
  margin-left: 0;
  padding-left: 0;
  text-indent: -1em;
}

#creedats {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 14.37em;
  padding-left: 1em;
  padding-right: 0;
  height: auto;
  text-align: right;
  font-size:75%;
}