﻿/* DEFAULT STYLES FOR A FIRST NASSAU MASONIC DISTRICT CALENDAR PAGE		MARCH 10 2010	*/
/* UPDATED (with EX suffix) with better cascading										JUNE  25 2010	*/
/* Install With:	<link rel="stylesheet" type="text/css" href="CSS/calendar.css" />	  	*/
/* Add styles for newMonth, nextMonth, and lastMonth								MAY	 24 2011	*/

/* ABSOLUTE DEFAULTS */

/* BODY */
body {
	background-color:	#d0d0d0; /* In case images fails for some reason */
	background-image:	url('../images/tmasonbg2.jpg');
 	font-family:			Arial;
} 

/* TABLE */
table.calendar { 
	border:		    		3px solid #202020; 
	background-color:	#FFFFCC;  /* In case images fails for some reason */
	background-image:	url('../images/canbg.gif');
	color:		    		black;
	font-family:			Arial;
	min-width:				100%;
  margin:						0 auto 0 auto;
  box-shadow:					6px 6px 15px #104;
  -moz-box-shadow:		6px 6px 15px #104;
  -webkit-box-shadow:	6px 6px 15px #104;
}	

table.calendar th, th.month { /* The real header */
	border:						1px ridge black; 
	color:        		black;
  background-color: #FFCC99;
	text-align:				center;
	padding:					6px 0px 6px 0px;
	font-size:				18px;
  font-weight:			bold;
  font-family:  		Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
}	

table.calendar th { /* left & right cells of month-year header */
	 font-size:				18px;
	 min-width:				150px;
	 max-width:				150px;
	 text-shadow: 		2px 2px 2px #fff;
}

table.calendar th.month { /* month-year cell */
	 font-size:				48px;
	 text-shadow: 		3px 3px 3px #fff;
}

table.calendar th.days { /* Secondary Header with Days of Week */
	border:						1px ridge black; 
  color:        		black;
  background-color: #FFCC66;
	text-align:				center;
	font-size:				18px;
	padding:					10px 2px 10px 2px;
  font-weight:			bold;
  font-family:  		"Arial Black";
  font-style:				italic;
	background: 			-moz-linear-gradient(top, #febf01 0%, #FCF3D9 47%, #febf01 100%); /* firefox */
	background: 			-webkit-gradient(linear, left top, left bottom, color-stop(0%,#febf01), color-stop(47%,#FCF3D9), color-stop(100%,#febf01)); /* webkit */
	filter: 					progid:DXImageTransform.Microsoft.gradient( startColorstr='#febf01', endColorstr='#febf01',GradientType=0 ); /* ie */
}

table.calendar td { 
	border:						1px ridge #202080; 
  color:        		black;
/*background-color:	#FFFFCC;  /* In case images fails for some reason */
	background-color:	transparent; /* 2011.03.17 */
  font-weight:			bold;
	font-size:				13px;
  font-family:			Arial, Helvetica, sans-serif;
  vertical-align: 	top;
	text-align:				left; 
	text-indent:			0;
	line-height:			100%; 
	margin:						0 3px 0 3px;
	vertical-align:		top;
	padding:					2px 1px 1px 2px;
}

table.calendar h4 { 
  color:        		red;
  font-weight:  		bold;
	font-size:				19px;
	font-style:				italic;
}

table.calendar div, span {
 	color:       			red;
	font-weight:			bold;
	font-size:				18px; 
	font-style:				italic;
}
table.calendar div.day, span.day {
	text-shadow:			1px 1px 1px black;
}
.smlRed {
  color: 						red;
  font-size:				13px;
}

 .newMonth {
			text-align:center;	
			color:navy;	
			background-color:#ccc;
			background-image:url('../images/canbg.gif');
			border:3px maroon outset;	
			padding:0.5em; 
			font-weight:bold; 
			font-style:italic;	
	}
	.nextMonth {
	 		float:					right; 
	 		margin-right:		5%;
	}
	.lastMonth {
	 		float:					left; 
	 		margin-left:		5%;
	}
/* Psudo Classes & Pseudo Elements */
	table.calendar td:empty  { border:thin transparent hidden; }
	table.calendar p::first-letter { font-size:1.3em; }