/*
* Calendar 
*
*/
/* Variables */
#calendar {
	padding-top: 1.5em;
	padding-bottom: 2em; }
#calendar h2 { margin: 0 0 .5em; }

.day {
	overflow: hidden;
	margin: 0 0 .25em;
	padding-left: 14px; }
.day span.date { font-size: 1.5em; }
.wf-active .day span.date {
	font-family: 'Crete Round', sans-serif;
	font-weight: normal; }
.day h3 {
	font-size: 1em;
	clear: both;
	margin-top: 0; }
.day a {
	width: 70%;
	float: left;
	margin-left: .75em;
	margin-bottom: .5em;}
.day .time {
	float: right;
	clear: right;
	color: #666;
	margin-bottom: 0 !important; }

#calendars {
	margin: 1.5em 0;
	padding: .75em 0;
	clear: both;
	border-top: solid 1px #DDD;
	border-bottom: solid 1px #DDD;
	overflow: hidden; }

@media all and (min-width: 600px) {
	#calendar {
		border-top: none;
		border-bottom: none; }
	#calendar h2 {
		font-size: 1.5em;
		border-bottom: 1px solid #ddd;
		margin-bottom: 18px; }

	.day {
		font-size: .9em;
		clear: both;
		padding-top: 0;
		margin-bottom: .75em;
		overflow: hidden; }
    .day h3 { margin-top: 0; }
    .day .date { font-size: 1.5em; }
    .day a {
		width: 60%;
		float: left;
		clear: both;
		margin-bottom: .75em; }
    .day .time {
		clear: none;
		width: 30%;
		float: right;
		text-align: right; }

  #calendars { clear: both; } 
}
	
@media all and (min-width: 800px) {
	.day { font-size: 1em; }
    .day a { width: 70%; }
    .day .time { width: 25%; } 
}