@import url("../coloroloc/css/main-light.css");
@import url("common.css");
body {
  background: #ddd;
  color: #333; }

code.ColoroloC {
  background: transparent; }

pre.ColoroloC {
  border: 1px solid #fff;
  -moz-box-shadow: 0px 0px 5px #999;
  -webkit-box-shadow: 0px 0px 5px #999;
  -o-box-shadow: 0px 0px 5px #999;
  -khtml-box-shadow: 0px 0px 5px #999;
  -ms-box-shadow: 0px 0px 5px #999;
  box-shadow: 0px 0px 5px #999;
  background: #f2f2f2;
  -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: #fff;
    -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 #444;
    -webkit-box-shadow: 0px 0px 10px #444;
    -o-box-shadow: 0px 0px 10px #444;
    -khtml-box-shadow: 0px 0px 10px #444;
    -ms-box-shadow: 0px 0px 10px #444;
    box-shadow: 0px 0px 10px #444; }

.header .logo {
  -moz-text-shadow: 0 1px 3px #777;
  -webkit-text-shadow: 0 1px 3px #777;
  -o-text-shadow: 0 1px 3px #777;
  -ms-text-shadow: 0 1px 3px #777;
  text-shadow: 0 1px 3px #777;
  /* @include text-shadow((0 0 5px #fff, */
  /*                       0 0 20px #000)); */
  color: #000; }
  .header .logo:hover {
    color: #f33; }
    .header .logo:hover .tagline {
      color: #000; }

.header .tagline {
  color: #877; }

.footer {
  background: #e8e8e8;
  border-top: 1px solid #fff;
  color: #789; }
  .footer a:link, .footer a:visited {
    color: #345; }

.breadcrumb {
  background-color: #ddd;
  -moz-box-shadow: 0 -2px 3px #aaa, 0 2px 3px #aaa;
  -webkit-box-shadow: 0 -2px 3px #aaa, 0 2px 3px #aaa;
  -o-box-shadow: 0 -2px 3px #aaa, 0 2px 3px #aaa;
  -khtml-box-shadow: 0 -2px 3px #aaa, 0 2px 3px #aaa;
  -ms-box-shadow: 0 -2px 3px #aaa, 0 2px 3px #aaa;
  box-shadow: 0 -2px 3px #aaa, 0 2px 3px #aaa; }
  .breadcrumb .main-links {
    background: rgba(255, 255, 255, 0.7); }
    .breadcrumb .main-links .inside {
      -moz-box-shadow: 0 -2px 10px -2px #777;
      -webkit-box-shadow: 0 -2px 10px -2px #777;
      -o-box-shadow: 0 -2px 10px -2px #777;
      -khtml-box-shadow: 0 -2px 10px -2px #777;
      -ms-box-shadow: 0 -2px 10px -2px #777;
      box-shadow: 0 -2px 10px -2px #777; }
  .breadcrumb:hover {
    -moz-box-shadow: 0 -2px 15px #aaa, 0 2px 15px #aaa;
    -webkit-box-shadow: 0 -2px 15px #aaa, 0 2px 15px #aaa;
    -o-box-shadow: 0 -2px 15px #aaa, 0 2px 15px #aaa;
    -khtml-box-shadow: 0 -2px 15px #aaa, 0 2px 15px #aaa;
    -ms-box-shadow: 0 -2px 15px #aaa, 0 2px 15px #aaa;
    box-shadow: 0 -2px 15px #aaa, 0 2px 15px #aaa;
    background-color: #fff; }
    .breadcrumb:hover .main-links .inside {
      -moz-box-shadow: 0 -2px 10px -2px #777;
      -webkit-box-shadow: 0 -2px 10px -2px #777;
      -o-box-shadow: 0 -2px 10px -2px #777;
      -khtml-box-shadow: 0 -2px 10px -2px #777;
      -ms-box-shadow: 0 -2px 10px -2px #777;
      box-shadow: 0 -2px 10px -2px #777;
      background-color: #fff; }
  .breadcrumb .main-links .inside {
    background-color: #ddd; }
  @media screen {
    .breadcrumb.position-fixed {
      border-bottom: 1px solid #888;
      -moz-box-shadow: 0 5px 30px -2px #777;
      -webkit-box-shadow: 0 5px 30px -2px #777;
      -o-box-shadow: 0 5px 30px -2px #777;
      -khtml-box-shadow: 0 5px 30px -2px #777;
      -ms-box-shadow: 0 5px 30px -2px #777;
      box-shadow: 0 5px 30px -2px #777; }
      .breadcrumb.position-fixed .main-links {
        background-color: #ddd;
        border: 1px solid #888;
        border-top: none;
        -moz-box-shadow: 0 10px 15px -2px #777;
        -webkit-box-shadow: 0 10px 15px -2px #777;
        -o-box-shadow: 0 10px 15px -2px #777;
        -khtml-box-shadow: 0 10px 15px -2px #777;
        -ms-box-shadow: 0 10px 15px -2px #777;
        box-shadow: 0 10px 15px -2px #777; }
        .breadcrumb.position-fixed .main-links .inside {
          -moz-box-shadow: none;
          -webkit-box-shadow: none;
          -o-box-shadow: none;
          -khtml-box-shadow: none;
          -ms-box-shadow: none;
          box-shadow: none; } }

.content {
  background: #eee;
  position: relative; }
  .content h1 {
    color: #000;
    -moz-text-shadow: 1px 1px 3px #777;
    -webkit-text-shadow: 1px 1px 3px #777;
    -o-text-shadow: 1px 1px 3px #777;
    -ms-text-shadow: 1px 1px 3px #777;
    text-shadow: 1px 1px 3px #777; }
  .content h2 {
    color: #e53;
    background-color: #d8d8d8;
    -moz-text-shadow: 0 1px 2px #eee;
    -webkit-text-shadow: 0 1px 2px #eee;
    -o-text-shadow: 0 1px 2px #eee;
    -ms-text-shadow: 0 1px 2px #eee;
    text-shadow: 0 1px 2px #eee; }
  .content .special {
    color: #445; }
  .content .toc a:link, .content .toc a:visited {
    color: #281; }
  .content .toc a:hover {
    color: #f33; }
  .content .toc a.current {
    color: #555; }
  .content .body {
    border-bottom: 1px dotted #aaa; }
    .content .body a:link {
      text-decoration: underline; }
  .content .comments .comment {
    -moz-box-shadow: 0 0 5px #999;
    -webkit-box-shadow: 0 0 5px #999;
    -o-box-shadow: 0 0 5px #999;
    -khtml-box-shadow: 0 0 5px #999;
    -ms-box-shadow: 0 0 5px #999;
    box-shadow: 0 0 5px #999; }
    .content .comments .comment .comment-body {
      background: #e8e8e8;
      border-left: 1px dotted #888; }
    .content .comments .comment.page-author {
      background: #efe; }
      .content .comments .comment.page-author .comment-body {
        background: #ded; }
    .content .comments .comment:target {
      -moz-box-shadow: 0 0 8px #000;
      -webkit-box-shadow: 0 0 8px #000;
      -o-box-shadow: 0 0 8px #000;
      -khtml-box-shadow: 0 0 8px #000;
      -ms-box-shadow: 0 0 8px #000;
      box-shadow: 0 0 8px #000; }
  .content .calendar-date {
    -moz-box-shadow: 1px 1px 5px #aaa;
    -webkit-box-shadow: 1px 1px 5px #aaa;
    -o-box-shadow: 1px 1px 5px #aaa;
    -khtml-box-shadow: 1px 1px 5px #aaa;
    -ms-box-shadow: 1px 1px 5px #aaa;
    box-shadow: 1px 1px 5px #aaa;
    border-color: #999;
    background-color: #fff; }
    .content .calendar-date .year {
      background-color: #aaa;
      border-color: #999; }
    .content .calendar-date .month {
      color: #c22; }
  .content .blog-index .blog-post {
    border-top-style: dotted;
    border-top-color: #000; }
  .content .abstract {
    color: #766; }
  .content .section-title {
    border-color: #aaa;
    background-color: #d8d8d8; }

#TIME-SPENT {
  color: #a99; }

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

a.current {
  color: #555;
  -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: #4a4; }
  a.current:after {
    content: "]";
    font-weight: bold;
    color: #4a4; }

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

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

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