@charset "utf-8";
/* CSS Document */

/*Minified Eric Meyer CSS Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {	margin: 0;	padding: 0;	border: 0;	font-size: 100%;  font: inherit; 	vertical-align: baseline;} /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block;} body {	line-height: 1; } ol, ul { 	list-style: none; }blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}table {border-collapse: collapse;border-spacing: 0;}
/*CSS reset ends*/

@font-face {
    font-family: 'futurama_alien_alphabet_twoRg';
    src: url('../font/fr-fal2-webfont.eot');
    src: url('../font/fr-fal2-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/fr-fal2-webfont.woff2') format('woff2'),
         url('../font/fr-fal2-webfont.woff') format('woff'),
         url('../font/fr-fal2-webfont.ttf') format('truetype'),
         url('../font/fr-fal2-webfont.svg#futurama_alien_alphabet_twoRg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'futurama_title_fontregular';
    src: url('../font/fr-title-webfont.eot');
    src: url('../font/fr-title-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/fr-title-webfont.woff2') format('woff2'),
         url('../font/fr-title-webfont.woff') format('woff'),
         url('../font/fr-title-webfont.ttf') format('truetype'),
         url('../font/fr-title-webfont.svg#futurama_title_fontregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'futurama_alien_alphabet_oneRg';
    src: url('../font/fr-fal1-webfont.eot');
    src: url('../font/fr-fal1-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/fr-fal1-webfont.woff2') format('woff2'),
         url('../font/fr-fal1-webfont.woff') format('woff'),
         url('../font/fr-fal1-webfont.ttf') format('truetype'),
         url('../font/fr-fal1-webfont.svg#futurama_alien_alphabet_oneRg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'futurama_bold_fontregular';
    src: url('../font/fr-bold-webfont.eot');
    src: url('../font/fr-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/fr-bold-webfont.woff2') format('woff2'),
         url('../font/fr-bold-webfont.woff') format('woff'),
         url('../font/fr-bold-webfont.ttf') format('truetype'),
         url('../font/fr-bold-webfont.svg#futurama_bold_fontregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

section.wrapper{
	width: 90%;
	padding: 30px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
}

h1{
	font-size: 300%;
}

h2{
	font-size: 200%;
}

h3{
	font-size: 150%;
}

h1, h2, h3{ 
	font-weight: 700;
	margin-bottom: 30px;
}

.ft-background{
  /* Set rules to fill background */
  min-height: 100%;
  min-width: 1600px;
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
  /* Set up positioning */
  position: fixed;
  top: 0;
  left: 0;
  z-index:-1000;
}

html, body{
	width:100%;
	min-width:100%;
	height: 100%;
	min-height: 100%;
	/*background:url(../images/futuramabackground.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;*/
}

body{
	font-family: 'futurama_bold_fontregular', sans-serif;
	font-weight: 400;
	line-height: 1.25;
}

h1{
	font-family: 'futurama_bold_fontregular', sans serif;
	font-size: 56pt;
	font-weight: 300;
	line-height: 1.38;
	text-transform: uppercase;
	text-align:right;
	margin-top:-10px;
	margin-bottom:-17px;
}

h2{
	font-family: 'futurama_bold_fontregular', sans serif;
	font-size: 38pt;
	font-weight: 300;
	line-height: 1.38;
	text-transform:capitalize;
	text-align:center;
	float:right;
	margin-right:40px;
	color:#800000;
	margin-top:-13px;
}

table#calendar{
	clear: both;
	width: 100%;
	float:right;
	margin-bottom: 20px;
	border-spacing: 25px;
}

table { 
    border-collapse: separate;
	clear:both;
}

table#calendar tr{
	height: 100px;
}

table#calendar tr td{
	border:groove;
	text-align: center;
	vertical-align: middle;
	font-size:24pt;
	width:118px;
	background:url(../images/cell-background.jpg) repeat-x;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	-webkit-box-shadow: 5px 5px 21px #000000;
	-moz-box-shadow: 5px 5px 21px #000000;
	box-shadow: 5px 5px 21px #000000;
}

.daysofweek{
	font-family: 'futurama_bold_fontregular', sans serif;
	font-size:24px;
	font-weight: 300;
	line-height: 1.38;
	text-transform:capitalize;
	text-align:center;
	vertical-align:middle;
	background:#F7F2F2;
	border:groove;
	color:#000000;
	width:118px;
	
}

.daysofweekend{
	font-family: 'futurama_bold_fontregular', sans serif;
	font-size:24px;
	font-weight: 300;
	line-height: 1.38;
	text-transform:capitalize;
	text-align:center;
	vertical-align:middle;
	background:#D5D3D3;
	border:groove;
	color:#767272;
	width:118px !important;
	
}



.weekday{
	color: black;
}

.weekend{
	color:#767272;
	background:#EDE4E4;
	
			
}

.adjacent{
	background:#7A7777 !important;
	color:white !important;	
}

img#hypnotoad{
	float:left;
	display:block;
	clear:both;
	align: left;
	margin-top:-80px;
	margin-bottom:-25px;
}

footer{
	clear: both;
	text-align:center;
}


table#calendar tr td{
	position: relative;
	text-align:center;
}

table#calendar tr td:hover span:first-child{
	opacity: 0;
}

table#calendar tr td:hover span:last-child{
	opacity: 1;
}

#twenty span:last-child{
	letter-spacing: 10px;
	
}
#twenty-one span:last-child{
	letter-spacing: 10px;
	
}

#twenty-two span:last-child{
	letter-spacing: 10px;
	
}

#twenty-three span:last-child{
	letter-spacing: 10px;
	
}

#twenty-four span:last-child{
	letter-spacing: 10px;
	
}

#twenty-five span:last-child{
	letter-spacing: 10px;
	color:red;
	
}

#twenty-six span:last-child{
	letter-spacing: 10px;
	
}

#twenty-seven span:last-child{
	letter-spacing: 10px;
	
}

#twenty-eight span:last-child{
	letter-spacing: 10px;
	
}

#twenty-nine span:last-child{
	letter-spacing: 10px;
	
}

table#calendar tr td span{
	display:block;
	position:absolute;
	text-align:center;
	line-height: 94px;
	width: 100%;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	top: 0;
	left: 0;
}

table#calendar tr td span:last-child{
	opacity: 0;
	font-family: 'futurama_alien_alphabet_oneRg';
}


#twenty-five{
	cursor: pointer;
	image-size: 100%;
	color:red !important;
	background:url(../images/th-futurama-xmas-tree.jpg) !important;
}

#thirty-one{
	cursor: pointer;
	image-size: 100%;
	color:red !important;
	background:url(../images/newyears.jpg) !important;
}