html {
	height: 100%; /*STOCK*/
	overflow-y: scroll; /*STOCK*/
	}

body {
/*	background: url("../image/bg/TEST.jpg") top left fixed;*/
	background-size: cover;  
	background: ; /*STOCK*/
	color: ; /*STOCK*/
	font: ; /*STOCK*/
	height: ; /*STOCK*/
	margin: 1px;
	}

#wrapper {
	background: ; /*STOCK*/
	margin: 0px auto; /*STOCK*/
	min-height: ; /*STOCK*/
	width: ; /*STOCK*/
	}

#content{
	padding: ; /*STOCK*/
	position: ; /*STOCK*/
	}

		a:link {text-decoration: none; color: rgba(0,0,0, 1); }
		a:visited {text-decoration: none; color: rgba(0,0,0, 1); }
		a:hover {text-decoration: none; color: rgba(0,0,0, 1); }
		a:active {text-decoration: none; color: rgba(0,170,0, 1); }
		
p {
	margin-top: 12px;
	}

.fade {
	opacity:.6;
	}

.before {
	font-size: 18px;
	text-align: center;
	position: absolute;
	left: -53px;
	top: 43px;
	}

.after {
	font-size: 18px;
	text-align: center;
	position: absolute;
	left: 427px;
	top: 43px;
	z-index: 1;
	}

/******* adjust horizontal position of calendar with  #header > height *******/
#context-cal,
#full-cal {
	height: 545px;
	left: 0px;
	margin: auto;
	position: absolute;
	right: 0px;
	top: 156px;
	width: 1040px;
	}

#context-cal {
		width: 780px;
		}

/* BEGIN header */
#header {
/*	background: url("../image/bg/bg-calendar-3.jpg") top left fixed;
	background-size: cover;   */
	height: 92px;
	left: 0px;
	margin: 0px auto;
	padding: 28px 0px 0px 0px;
	position: fixed;
	right: 0px;
	top: 30px;
	width: 1000px;
	z-index: 1;
	}

	#menu {
		color: #222;
		font: 47px digital-dismay;
		letter-spacing: 3px;
		text-align: center;
		width: 486px;
		}

		#menu a:link {text-decoration: none; color: #333; }
		#menu a:visited {text-decoration: none; color: #333; }
		#menu a:hover {text-decoration: none; color: #0a0; }
		#menu a:active {text-decoration: none; color: #070; }

		.main-menu {
			letter
			}

	.context {
		font: 13px verdana;
		position: relative;
		text-transform: uppercase;
		bottom: 31px;
		}

		.here {
			color: rgba(0,255,0, .8);
			text-shadow: 2px 0 0 #000, 0 -2px 0 #000, 0 2px 0 #000, -2px 0 0 #000;
	/*		text-shadow: 0 0 0.2em #070, 0 0 0.2em #030, 0 0 0.2em #030;  */
			}


/*date-time */
	#time {
		font: 47px digital-dismay;
		letter-spacing: 3px;
		position: absolute;
		right: 0px;
		text-align: center;
		text-shadow: 2px 0 0 #000, 0 -2px 0 #000, 0 2px 0 #000, -2px 0 0 #000;
		transform: scale(1.15, 1);
		top: 28px;
		width: 474px;
		}

		#tick2 {
			color: rgba(0,255,0, .8);
/*			padding: 1px 10px 0px 17px;
			border: solid 1px rgba(10,10,10, .4);
			background: rgba(0,0,0, .1);
			border-radius: 3px;   */
			}

			#tick2:hover {
				color: rgba(0,255,0, .9);
				}

/* date-time */
		#cd {
		bottom: 3px;
		color: #0c0;
		font: 14px verdana;
		text-shadow: none;
		text-shadow: 2px 0 0 #000, 0 -2px 0 #000, 0 2px 0 #000, -2px 0 0 #000;
		position: relative;
			}
/* END header */





	#this-month {
		}

	#this-month:hover {
		}

		#this-month .days {
			}




.main {
	height: 221px;
	padding: 7px;
	text-align: center;
	width: 246px;
	}

table.main {
	border: solid 1px rgba(0,0,0, .1);
	margin-top: -4px;
	}

	table.main:hover {
		filter: brightness(127%);
		}

table tr {
	padding: 0px 10px;
	
	}

.month {
	background: rgba(31,31,31,1);
	color: #080;
	font: 14px verdana-bold;
	height: 23px;
	letter-spacing: 1px;
	padding-top: 3px;
	}

			/* for firefox  */
				@-moz-document url-prefix(){
					.month {
						height: 24px;
						padding-top: 3px;
						}
					}

.daysofweek {
	background-color: #555;
	color: #111;
	font: 11px tahoma-bold;
	padding: 1px 0px 0px;
	}

.days {
	background-color: #777;
	border: solid 1px rgba(0,0,0, .2);
	color: #222;
	font: 17px tahoma-bold;
	padding: 3px 0px 2px;
	}

		.days #today {
			background: #333;
			border-radius: 3px;
			color: #0c0;
			display: inline-block;
			padding: 0px 4px 2px 3px;
			margin: 0px -4px -2px -3px;
			width: 22px;
			}


			/* for firefox  */
				@-moz-document url-prefix(){
					.days #today {
						padding: 0px 4px 2px 3px;
						margin: 0px -4px -2px -3px;
						}
					}