body{
	background-color: #666;
	font-family: sans-serif, Verdana;
	color: #FFF;
    overflow-y: scroll;
}

#container{
	
}

.element{
	min-width: 50px;
	min-height: 50px;
	-border: 1px solid black;
	background-color: #999;
	margin: 5px;
	cursor: pointer;
}
   

.day{
	padding: 0px;
	overflow: hidden;
}

.weekendday{
	background-color: #777;
}

.active{
	-background-color: #FFF;
	
}

.active{
	box-shadow:0 0 5px 3px white;
	-moz-box-shadow:0 0 5px 3px white;
	-webkit-box-shadow:0 0 5px 3px white;
}

.year {
    position: absolute;
    bottom: 0;
    right: 2px;
    opacity: 0.4;
}

.active .year{
    opacity: 0.9
}

.active .photo{
	background-color: white;
}

.day img{
	padding: 0px;
	margin: 0px;
	display: block;
	position: absolute;
    visibility: hidden;
}

.photo{
	background-color: transparent;
}

.photo.loading{
    background-color: #999;
}

.month{
	font-size: 40px;
	line-height: 50px;
	vertical-align: middle;
	text-align: center;
	color: #FFF;
	width: 108px;
	border-right: 2px solid white;
	background-color: #666;
}

.large{
	width: 290px;
	height: 110px;
	font-size: 105px;
	line-height: 110px;
}

.detail{
	text-align: center;
	background-color: #FFF;
	color: #666;
}

.lastyear{
	background-color: #FFF;
}

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}