		
		*{
			margin:0;
			padding:0;
		}
		body{
			background:url(shadow.gif) repeat-y center top #111315;
		}
		#calendar{
			background:url(background.jpg) top left no-repeat #111315;
			width:750px;
			height:570px;
			margin:auto;
			list-style:none;
			position:relative;
		}
		#pic{
			background:url(washout.jpg) top left no-repeat #111315;
			width:750px;
			height:570px;
			margin:auto;
			list-style:none;
			position:relative;
			padding-top:20px;
		}
		#pic a img{
			display:block;
			margin:0 auto;
			border:5px solid #fff;
		}
		#calendar li{
			list-style:none;
		}
		#calendar li a{
			border:1px solid #787878;
			display:block;	
			width:25px;
			font-weight:bold;
			color:#fff;
			text-decoration:none;
			font-family:"trebuchet ms",Verdana,sans-serif;
			padding:30px 10px 10px 10px;	
			position:absolute;	
		}
		#calendar li a.todayoriginal{
			border:1px solid #DE976B;
			display:block;	
			width:25px;
			font-weight:bold;
			color:#fff;
			text-decoration:none;
			font-family:"trebuchet ms",Verdana,sans-serif;
			padding:30px 10px 10px 10px;	
			position:absolute;
			}
		#calendar li a.today{
			border:1px solid #DE976B;
			display:block;	
			width:50px;
			font-weight:bold;
			color:#fff;
			text-decoration:none;
			font-family:"trebuchet ms",Verdana,sans-serif;
			padding:30px 10px 10px 10px;	
			position:absolute;
		}
		#calendar li a.notopen{
			border:1px solid #8C8C8C;
			display:block;	
			width:25px;
			font-weight:bold;
			color:#fff;
			text-decoration:none;
			font-family:"trebuchet ms",Verdana,sans-serif;
			padding:30px 10px 10px 10px;	
			position:absolute;	
		}
		#calendar li a.christmas{
			border:1px solid #8C8C8C;
			display:block;	
			width:50px;
			font-weight:bold;
			color:#fff;
			text-decoration:none;
			font-family:"trebuchet ms",Verdana,sans-serif;
			padding:30px 10px 10px 10px;	
			position:absolute;
		}	
		#calendar li a.showgame{
			border:1px solid #8C8C8C;
			display:block;	
			width:150px;
			height:50px;
			font-weight:bold;
			color:#fff;
			text-decoration:none;
			font-family:"trebuchet ms",Verdana,sans-serif;
			padding:10px 10px 10px 10px;	
			position:absolute;		
		}
		#calendar li a.done{
			border:1px solid #FFFFFF;
			color:#fff;
		}
		#calendar li a:hover{
			border:1px solid #FFFFFF;
			background:#fff;
			background:url(open.gif) top left no-repeat #111315;
			color:#000;
			filter:alpha(opacity=50); -moz-opacity: 0.5; opacity:
0.5; -khtml-opacity: 0.5; 
		}
		
		
		/*  =daylinks */

		#l1{
			background:url(1_small.jpg) top left repeat #111315;
			left:200px;
			top:30px;
		}
		#l2{
			background:url(2_small.jpg) top left repeat #111315;
			left:60px;
			top:420px;
		}
		#l3{
			background:url(3_small.jpg) top left repeat #111315;
			left:500px;
			top:220px;
		}
		#l4{
			background:url(4_small.jpg) top left repeat #111315;
			left:390px;
			top:120px;
		}
		#l5{
			background:url(5_small.jpg) top left repeat #111315;
			left:220px;
			top:500px;
		}
		#l6{
			background:url(6_small.jpg) top left repeat #111315;
			left:120px;
			top:160px;
		}
		#l7{
			background:url(7_small.jpg) top left repeat #111315;
			left:300px;
			top:400px;
		}
		#l8{
			background:url(8_small.jpg) top left repeat #111315;
			left:300px;
			top:500px;
		}
		#l9{
			background:url(9_small.jpg) top left repeat #111315;
			left:20px;
			top:170px;
		}
		#l10{
			background:url(10_small.jpg) top left repeat #111315;
			left:35px;
			top:260px;
		}
		#l11{
			background:url(11_small.jpg) top left repeat #111315;
			left:40px;
			top:505px;
		}
		#l12{
			background:url(12_small.jpg) top left repeat #111315;
			left:600px;
			top:380px;
		}
		#l13{
			background:url(13_small.jpg) top left repeat #111315;
			left:100px;
			top:300px;
		}
		#l14{
			background:url(14_small.jpg) top left repeat #111315;
			left:480px;
			top:405px;
		}
		#l15{
			background:url(15_small.gif) top left repeat #111315;
			left:400px;
			top:250px;
		}
		#l16{
			background:url(16_small.jpg) top left repeat #111315;
			left:10px;
			top:20px;
		}
		#l17{
			background:url(17_small.jpg) top left repeat #111315;
			left:580px;
			top:220px;
		}
		#l18{
			background:url(18_small.jpg) top left repeat #111315;
			left:200px;
			top:340px;
		}
		#l19{
			background:url(19_small.gif) top left repeat #111315;
			left:400px;
			top:400px;
		}
		#l20{
			background:url(20_small.jpg) top left repeat #111315;
			left:500px;
			top:500px;
		}
		#l21{
			background:url(21_small.jpg) top left repeat #111315;
			left:200px;
			top:200px;
		}
		#l22{
			background:url(22_small.jpg) top left repeat #111315;
			left:100px;
			top:17px;
		}
		#l23{
			background:url(23_small.jpg) top left repeat #111315;
			left:540px;
			top:20px;
		}
		#l24{
			background:url(24_small.jpg) top left repeat #111315;
			left:290px;
			top:120px;
		}
		#game{
			background:url(gamebanner.jpg) top left repeat #111315;
			left:300px;
			top:25px;
		}


