/* Reset */

* {
	margin:0;
	padding:0;
}


/* Runko */

body {
	background-image:url(../images/bg_body.jpg);
	background-position:center;
	background-position:top;
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-color: #8c8e8d;
	color:#8c8e8d;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	font-size:75%;
	text-align:center;
}
html>body {
	font-size:13px;
}
#wrapper {
	margin: 0 auto;
	text-align:left;
	width: 990px;
}
#header {
	background-image:url(../images/bg_header.png);
	background-position:center;
	background-repeat:no-repeat;
	height:150px;
	margin-top:20px;
	width:990px;
}
.bg_content_top {
	background-image:url(../images/bg_content_top.png);
	background-repeat:no-repeat;
	height:50px;
	width:990px;
}
.bg_content {
	background-image:url(../images/bg_content.png);
	background-repeat:repeat-y;
	height:auto;
	width:990px;
}
.bg_content_bottom {
	background-image:url(../images/bg_content_bottom.png);
	background-repeat:no-repeat;
	height:50px;
	width:990px;
}
.content {
	margin:0px 55px 0px 55px;
	padding-bottom:10px;
	width:880px;
}


/* Typografia */

p {
	line-height:1.5em;
	padding:0.5em 0em 0.5em 0em;
	text-align:justify;
}
h1, h2, h3, h4 {
	clear:both;
}
::-moz-selection{
	background:#8c8e8d;
	color:#fff;
}

::selection {
	background:#8c8e8d;
	color:#fff;
}


/* Linkit */

a:link {
	border-bottom:1px solid #AEAEAE;
	color:#888;
	text-decoration:none;
}
a:visited {
	border-bottom:1px dotted #B9B9B9;
	color:#8c8e8d;
	text-decoration:none;
}
a:hover {
	border-bottom:1px solid #333;
	color:#333;
}
a:focus {
	
}
a:active {
	outline:none;
}
a#logo {
	border:none;
	display:block;
	height:79px;
	left:35px;
	position:relative;
	top:30px;
	width:98px;
}
a:hover#logo {
	border:none;
}


/* Listat */
ul {
	list-style-position:inside;
	list-style-type:disc;
	}
ol {
	list-style-position:inside;
	}
li ul {
	margin-left:20px;
	list-style-type:circle;
}


/* Painikkeet

Based on:
http://www.p51labs.com/simply-buttons-v2/
http://www.filamentgroup.com/lab/update_styling_the_button_element_with_css_sliding_doors_now_with_image_spr/

*/

button,
a.button,
a.button1,
a.button2{
	border:medium none;
	cursor:pointer;
	display:block;
	float:left;
	margin:10px 10px 10px 0;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
	overflow:visible;
	padding:0;
	text-decoration:none;
	white-space:nowrap;
}
form button {
	margin-top:10px;
}
button, x:-moz-any-link {
	margin: 10px 4px 8px 0; /* FF fix to make button spacing even across browsers. */
}
*:first-child+html button {
	margin:10px 10px 10px 0; /* Reset IE7 back to what it was for previous fix.  */
}
button::-moz-focus-inner {
	border: none; /* FF fix to get rid of outline on active state */
}
button span,
a.button span,
a.button1 span,
a.button2 span{
	display:block;
}
button,
a.button,
a.button1,
a.button2{
	background-color:#FFF;
	color:#9A9A9A;
	height:42px;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
	button {
		font-size:1em;
	}
}
button.button span,
button.button1 span,
button.button2 span,
a.button span,
a.button1 span,
a.button2 span{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	height:40px;
	padding:0 20px 0 0;
}
button.button span,
a.button span{
	background:transparent url(../images/bg_button_a.png) no-repeat scroll right top;
}
button.button1 span,
a.button1 span {
	background:transparent url(../images/bg_button_a_green.png) no-repeat scroll right top;
}
button.button2 span,
a.button2 span {
	background:transparent url(../images/bg_button_a_red.png) no-repeat scroll right top;
}
button.button span span,
button.button1 span span,
button.button2 span span {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	height:28px;
	padding:12px 0 0 20px;
}
a.button span span,
a.button1 span span,
a.button2 span span{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	height:30px;
	padding:10px 0 0 20px;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
	a.button span span,
	a.button1 span span,
	a.button2 span span {
		height:28px;
		padding:12px 0 0 20px
	}
}
button.button span span,
a.button span span{
	background:transparent url(../images/bg_button_span.png) no-repeat scroll left top;
}
button.button1 span span,
a.button1 span span {
	background:transparent url(../images/bg_button_span_green.png) no-repeat scroll left top;
}
button.button2 span span,
a.button2 span span {
	background:transparent url(../images/bg_button_span_red.png) no-repeat scroll left top;
}
button span span img,
a.button span span img,
a.button1 span span img,
a.button2 span span img {
	margin:0 0 -1px 10px;
}
button:hover,
a.button:hover,
a.button1:hover,
a.button2:hover{
	color:#777;
}
button:hover span,
a.button:hover span,
a.button1:hover span,
a.button2:hover span{
	background-position: right -40px;
}
button:hover span span,
a.button:hover span span,
a.button1:hover span span,
a.button2:hover span span {
	background-position: 0 -40px;
}
button:active span,
a.button:active span,
a.button1:active span,
a.button2:active span {
	background-position:right bottom;
	position:relative;
}
button:active span span,
a.button:active span span,
a.button1:active span span,
a.button2:active span span {
	background-position:left bottom;
	position:relative;
}


/* Formit - Muut elementit */

fieldset{
	border: 1px solid #bbb;
	margin-bottom:10px;
	padding:10px;
}
legend{
	color:#8c8e8d;
	padding:5px;
}
input.text, textarea{
	color:#777;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	font-size:1em;
	margin-bottom:10px;
	max-width:670px;
	padding:3px;
}
input.text{
	width:300px;
}
input#ovivahti{
	display:none;
}
textarea {
	height:250px;
	width:500px;
}
input.check, input.radio{
	margin:0 0 10px 165px;
}


/* Formit - Yleiset */

input{
	float:left;
}
form br {
	clear:both;
}
#form_messages{
	padding:0 10px 10px 10px;
	width:840px;
}
#form_messages hr{
	width:850px;
}


/* Formit - Labelit */

label{
	display:block;
	float:left;
}
label.group {
	font-weight:normal;
}
label.left {
	font-weight:normal;
	padding:3px 10px 3px 0;
	text-align:right;
	width:150px;
}
label.right {
	margin-top:-3px;
	padding:0 0 0 10px;
	text-align:left;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
	label.right {
		margin-top:0;
	}
}
label.group {
	float:left;
	margin:10px 0 10px 160px;
	text-align:left;
}


/* Kuvat */

img {
	border:none;
}
img.float_left {
	float:left;
	padding:1em 1.5em 1em 0em;
}
img.float_right {
	float:right;
	padding:1em 0em 1em 1.5em;
}


/* Yleishyödyllisiä */

.clear {
	clear:both;
	height:0px;
	width:100%;
}
.float_left {
	float:left;
}
.float_right {
	float:right;
}
hr {
	background-color: #bbb;
	border-style: none;
	clear:both;
	height: 1px;
	margin: 10px 0 10px -5px;
	outline-style: none;
	width:890px;
}