/* Basic Calendar */

div.calendarentry p.date {
	margin-bottom: 5px;  
}

div.calendarentry h3 {
	margin-bottom: 5px;  
	margin-top: 20px;
}

div.calendarentry img {
	margin-bottom: 5px;  
 }

div.calendarentry p {
  	margin-bottom: 0;
}
div.calendarentry img {
  	width:100%;
  	height:auto;
  	max-width:216px;
}

p.pastfuture {
  	float: right;
  	margin-bottom: 0 !important;
  	position: relative;
  	top:15px;
}


div.calendarentry p.moreinfo {
	margin-bottom: 0px;  
	font-weight: bold;
	margin-top: 5px;
}
.btn {
  font-size: auto;
  font-weight: normal;
  line-height: auto;
  text-align: center;
  white-space: break-spaces;
  border: 1px solid transparent;
  border-radius: 0px;
}
.eventbtn {
	background-color:transparent;
	border-bottom: 1px solid #000;
	color:#000;
}
.eventbtn:hover {
	border-bottom: 2px solid #000;
	color:#900;
}

div.calendarentry label {
  width: 120px;
  font-weight: normal;
  font-style: italic;
}

div.calendarentry .hr {
	margin-bottom: 15px;
	margin-top: 10px;
	border-bottom: 1px solid gray;
}

/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	#events {
		margin:15px;
	}
	div.calendarentry img {
	  	width:100%;
	  	height:auto;
	  	max-width:100%;
	}

}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {

}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {

}