@charset "UTF-8";
/* CSS Document */


			.calendarpost { display: block; }
			
			.calendarpost .icon {
				width: 83px;
				height: 83px;
				text-align:center;
				display: block;
				background-image: url('../images/calendaricon_black.png');
				background-repeat: no-repeat;
				margin: 0px;
				padding: 0px;
				float: left;
				position: relative; 
				}

			.calendarpost .month {
				font-size: 12px;
				font-weight: bold;
				color: #FFF;
				display: block;
				clear: both;
				height: 20px;
				width: 83px;
				text-align:center;
				position: relative;
				top: 9px;
				}

			.calendarpost .day {
				font-size: 28px;
				font-weight: bold;
				color: #000;
				display: block;
				height: 40px;
				width: 83px;
				text-align:center;
				position: relative;
				top: 18px;
				}

			.calendarpost .year {
				font-size: 10px;
				font-weight:normal;
				color: #000;
				display: block;
				height: 12px;
				width: 83px;
				text-align:center;
				position: relative; margin-top: -3px; 
				margin-bottom: 8px;
				}
			
			.calendarpost .time { 
				font-size: 9px;
				color:#666;
				display: block;
				height: 12px;
				width: 83px;
				text-align:center;
				position: relative;
				top: 5px; 
				}
				
				
			.calendarpost .contentarea { 
				/* height: 61px; */
				padding: 10px; 
				background-color: #feeeee; 
				border: 1px solid #000; 
				/* border-left: none; */
				margin-bottom: 15px; margin-left: -1px; 
				position: relative; 
				padding-left: 15px; 
				width: 350px; 
				display:block; 
				float:left;  
				}
			
			.calendarpost .contentarea:hover { background-color: #FFF; }