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

.content {
  background: #eee;
  -moz-box-shadow: 0 0 15px #999;
  -webkit-box-shadow: 0 0 15px #999;
  -o-box-shadow: 0 0 15px #999;
  -khtml-box-shadow: 0 0 15px #999;
  -ms-box-shadow: 0 0 15px #999;
  box-shadow: 0 0 15px #999;
  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 .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; }
    .content .header .logo:hover {
      color: #f33; }
      .content .header .logo:hover .tagline {
        color: #000; }
  .content .header .tagline {
    color: #877; }
  .content .toc {
    background-color: rgba(221, 221, 221, 0.8); }
    .content .toc a:link, .content .toc a:visited {
      color: #281; }
    .content .toc a:hover {
      color: #f33; }
    .content .toc a.current {
      color: #555; }
  .content .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; }
    .content .breadcrumb .main-links {
      background: rgba(255, 255, 255, 0.7); }
      .content .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; }
    .content .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; }
      .content .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; }
    .content .breadcrumb .main-links .inside {
      background-color: #ddd; }
    @media screen {
      .content .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; }
        .content .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; }
          .content .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 .body {
    border-bottom: 1px dotted #aaa; }
    .content .body a:link {
      text-decoration: underline; }
  .content .footer {
    background: #e8e8e8;
    border-top: 1px solid #fff;
    color: #789; }
    .content .footer a:link, .content .footer a:visited {
      color: #345; }
  .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; }

/*# sourceMappingURL=style-light.css.map */