body,
html {
	margin: 0;
	padding: 0;
	text-align: center;
	background: url(bg_law.gif);

	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans;
	font-size: 86%;
}

/*
	LAYOUT
*/

#Container {
	position: relative;
	width: 818px;
	margin: auto;
	padding: 0;
	margin-bottom: 10px;
	overflow: hidden;
}

#Sisalto,
#SisaltoPiipulla {
	position: relative;
	background-color: #d9ff26;
	width: 800px;
	padding-left: 9px;
	padding-right: 9px;
	padding-top: 10px;
	z-index: 400;
	text-align: left;
}
#SisaltoPiipulla {
	background: #d9ff26 url(piippu.gif) top right no-repeat;
}

#KurkkuLaatikko {
	position: relative;
	background: url(kurkkulaatikko_yla.gif) top left no-repeat;
	width: 618px;
	margin: 0; padding: 0;
	margin-top: 10px;
}
#KurkkuLaatikkoSisalto {
	width: 580px;
	margin: 0; padding: 0;
	padding-top: 15px;
	padding-left: 25px;
	padding-right: 13px;
	text-align: left;
	color: #000000;
}
#KurkkuLaatikkoPohja {
	position: relative;
	background: url(kurkkulaatikko_pohja.gif) top left no-repeat;
	width: 618px;
	height: 23px;
	margin: 0; padding: 0;
}

#TaikaLaatikko {
	position: absolute;
	top: 40px;
	left: 20px;
	width: 300px;
	background-color: #000000;
	color: #ffffff;
	text-align: left;
}

#VideoLaatikko {
	position: relative;
	width: 425px;
	margin: 0; padding: 0;
	text-align: left;
}

#MielipideLinkki {
	position: relative;
	width: 573px; 
	margin: 0; padding: 15px;
	margin-top: 10px;
	padding-left: 30px;
	text-align: left;
}

#Nappi {
	position: relative;
	width: 100%; 
	text-align: right;
}

#MielipideLaatikko {
	position: relative;
	width: 450px;
	height: 470px;
	margin: 0; padding: 0;
}

#MustaLaatikko {
	background: url(musta_yla.gif) top left no-repeat;
	width: 449px;
	margin: 0; padding: 0;
	padding-top: 19px;
}
#Pidennys {
	position: relative;
	float: left;
	background-color: #ffffff;
	width: 1px;
	height: 460px;
	margin: 0; padding: 0;
}
#MustaLaatikkoSisalto {
	background-color: #000000;
	width: 431px;
	margin: 0; padding: 0;
	padding-right: 9px;
	padding-left: 9px;
	text-align: justify;

	color: #ffffff;
}
#MustaLaatikkoPohja {
	background: url(musta_ala.gif) top left no-repeat;
	width: 449px;
	height: 19px;
	margin: 0; padding: 0;
}

#Kommentit {
	position: absolute;
	top: 10px;
	right: 0;
	overflow: auto;

	width: 320px;
	height: 446px;
	margin: 0; padding: 0;
	padding-top: 10px;
	padding-left: 22px;
	text-align: left;
	z-index: 600;
}
#KommentitTausta {
	position: absolute;
	top: 10px;
	right: 0;

	background: url(kommentit_tausta.gif) top left no-repeat;
	width: 342px;
	height: 456px;
	margin: 0; padding: 0;
	z-index: 590;
}
#KommentitLisays {
	display: none;
}

#Kupla {
	background: url(kommentit_kupla.gif) bottom left no-repeat;
	width: 282px;
	margin: 0; padding: 0;
	margin-bottom: 5px;
	padding-bottom: 25px;
	padding-left: 8px;
	padding-right: 8px;

	color: #000000;
}
/* Taken:  overflow-x: hidden; */
#KuplaPuhuja {
	background: url(kommentit_puhuja.gif) top left no-repeat;
	width: 282px;
	height: 28px;
	margin: 0; padding: 0;
	padding-left: 8px;
	padding-right: 8px;
	overflow: hidden;
}
#KuplaPuhuja2 {
	background: #000000;
	width: 282px;
	margin: 0; padding: 5px;
	padding-left: 8px;
	padding-right: 8px;
	overflow: hidden;
}

#About {
}
#AboutSisalto {
	position: absolute;
	top: 244px;
	left: 70px;
	width: 475px;
	height: 440px;
	padding: 10px;
	overflow: auto;
	background-color: #000000;
	text-align: left;
	color: #ffffff;
	z-index: 500;
}

#Footer {
	padding-top: 20px; padding-bottom: 10px;
	position: relative;
	text-align: center;
}

.clearfloat {
  float: none;
  clear: both;
  height: 0;
  font-size: 1px;
  line-height: 0px;
}

/*
	Rails Framework Stuff
*/

#flashNotice {
	position: absolute;
	top: 186px;
	left: 75px;
	padding: 10px;
	background-color: black;
	width: 475px;
	height: 58px;
	
	text-align: left;
	font-size: 1.4em;
	color: #ffffff;
}

.fieldWithErrors {
	
}

.formError {
	margin: 2px;
	margin-left: 0;
	margin-right: 10%;
	padding: 8px;
	background-color: red;
	border: 1px solid black;
	color: black;
	font-size: 1.0em;
}