/* Special */

		.tablebox {
				margin-left: 100px;
				margin-right: 100px;
			}


/*
*	BASIC STUFF
*/
body, table, div
{
	font-family: verdana, tahoma, arial, sans-serif;
	font-size: 10px;
	line-height: 1.4;
	color: #8C8C8C;
}

a
{
	color: #787878;
}
a:link
{
	color: #787878;
}
a:visited
{
	color: #787878;
}
a:active
{
	color: #9A9A9A;
	text-decoration: none;
}
a:hover
{
	color: #9A9A9A;
}

.error
{
	font-size: 10px;
	font-weight: bold;
	color: #FF0000;
}

div.contentBorder
{
	margin: 4px;
}


.menunew
{
	font-size: 10px;
	font-weight: bold;
	color: #D5333B;
}



/*
*	EDITOR DOCUMENTATION
*/

.codetext
{
	padding-left: 10px;
	padding-right: 10px;
	font-size: 10px;
	color: #E5E5E5;
}

.indent
{
	padding-left: 20px;
	padding-right: 20px;
}

.none
{
	padding-left: 0px;
}



/*
*	NAVIGATION
*/
div.navHeader
{
	padding-left: 10px;
}
div.navHeader a
{
	font-size: 10px;
	font-weight: bold;
	color: #3697D4;
	text-decoration: none;
}
div.navHeader a:hover
{
	color: #56B7F4;
}
div.navHeader a:visited
{
	color: #3697D4;
}

div.navLink
{
	padding-left: 25px;
}
div.navLink a
{
	font-size: 11px;
	font-weight: bold;
	color: #3697D4;
	text-decoration: none;
}
div.navLink a:hover
{
	color: #56B7F4;
}
div.navLink a:visited
{
	color: #3697D4;
}

tr.navBg
{
	background-color: #111315;
}

tr.navBg_active
{
	background-color: #243946;
}

tr.navBgHeader
{
	background-color: #1a1e21;
}



/*
*	TEXT HEADERS
*/
.header
{
	font-size: 11px;
	font-weight: bold;
	color: #3697D4;
}
.header_sml
{
	font-size: 10px;
	font-weight: bold;
	color: #3697D4;
}
.header_sml_error
{
	font-size: 10px;
	font-weight: bold;
	color: #FF0000;
}
.header_tiny
{
	font-size: 9px;
	color: #3697D4;
}
.header_tiny_normal
{
	font-size: 9px;
}
.header_huge
{
	font-size: 14px;
	font-weight: bold;
	color: #3697D4;
}
div.arrow
{
	margin-bottom: 2px;
	padding-left: 18px;
	background: url('../kuvat/nuoli.gif') no-repeat center left;
}



/*
*	TEXT QUOTES
*/
.quoteheader
{
	font-size: 11px;
	font-weight: bold;
	color: #787878;
}



/*
*	LINKS
*/
a.boldLink 
{
	color: #989898;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
}
a.boldLink:hover
{
	color: #B5B5B5;
}
a.boldLink:visited
{
	color: #989898;
}



/*
*	PICTURES
*/
.picLink
{
	color: #4F5457;
	border-color: #4F5457; 
}


