html {
height: 100%;
}

body {
	color: #ffffff;
	margin: 0px;
	padding: 0;
	text-align: left;
	font-family: 'Share Tech Mono';
	font-size:14px; 
	height: 100%;
	line-height:18px; 

}
.clear { clear:both; }

#clock a { color:#000000; text-decoration:none;  } 
#clock a:hover { color:#000000; text-decoration:underline; } 

#top a { color:#ffffff; text-decoration:none; } 
#top a:hover { color:#ffffff; text-decoration:underline; } 

#box { position:absolute; top:0px; left:0px; display:block; float:left; width:400px; text-align:center; border:0px solid #ffffff;  font-family: 'Share Tech Mono';  }
#color { display:block; float:left; width:400px; text-align:center; line-height:70px; font-size:70px; border:0px solid #ffffff;  }
#time { display:block; float:left; width:400px; margin:0px; padding:0px;  border:0px solid #ffffff;  font-size:20px;  }

#clock { position:absolute; bottom:0px; left:0px;  display:block; float:left; border:0px solid #ffffff; padding:0px;  width:100%; background:#ffffff; color:#000000;  }
#clock table { padding:0; margin:0; border:0; border-collapse:collapse; width:100%;   }
#clock td {   padding:20px 30px;  }
#clock td:last-child {  text-align:right; }

#top { position:absolute; top:0px; left:0px;  display:block; float:left; border:0px solid #ffffff; padding:0px;  width:100%; color:#ffffff;  }
#top p { margin:0px; padding:0px;   }
#top table { padding:0; margin:0; border:0; border-collapse:collapse; width:100%;   }
#top td {   padding:30px 30px;  }
#top td:last-child {  text-align:right; }
#top h1 { display:block; padding:0px; margin:0px;   font-size:25px; line-height:25px; text-transform: uppercase; }

a.media1 { display:block; float:left; margin:0px 0px 0px 7px; background:#3f619e; width:36px; height:36px;   -moz-border-radius: 35px; -webkit-border-radius: 35px; border-radius:35px; }
a.media1:hover { background:#3f619e url(img/f.png) center center no-repeat;  }
a.media2 { display:block; float:left; margin:0px 0px 0px 7px; background:#24b0ed; width:36px; height:36px;   -moz-border-radius: 35px; -webkit-border-radius: 35px; border-radius:35px; }
a.media2:hover { background:#24b0ed url(img/t.png) center center no-repeat;  }
a.media3 { display:block; float:left; margin:0px 0px 0px 7px; background:#db4d39; width:36px; height:36px;   -moz-border-radius: 35px; -webkit-border-radius: 35px; border-radius:35px; }
a.media3:hover { background:#db4d39 url(img/g.png) center center no-repeat;  }

/* snowFlurry JS - version 1
Copyright (c) 2014 S. William
Licensed Under MIT */

.single-flake {
background-color: #fff;
position: fixed;
top: 0;
z-index: 99999;
}

.snow-animate {
top: 99.5%;
}