@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 .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; } }