@import url(reset.css);
@import url(editor.css);

html, body { background: #000000 url(/media/ulkoasu/background.jpg) top center no-repeat; }

/* Layout
----------------------------------------*/

#Wrapper {
	float: none;
	width: 760px;
	padding: 0 20px;
	margin: 0 auto;
}

#Header,
#Body,
#Footer { width: 100%; }

#Body { padding: 0 0 20px 0; }


/* Main
----------------------------------------*/

#Main { width: 478px; overflow: hidden; }

/* Navigation */

#Navigation { width: 100%; }
#Navigation ul { float: left; text-align: center; list-style: none; padding: 1px 2px; }
#Navigation li { float: left; margin: -1px 0 0 -1px; border: 1px solid #858585; }
#Navigation a {
	float: left;
	font-family: "Arial Black", sans-serif;
	font-size: 110%;
	text-transform: uppercase;
	text-decoration: none;
	color: #999999;
	width: 5.44em;
	padding: 3px 10px;
	border: 1px solid #000000;
	background: #000000 url(/media/ulkoasu/navigation_link-bg.gif) top left repeat-x;
}
#Navigation a:hover,
#Navigation li.current a { color: #ffffff; }

/* Content */

#Content { width: 100%; }
#Content p { padding: 0 40px; }
#Content td p { padding: 0; }

#tdEnnen, #tdJalkeen { background: url(/media/ulkoasu/aijat-bg.png) top left repeat-x; }

#Trailer { width: 479px; height: 350px; display: block; }
#TrailerVideo { width: 479px; height: 350px; display: block; }


/* Sidebar 
----------------------------------------*/

#Sidebar { float: right; width: 247px; overflow: hidden; }


/* Footer
----------------------------------------*/

#Footer {
	float: none;
	text-align: center;
	margin: 0 0 50px 0;
	padding: 10px 0 0 0;
	border-top: 1px solid #ffffff;
	clear: both;
}

#Footer a:link, a:hover, a:active, .current a:link, a:visited {
	color: white;
	text-decoration: none;
}