/* ====================
   OHO DATE BLOCK CSS
   ==================== */


.oho-date-block {
	background-color:#e9e9e9;
	text-align:center;
}

.oho-date-block--month {
	text-transform:uppercase;
	line-height:1;
}

.oho-date-block--day {
	line-height:1;
}

.oho-date-block--year {
	line-height:1;
}

.oho-date-block--weekday {
	text-transform:uppercase;
	line-height:1;
}

/* SMALL */
.oho-date-block.small {
	height:40px;
	width:40px;
	padding-top:3px;
}

.oho-date-block.small .oho-date-block--month {
	font-size:0.8em;
}

.oho-date-block.small .oho-date-block--day {
	font-size:1.4em;
}

.oho-date-block.small .oho-date-block--year {
	font-size:0.8em;
}

.oho-date-block.small .oho-date-block--weekday {
	font-size:0.8em;
}

/* MEDIUM */
.oho-date-block.medium {
	height:52px;
	width:52px;
	padding-top:4px;
}

.oho-date-block.medium .oho-date-block--month {
	font-size:1.05em;
}

.oho-date-block.medium .oho-date-block--day {
	font-size:1.8em;
}

.oho-date-block.medium .oho-date-block--year {
	font-size:1.05em;
}

.oho-date-block.medium .oho-date-block--weekday {
	font-size:1.05em;
}

/* LARGE */
.oho-date-block.large {
	height:64px;
	width:64px;
	padding-top:4px;
}

.oho-date-block.large .oho-date-block--month {
	font-size:1.3em;
}

.oho-date-block.large .oho-date-block--day {
	font-size:2.4em;
}

.oho-date-block.large .oho-date-block--year {
	font-size:1.3em;
}

.oho-date-block.large .oho-date-block--weekday {
	font-size:1.3em;
}