    .section { 
      float: left;
      clear: left;
      padding: 1em 2em;
    }
    
    /* TIMELINE CHARTS */
    .timeline { 
      font-size: 1em; 
      width: 50em;
      padding-top: 4em;
	padding-bottom: 8em;

    }
    .timeline li { 
      position: relative;
      float: left;
      width: 2em; 
      margin: 0 0em;
      height: 4em;

    }
    .timeline li a { 
      display: block;
      height: 100%; 
    }
    .timeline li .label { 
      display: block; 
      position: absolute; 
      bottom: -2em; 
      left: 0; 
      background: #fff; 
      width: 100%; 
      height: 2em; 
      line-height: 2em; 
      text-align: center;
	font-size: 0.7em; 
    }
    .timeline li .desc { 
      display: block; 
      position: absolute; 
      top: -2em; 
      left: 0; 
      background: #fff; 
      width: 100%; 
      height: 2em; 
      line-height: 2em; 
      text-align: center;
      color: #017fba;
	font-size: 0.75em;
	
     }
.timeline li .sunrise, .timeline li .sunset { 
      display: block; 
      position: absolute; 
      top: 7.5em; 
      left: 0; 
      color: #f58308;
      font-size: 0.8em;
	font-weight: bold;
	padding-left: 14px;
}

.sunrise {
	background: transparent url(../images/sun/sunrise_12.png) no-repeat scroll center left;
}
.sunset {
	background: transparent url(../images/sun/sunset_12.png) no-repeat scroll center left;
}
.timeline li a .count,.timeline li a .solunar,.timeline li a .day,.timeline li a .night {
      display: block; 
      position: absolute; 
      bottom: 0; 
      left: 0; 
      height: 100%; 
      width: 100%; 
      background: #6F6; 
      text-indent: -9999px; 
      overflow: hidden;

}
.timeline li a .count {
	background:#fff;

}
.timeline li a .solunar {
	background:#69da48;
}
.timeline li a .day {
      background: #f5f400;
	height: 10%;
}
.timeline li a .night {
     background: #017fba;
	height: 10%;
    }
    .timeline li:hover { 
      background: #EFEFEF; 
    }
    .timeline li a:hover .count { 
      background: #EFEFEF; 
    }
    .timeline li a:hover .solunar { 
      background: #2D7BB2; 
    }

.legend { 
      font-size: 0.7em; 
}
.legend li { 
      position: relative;
      float: left;
      margin: 0 1em;
      padding: 0.2em 0.6em;
}
.solunar {
      background:#69da48;
}
.day {
      background: #f5f400;
}
.night {
      background: #017fba;
}

.sun {
	padding-top: 1em;
	font-size: 0.53em;
}
