@import url("../coloroloc/css/main-dark.css");
@import url("common.css");
body {
  background: #123;
  color: #ddc; }

pre.ColoroloC {
  border: 1px solid #000;
  -moz-box-shadow: 0px 0px 3px #eed;
  -webkit-box-shadow: 0px 0px 3px #eed;
  -o-box-shadow: 0px 0px 3px #eed;
  -khtml-box-shadow: 0px 0px 3px #eed;
  -ms-box-shadow: 0px 0px 3px #eed;
  box-shadow: 0px 0px 3px #eed;
  background: #203040;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s; }

pre.ColoroloC code {
  background: none; }

pre.ColoroloC:hover {
  background-color: #132;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -moz-box-shadow: 0px 0px 10px #dfa;
  -webkit-box-shadow: 0px 0px 10px #dfa;
  -o-box-shadow: 0px 0px 10px #dfa;
  -khtml-box-shadow: 0px 0px 10px #dfa;
  -ms-box-shadow: 0px 0px 10px #dfa;
  box-shadow: 0px 0px 10px #dfa; }

.header .logo {
  -moz-text-shadow: 0 0 5px #000, 0 0 20px #000;
  -webkit-text-shadow: 0 0 5px #000, 0 0 20px #000;
  -o-text-shadow: 0 0 5px #000, 0 0 20px #000;
  -ms-text-shadow: 0 0 5px #000, 0 0 20px #000;
  text-shadow: 0 0 5px #000, 0 0 20px #000;
  color: #68c; }

.header .logo:hover {
  color: #fd8; }

.header .logo:hover .tagline {
  color: #eef; }

.header .tagline {
  color: #877; }

.footer {
  background: #182838;
  border-top: 1px solid #456;
  color: #789; }

.footer a:link, .footer a:visited {
  color: #9ab; }

.breadcrumb {
  color: #497;
  background-color: #123; }

.breadcrumb:hover {
  background-color: #012; }

.breadcrumb:hover .main-links .inside {
  background-color: #012; }

.breadcrumb .main-links {
  background: rgba(0, 0, 0, 0.4); }

.breadcrumb .main-links .inside {
  background-color: #123; }

@media screen {
  .breadcrumb.position-fixed {
    background-color: #000;
    -moz-box-shadow: 0 5px 30px #000;
    -webkit-box-shadow: 0 5px 30px #000;
    -o-box-shadow: 0 5px 30px #000;
    -khtml-box-shadow: 0 5px 30px #000;
    -ms-box-shadow: 0 5px 30px #000;
    box-shadow: 0 5px 30px #000;
    border-bottom: 1px solid #456; }
  .breadcrumb.position-fixed .main-links {
    background-color: #000;
    border: 1px solid #456;
    border-top: none;
    -moz-box-shadow: 0 5px 30px #000;
    -webkit-box-shadow: 0 5px 30px #000;
    -o-box-shadow: 0 5px 30px #000;
    -khtml-box-shadow: 0 5px 30px #000;
    -ms-box-shadow: 0 5px 30px #000;
    box-shadow: 0 5px 30px #000; } }

.content {
  background: #234;
  border-bottom: 1px solid #000; }

.content h1 {
  color: white;
  -moz-text-shadow: 0 1px 3px #000;
  -webkit-text-shadow: 0 1px 3px #000;
  -o-text-shadow: 0 1px 3px #000;
  -ms-text-shadow: 0 1px 3px #000;
  text-shadow: 0 1px 3px #000; }

.content h2 {
  color: orange;
  -moz-text-shadow: 0 0 2px #000;
  -webkit-text-shadow: 0 0 2px #000;
  -o-text-shadow: 0 0 2px #000;
  -ms-text-shadow: 0 0 2px #000;
  text-shadow: 0 0 2px #000;
  background-color: #182838; }

.content .special {
  color: #db9; }

.content .toc a:link, .content .toc a:visited {
  color: #00d4f1; }

.content .toc a:hover {
  color: #ff8; }

.content .toc a.current {
  color: #00a4b1; }

.content .comments .comment {
  -moz-box-shadow: 0 0 5px #000;
  -webkit-box-shadow: 0 0 5px #000;
  -o-box-shadow: 0 0 5px #000;
  -khtml-box-shadow: 0 0 5px #000;
  -ms-box-shadow: 0 0 5px #000;
  box-shadow: 0 0 5px #000; }

.content .comments .comment .comment-body {
  background: #345;
  border-left: 1px dotted #000; }

.content .comments .comment.page-author {
  background-color: #132; }

.content .comments .comment.page-author .comment-body {
  background-color: #243; }

.content .comments .comment:target {
  -moz-box-shadow: 0 0 10px #dfa;
  -webkit-box-shadow: 0 0 10px #dfa;
  -o-box-shadow: 0 0 10px #dfa;
  -khtml-box-shadow: 0 0 10px #dfa;
  -ms-box-shadow: 0 0 10px #dfa;
  box-shadow: 0 0 10px #dfa; }

.content .calendar-date {
  -moz-box-shadow: 1px 1px 5px #000;
  -webkit-box-shadow: 1px 1px 5px #000;
  -o-box-shadow: 1px 1px 5px #000;
  -khtml-box-shadow: 1px 1px 5px #000;
  -ms-box-shadow: 1px 1px 5px #000;
  box-shadow: 1px 1px 5px #000;
  border-color: #222;
  background-color: #345; }

.content .calendar-date .year {
  background-color: #234;
  border-color: #222; }

.content .calendar-date .month {
  color: orange; }

.content .blog-index .blog-post {
  border-top-style: dotted;
  border-top-color: #999; }

.content .syt-example .arrow {
  color: orange; }

.content .abstract {
  color: #9a9; }

.content .section-title {
  background-color: #182838;
  border-color: #172029; }

.content .key {
  color: #dd0; }

#TIME-SPENT {
  color: #456; }

a:link, a:visited {
  text-decoration: none;
  color: #4d4; }

a.current {
  color: #4a4;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -khtml-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px; }

a.current:before {
  content: "[";
  font-weight: bold;
  color: #4d4; }

a.current:after {
  content: "]";
  font-weight: bold;
  color: #4d4; }

a:hover {
  text-decoration: underline;
  color: #ff8; }

a:active {
  outline: none;
  color: #f55 !important; }

@media (max-width: 700px) {
  .content .toc {
    background-color: #04090d;
    opacity: 0.9; } }