#calendar {
	width:98%;
	margin:15px 0;
	border:1% solid #ffffff;
	box-shadow:0 0 3px rgba(0,0,0,0.3);	
	clear:both;
	background-color:#fff;
}
#cal_prev,#cal_next,#cal_title {
	background:#5DB6DA;
	float:left;
	text-align:center;
	font-size:28px;
	font-weight:bold;
	padding:5px 0;
}
#cal_prev a,#cal_next a,#cal_title {
	color:#FFFFFF;
	
}
#cal_prev,#cal_next {
	width:28%;
	
}
#cal_title {
	width:44%;
	float:left;	
}

.caldate {
	display:block;
	float:left;
	width:14%;
	height:130px;
	background:url('img/caldate.png') no-repeat;
	background-size:100% 100%;	
	font-size:20px;
	
	
}



.caldate .date_num {
	padding:20px 20px 10px;	
	text-align:right;
	color:#5DB6DA;
}
.caldate .date_num.inactive {
	color:#aaa	
}

.calday {
	color:#ffffff;
	text-align:center;
	font-weight:bold;
	width:14%;
	background:#318EB5;
	font-size:16px;	
	float:left;
}

.caldate6,.caldate7 {width:15%}

.caldate span {
	display:block;
	color:#800000;
	font-style:italic;
	font-size:16px;	
}

.caldate input.button {
	font-size:12px;
	padding:3px 5px;
}

ul.cal_event_list {
	font-size:11px;	
	list-style:none;
	padding:0px;
	margin:0px 0 0 5px;
}
ul.cal_event_list li {
	padding:0px 2px 4px 0;	
}

#calendar_dropdown_div {
	display:none;	
}

#calendar_dropdown {
	margin:10px 0;
	font-size:16px;
	width:100%;
	height:40px;

}

@media (min-width: 1200px) {
#venued_events div.container {
width:940px;
}

}

@media (min-width: 980px) and (max-width: 1199px) {

}

@media (min-width: 768px) and (max-width: 979px) {
	ul.cal_event_list {font-size:11px;line-height:12px}
	.caldate .date_num {
		padding:8px;	
		font-size:16px;
	}
}

@media (max-width: 767px) {
	#calendar_dropdown_div {
		display:block;	
	}
	#calendar {display:none}
	#prev,#next,#title {font-size:14px}
	#select_event {width:100%}

	

}

@media (max-width: 480px) {

}