body 
{
	padding: 0;
	margin: 0;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.8em;
	text-align: left;
	background: #fff;
}

h1
{
	font-size: 2em;
	color: #fff;
	margin: 0;
	padding: 0;
	font-weight: 200;
}

h2
{
	margin: 0 0 1.5em 0;
	padding: 0;
	color: #448abd;
	font-size: 1em;
}

div#header div#title h2
{
	color: #fff;
	margin: 0;
	padding: 0;
	font-size: 1.1em;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: 200;
}

div#sidebar h2
{
	margin: 0 0 0.5em 0;
}

div#header div#title
{
	position: relative;
	left: 100px;
	top: 65px;
	width: 400px;
	line-height: 1.6em;
	text-align: center;

}

a
{
	text-decoration: none;
}

a img
{
	border: 0;
}

p
{
	margin: 1.5em 0 1.5em 1.5em;
}

p.center
{
	text-align: center;
}

div#wrapper
{
	width: 820px;
	margin: 0 auto;
}

div#header
{
	height: 199px;
	width: 800px;
	background: url('images/ylaosa.jpg') left top no-repeat;
}

div#navigation
{
	width: 800px;
	height: 20px;
	color: #000;
	text-align: left;
	background: url('images/navi.jpg') left top no-repeat;
}

div#navigation li
{
  padding: 0px 15px 15px 0px;
	display:inline;
}

div#navigation a 
{

	color: #000;
	text-decoration: none;
}

div#navigation a:hover {
	color: #448abd;
}

div#header_bottom
{
	height: 8px;
	width: 800px;
	background: url('images/navin_varjo.jpg') left top no-repeat;
}

div#content_wrapper
{
	margin: 10px 0;
	width: 830px;
	background: url('images/content_bg.jpg') left top repeat-y;
}

div#content
{
	float: left;
	width: 520px;
	padding: 15px;
}

div#content img
{
	padding: 10px;
}

div#content img.right
{
	float: right;
}

div#content div.comments
{
	width: 450px;
	height: 250px;
	margin: 15px 0 0 15px;
	border: 1px solid #c0c0c0;
	overflow: scroll;
	background: #fff;
}

div#sidebar
{
	width: 250px;
	padding: 15px;
	margin: 10px 0;
	float: left;
}

div#sidebar ul
{
	list-style-type: none;
	list-style-image: url('images/nav_icon.gif');
	line-height: 1.8em;
}

div#sidebar a
{
	color: #000;
	text-decoration: underline;
}

div#sidebar a:hover
{
	color: #555;
}

div#footer
{
	width: 800px;
	height: 42px;
	clear: both;
	color: #999;
	text-align: center;
	background: url('images/alaosa.jpg') left top repeat-x #fff;
}

div#footer a
{
	color: #999;
	text-decoration: none;
}

div.clearer
{
	clear: both;
}