#calendar {
  padding: 5px 15px;
  background-color: #eee;  
}

#calendar .otherMonth {
   color: #AAA;
}

.calendar {
	font-size: .9em;
	margin: auto;
}


input#calendar_events_search {
	background-color: buttonface;
}

div[id*='calendar_event_'] .meta {
	background-color: #EEE;
}

div[id*='calendar_event_'] .meta h1 {
    margin-top: .25em;
    margin-bottom: .25em;

}


@media (min-width: 980px) {

	div[id*='calendar_event_'] .meta {
		margin-top: 40px;
	}
}


#events h1 {
	text-transform: uppercase;
}

@media (min-width: 1200px) {
	
	#events {
		width: 930px;
		padding-top: 25px;
	}
	
	input#calendar_events_search {
		width: 150px;
	}
	
	#events h2 {
		margin-top: 200px;
	}
}

@media (min-width: 980px) and (max-width: 1199px) {
	#events {
		width: 730px;
		padding-top: 25px;
	}
	input#query {
		width: 192px;
	}
	input#calendar_events_search {
		width: 120px;		
	}
	#events h2 {
		margin-top: 200px;
	}
}

@media (min-width: 768px) and (max-width: 979px) {
	#events {
		width: 748px;
		padding-top: 25px;
	}
	
	input#query {
		width: 220px;
	}
	input#calendar_events_search {
		width: 120px;		
	}
	#events h2 {
		margin-top: 200px;
	}
}
@media (max-width: 767px) {
	#events {
		width: 100%;
	}
	
	input#calendar_events_search {
		width: 90px;	
	}
	
	input#query {
		width: 330px;
	}
	
	#calendar_search {
		float: none !important;
		margin-bottom: 16px !important;
	}
	
	#events h1, .meta h1 {
		font-size: 26px;
	}
	
	#calendar {
	    width: 278px;
	    margin: auto;
	}
}

@media (max-width: 479px){

	#events h1, .meta h1 {
		font-size: 26px;
	}
	
	#calendar {
		margin-left: 0px;
	    width: 268px;
	}
	
	input#query {
		width: 190px;
	}
}


#events table {
	width: 100%;
}

#events tr th {
   text-align: left;
   background-color: #2C748F;
   color: #FFF;
   
}
#events tr.even td{
	background-color: #EAF2F2;
}

#events tr.odd td{
	background-color: #DAE5E5;
}

#events tr.even td,
#events tr.odd td,
#events th {
	padding: 10px;
}



@media (min-width: 768px) {

	#calendar-sidebar {
		float: left;
		height: 200px;
		margin: 20px 30px 0px 0px;
	}
}

@media (min-width: 768px) and (max-width: 979px) {
	
	
	#events h1, .meta h1 {
		font-size: 38px;
	}
}





#event-content .title{
   font-weight: bold;
   vertical-align: top;
   padding-right: 12px;

 }
#description {
   border-top: 5px solid #DDD;
   margin-top: 12px;
   padding-top: 16px;
}
.datetime {
   border-bottom: none;
}
#calendar .day {
	text-align: center;
}

#calendar th {
	padding: 3px 2px;
}

#calendar .nav {
	padding: 0px;
}

form#calendar_search {
	margin-top: 20px;
	float: right;
}


label.inline {vertical-align: middle;}

#calendar-search {display: none;}

/*
#calendar-search div.sh_show {
        color: #999;
        padding-bottom: 10px;
        font-size: .8em;
        cursor: pointer;
}

#calendar-search div.sh_hide {
        display: none;
        padding-bottom: 12px;
}
*/
.calendar-event {
	margin-bottom: 10px;
}

.calendar-event > .date {
	font-weight: bold;
	color: #B18800;
}

.calendar-event .time {
        color: #BF4D30;
}

table.calendar a,
#events a {
}

table.calendar a {
	font-weight: bold;
}

table.calendar a:hover,
#events a {
}