*
{
	margin: 0;
	padding: 0;
}

body
{
	z-index: 0;
	position: relative;
	font-family: "Arial MS Unicode", Arial, Helvetica, sans-serif;
	font-size: 9pt;
	background-image: url('../images/Seagulls.jpg');
	background-repeat: repeat;
	background-position: 0 0;
	text-align: center;
}

/**************************************************************************************************/

@font-face                       
{
	font-family: Delicious;
	src: url('../fonts/delicious-123/Delicious-Roman.otf');
}

/**************************************************************************************************/
.Wrapper
{
	width: 756px;
	height: 100%;
	margin: 0 auto 0 auto;
	clear: both;
	text-align: left;
}

.Wrapper .Padding
{
	padding: 40px 0 0 0;
	clear: both;
}

/**************************************************************************************************/
.Core,
.Padding,
.Topper,
.Left, .Right,
.Disclaimer,
.Calendar, 
.Calendar .Days, 
.Calendar .Days  ul,
.Calendar .Days  li,
.Calendar .Days .Padding,
.Calendar .Days .Date,
.Sky, .Moon
{
	position: relative;
	float: left;
	display: inline;
}

/**************************************************************************************************/
.Core
{
	width: 756px;
	background-color: transparent;
}

.Core .Padding { padding: 20px; }

/**************************************************************************************************/
.Topper { width: 714px; }

/**************************************************************************************************/
.Topper .Left
{
	background-color: #333;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin: 0 0 20px 0;
}

.Topper .Left .Padding { padding: 15px 40px 15px 40px; }

.Topper .Left h1
{
	font-family: Delicious, "Arial MS Unicode", Arial, Helvetica, sans-serif;
	font-size: 500%;
	line-height: 1em;
	color: #fff;
	text-shadow: #f00 1px 1px 0, #0f0 -1px -1px 0;
}

.Topper .Right { float: right; }

/**************************************************************************************************/
.Clock, 
.Sky, 
.Sky .Moon, 
.Sky .Silhouette
{
	width: 100px;
	height: 100px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.Sky { background-color: #555; }

.Sky .Moon, .Sky .Silhouette
{
	position: absolute;
	top: 0;
	left: 0;
}

.Sky .Moon
{
	background-image: url('../images/moon_mask.png');
	background-repeat: no-repeat;
	background-position: 0 0;
}

.Sky .Silhouette
{
	background-image: url('../images/moon_shadow.png');
	background-repeat: no-repeat;
	background-position: 0 0;
	filter: alpha(opacity=80);
	-moz-opacity: .80;
	opacity: .80;
}

/**************************************************************************************************/
.Disclaimer
{
	background-color: #333;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin: 20px 0 0 0;
}

.Disclaimer p { color: #fff; }
.Disclaimer .Padding { padding: 15px 40px 15px 40px; }

/**************************************************************************************************/
.Calendar { margin: 0 0 0 -2px; }

.Calendar p
{
	font-family: Delicious, "Arial MS Unicode", Arial, Helvetica, sans-serif;
	font-size: 150%;
	line-height: 1em;
	font-weight: normal;
	color: #333;
}

/**************************************************************************************************/
.Calendar .Days li p a:link, .Calendar .Days li p a:active, 
.Calendar .Days li p a:active, .Calendar .Days li p a:hover { color: #333; }

/**************************************************************************************************/
.Calendar .Days
{
	width: 716px;
	background-color: transparent;
}

.Calendar .Days .Padding { padding: 1px; }
.Calendar .Days ul { width: 100%; }
.Calendar .Days { margin: 0; }

.Calendar .Days li
{
	clear: none;
	text-align: left;
}

.Calendar .Days li.none .Date { background-color: transparent; }
.Calendar .Days li .Padding { padding: 1px; }

.Calendar .Days li .Date
{
	width: 100px;
	height: 90px;
	background-color: #fff;
}

.Calendar .Days li.active .Date { background-color: #ccccbb; }

.Calendar .Days li .Date:hover
{
	background-color: #ffc;
	cursor: pointer;
	-webkit-transition-duration: 0.5s;
	box-shadow: 0px 0px 30px #fff;
	-webkit-box-shadow: 0px 0px 30px #fff;
	-moz-box-shadow: 0px 0px 30px #fff;
}

.Calendar .Days li.none .Date:hover
{
	cursor: auto;
	background-color: transparent;
	box-shadow: 0 0 0 #fff;
	-webkit-box-shadow: 0 0 0 #fff;
	-moz-box-shadow: 0 0 0 #fff;
}

.Calendar .Days li .Date .Padding { padding: 10px; }