/* CRAYON STUFF */
.crayon-0 {background-color: #69c;}
.crayon-0:hover {background-color: #369;}

.crayon-1 {background-color: #9c6;}
.crayon-1:hover {background-color: #693;}

.crayon-2 {background-color: #c63;}
.crayon-2:hover {background-color: #930;}

.crayon-3 {background-color: #fe6;}
.crayon-3:hover {background-color: #cb3;}

.crayon-4 {background-color: #f8c;}
.crayon-4:hover {background-color: #c48;}

.crayon-5 {background-color: #a8e;}
.crayon-5:hover {background-color: #75c;}

.crayon-6 {background-color: #666;}
.crayon-6:hover {background-color: #333;}

.crayon-7 {background-color: #f80;}
.crayon-7:hover {background-color: #a50;}

.crayon-8 {background-color: #036;}
.crayon-8:hover {background-color: #024;}

.crayon-9 {background-color: #930;}
.crayon-9:hover {background-color: #620;}

.crayon-10 {background-color: #390;}
.crayon-10:hover {background-color: #360;}

.crayon-11 {background-color: #9c6;}
.crayon-11:hover {background-color: #693;}

.crayon-12 {background-color: #c63;}
.crayon-12:hover {background-color: #930;}

.crayon-13 {background-color: #fe6;}
.crayon-13:hover {background-color: #cb3;}

.crayon-14 {background-color: #f8c;}
.crayon-14:hover {background-color: #c48;}

.crayon-15 {background-color: #a8e;}
.crayon-15:hover {background-color: #75c;}

.crayon-16 {background-color: #666;}
.crayon-16:hover {background-color: #333;}

.crayon-17 {background-color: #f80;}
.crayon-17:hover {background-color: #a50;}

.crayon-18 {background-color: #036;}
.crayon-18:hover {background-color: #024;}

.crayon-19 {background-color: #930;}
.crayon-19:hover {background-color: #620;}

.crayon-20 {background-color: #390;}
.crayon-20:hover {background-color: #360;}

a.crayon-popup {
  width:2em; height:1.25em; margin:0px auto;
  display:block;}

  a.crayon-popup:hover {
    position:relative;}
  
  a.crayon-popup span.popup {
    display:none;}
  
  a.crayon-popup:hover span.popup {
    display:block;
    color:#fff;
    position:absolute; left:1em; bottom:.75em; z-index:1000;
    width:130px; padding:5px 5px 15px 5px; overflow:hidden;
    background: url(core/popup.png) 0% 100% no-repeat;}

    * html a.crayon-popup:hover span.popup {
      background-image: url(core/popup.gif);}

  a.crayon-popup span.crayon-marker {
    display:block; float:left;
    height:1em; width:1em; margin-right:.5em;}