#calendar{
	table-layout: fixed;
}
#calendar tr td{
	width: 105px;
	text-align: center;
}
#calendar #daynames{
	font-family: times;
	font-weight: bold;
	text-transform: uppercase;
}
#mdaynames td{
	display: none;
}
#calendar .days td{
	height: 105px;
	position: relative;
}
#one, #three, #five, #seven, #eight, #ten, #twelve, #fourteen,
#fifteen, #seventeen, #nineteen, #twentyone, #twentytwo,
#twentyfour, #twentysix, #twentyeight, #twentynine, #thirtyone,
#thirtythree, #thirtyfive, #thirtysix, #thirtyeight, #fourty,
#fourtytwo{
	background-color: #e1e1e1;
}
#two, #four, #six, #nine, #eleven, #thirteen,
#sixteen, #eighteen, #twenty, #twentythree, #twentyfive,
#twentyseven, #thirty, #thirtytwo, #thirtyfour, #thirtyseven,
#thirtynine, #fourtyone{
	background-color: #efefef;
}
#sixthrow{
	display: none;
}
.gdate{
	display: inline-block;
	position: absolute;
	left: 0px;
	top: 0px;
}
#previous{
	position: absolute;
	left: 0;
}
#next{
	position: absolute;
	right: 0;
	top: 0;
}
#controlbar{
	position: relative;
	text-align: center;
	font-size: 16pt;
	padding-bottom: 10px;
}
#previous, #next{
	font-weight: bold;
	margin: 0;
	padding: 0;
	line-height: 1;
}
#previous, #next:hover{
	cursor: pointer;
}
#calendartitle{
	font-size: 20pt;
	font-weight: bold;
	font-family: sans-serif;
}
.quo{
	font-size: 40pt;
	margin: 0;
	padding: 0;
	display: inline-block;
	margin-top: -22px;
}
#prevtxt, #nexttxt{
	display: inline-block;
	margin: 0;
	padding: 0;
	vertical-align: top;
}
.events{
	padding-right: 5px;
	padding-left: 5px;
	font-weight: bold;
}
.bigevent{
	color: red;
}
.khutbahevent{
	color: blue;
}
.partyevent{
	color: green;
}
.sundayschoolevent{
	color: purple;
}
.classevent{
	color: maroon;
}
#featured{
	margin-top: 0;
}
.events{
	overflow: hidden;
	max-width: 110px;
	max-height: 100px;
}
.eventoverflow{
	display: block;
}
.eventoverflow:hover .gdate{
	z-index: 7;
}
.eventoverflow:hover .events{
	overflow: visible;
	position: relative;
	z-index: 3;
	background-color: inherit;
	border: 1px solid gray;
	max-height: none;
}






@media screen and (max-width: 800px) {
#sidebar{
	display: none;
}
#navbar{
	margin-bottom: 15px;
}
#calendar{
	font-size: 7pt;
	margin-bottom: 50px;
}
#calendar .daynames{
	font-family: times;
	font-weight: bold;
	text-transform: uppercase;
}
#calendar tr td{
	width: 50px;
}
#calendar .days td{
	height: 50px;
}
.events{
	font-size: 6pt;
}
.quo{
	font-size: 20pt;
}
#calendartitle{
	font-size: 18pt;
	vertical-align: top;
	position: relative;
	bottom: 8px;
	z-index: 1;
}
#prevtxt, #nexttxt{
	font-size: 15pt;
}
#previous,#next{
	z-index: 2;
}
#daynames{
	display: none;
}
#mdaynames td{
	display: table-cell;
	font-family: times;
	font-weight: bold;
	text-transform: uppercase;
}
}