* { margin:0;padding:0; font-family: Arial, Helvetica, Verdana, sans-serif; }

body { background:#F3EFE5 url(img/bgraita2.gif) left 118px repeat-x;margin:0;padding:0;}
a img { border:0;text-decoration:none; }

#counter { position:absolute; top:0; left:0; margin: 0;padding: 0;text-align: right;font-size: 0.1em;line-height: 0.1em;visibility: hidden;}
hr.f  { margin: 0;padding: 0;visibility: hidden;border:0;height:0;width:100px;}
	
div.codesort ul {  font-size:0.9em;padding: 10px 0 35px 0; margin: 0 0 0 20px;}
div.codesort ul li { line-height: 1.3em;padding: 0 10px 0 10px;margin: 0 0 8px 15px;display:inline;border-left:1px solid #D1CBBB;border-right:1px solid #D1CBBB;}
div.codesort{ margin-bottom:5px;}
div.codesort img { padding:0 1px 1px 0;}
div.credit { font-size: 0.8em;}
label { float: left; width: 8em; text-align: right; margin: 0 0.5em 0 0;}
#donate label { width: 12em;}

#vasen2 p.thanks { font-size:0.9em;font-weight:bold;font-style:italic;}

input, textarea {
	background: #FFFFFF;
	border-bottom: 1px solid #F7931C;
	border-left: 4px solid #F7931C;
	border-top: 0;
	border-right: 0;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 1.0em;}
select {
	background: #FFFFFF;
	border-bottom: 1px solid #F7931C;
	border-left: 4px solid #F7931C;
	border-top: 0;
	border-right: 0;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 1.0em;}
input.sub, input.form_submitted {
	color: #FFFFFF;
	font-weight: bold;
	margin:0;
	padding: 0 0 3px 0;
	background: url(img/button.gif) no-repeat 0 0;
	height: 27px;
	width: 69px;
	border: 0;}
.show_join_form, .show_update_form { padding: 0;margin: 10px 0 15px 35px;}
	
.show_update_submit_button {
	color: #FFFFFF;
	font-weight: bold;
	margin:0 0 0 0;
	padding: 0 0 4px 0;
	background: url(img/button2.gif) no-repeat 0 0;
	height: 27px;
	width: 163px;
	border: 0px;}
.show_lostpass_submit_button {
	color: #FFFFFF;
	font-weight: bold;
	margin:0 0 0 0;
	padding: 0 0 4px 0;
	background: url(img/button2.gif) no-repeat 0 0;
	height: 27px;
	width: 163px;
	border: 0;}
.show_lostpass_email_field {
	height: 21px;}
.show_join_submit_button {
	color: #FFFFFF;
	font-weight: bold;
	margin:15px 0 0 0;
	padding: 0 0 4px 0;
	background: url(img/button.gif) no-repeat 0 0;
	height: 27px;
	width: 69px;
	border: 0;}
.show_join_reset_button {
	color: #FFFFFF;
	font-weight: bold;
	margin:15px 0 0 0;
	padding: 0 0 3px 0;
	background: url(img/button.gif) no-repeat 0 0;
	height: 27px;
	width: 69px;
	border: 0;}
	
select.country { width:155px;}
.show_sort_form { margin: 10px 0 20px 8px; font-size: 0.8em;}
.show_join_submit_button { margin:15px 0 0 0;padding: 0;}
.show_join_reset_button { margin:15px 0 0 0;padding: 0;}
.formi {
	padding: 0;
	margin: 4px 0 0 19px;
	font-size: 0.8em;
	line-height: 1.3em;}
.formi td { text-align: left;padding: 0 15px 5px 0;}

/* links
---------------------------------------------------------------------------------------------------------------- */
a, a:link, a:visited { color: #E47B00;text-decoration: underline;}
a:hover { background: #F18403;color: #FFFFFF;text-decoration: none;}

/* p ja h2
---------------------------------------------------------------------------------------------------------------- */
div#vasen2 p { text-align:left;font-size:0.8em;line-height: 1.5em;color:#1D1D1D; padding: 0 0 18px 0;margin: 0;}
div#vasen2 p.affi { padding: 10px 0 18px 0;margin: 0;}

div#vasen2 h2:first-letter {
	font-size: 1.6em;
	font-style:italic; 
	color: #A61616;
	text-transform:lowercase;}
div#vasen h2 {
	width:475px;
	border-bottom: 1px dotted #BD0D09;
	font-family: Georgia, Verdana, Tahoma, Sans-Serif;
	margin: 0 0 8px 0;
	padding: 5px 0 0 0;
	text-align:left;
	font-size:1.2em;
	line-height: 1.3em;
	color:#BD0D09;
	letter-spacing: 4px;}
div#vasen div.codesort h2:first-letter, div#vasen h3:first-letter  {
	font-size: 1.4em;
	font-style:italic; 
	color: #EA5E00;
	text-transform:lowercase;}
div#vasen div.codesort h2, div#vasen h3 {
	width:475px;
	border-bottom: 1px dotted #BD0D09;
	font-family: Georgia, Verdana, Tahoma, Sans-Serif;
	margin: 0 0 8px 0;
	padding: 5px 0 0 0;
	text-align:left;
	font-size:1.0em;
	line-height: 1.3em;
	color:#EA5E00;
	letter-spacing: 4px;}
#sininen2 {
	position:relative;float:left;
	margin:0;padding:0;}
#sininen h3 {
	font-family: Georgia, Verdana, Tahoma, Sans-Serif;
	font-size:.75em;color: #FFFFFF;position:relative;float:left;
	left:9px;width: 202px;height: 38px;
	background: url(img/sin.gif) no-repeat 0 0;border: 0;text-decoration: none;
	margin:0;padding:9px 0 0 10px;letter-spacing:1px;}
div#sininen h3:first-letter { font-size: 1.5em; font-weight: bold; font-style:italic; color: #FFFFFF;letter-spacing:1px;}

#blacksin h3 {
	font-family: Georgia, Verdana, Tahoma, Sans-Serif;
	font-size:.75em;color: #FFFFFF;position:relative;float:left;
	left:9px;width: 202px;height: 27px;
	background: url(img/sin2.gif) no-repeat 0 0;border: 0;text-decoration: none;
	margin:60px 0 0 0;padding:12px 0 0 10px;letter-spacing:1px;}
div#blacksin h3:first-letter { font-size: 1.5em; font-weight: bold; font-style:italic; color: #FFFFFF;letter-spacing:1px;}
	
	
/* lists
---------------------------------------------------------------------------------------------------------------- */
.stat { padding: 0 0 5px 0; margin: 0;}
.stat li {
	font-size:.8em;
	line-height: 1.3em;
	padding: 0;
	margin: 0 0 4px 35px;
	list-style-type:circle;}
.stat2 { padding: 9px 0 18px 0px; margin: 0;}
.stat2 li {
	font-size:.8em;
	line-height: 1.3em;
	padding: 0;
	margin: 0 0 4px 35px;
	list-style-type:circle;}
.ul { padding: 0 0 3px 0; margin: 0;}
.ul li {
	font-size:.8em;
	line-height: 1.3em;
	padding: 0;
	margin: 0 0 15px 35px;
	list-style-type:circle;}
.ul2 { padding: 0 0 10px 0; margin: 0;}
.ul2 li {
	font-size:.8em;
	line-height: 1.3em;
	padding: 0;
	margin: 0 0 8px 35px;
	list-style-type:circle;}
.ul2a { padding: 0; margin: 0;}
.ul2a li {
	font-size:.8em;
	line-height: 1.3em;
	padding: 0;
	margin: 0 0 0 35px;
	list-style-type:circle;}
#sininen2 ul { margin: 0 0 0 20px; padding: 5px 0 0 0;}
#sininen2 ul li {
	font-size:.85em;
	line-height: 1.3em;
	padding: 0;
	margin: 0 0 15px 15px;
	list-style-type:circle;}
.ulf { padding: 2px 0 5px 0; margin: 0;}
.ulf li {
	font-size:.8em;
	line-height: 1.3em;
	padding: 0;
	margin: 0 0 4px 35px;
	list-style-type:circle;}

/* divs
---------------------------------------------------------------------------------------------------------------- */
#container { margin: 0;padding: 0;}
#tausta { background: url(img/bgraita.gif) left top repeat-x;padding:0;margin:0;}
#top { width:743px;margin:0 auto;padding:0;}
#layout { width:725px;height:118px;margin:0;padding:0;position:relative;}
#logo { background: url(img/logo.gif) left top no-repeat;margin:0;padding:0;width:324px;height:118px;position:relative;float:left;left:15px;}

#layout h1 { position:relative;float:left;left:0;top:0;margin:0; padding:0;}
#layout h1 a {
	text-indent: -9000px;
	overflow: hidden;
	width: 210px;
	height: 118px;
	background: url(img/bean.gif) no-repeat 0 0;
	display: block;
	border: 0;
	text-decoration: none;}
#layout h1 a:hover {
	text-indent: -9000px;
	overflow: hidden;
	width: 210px;
	height: 118px;
	background: url(img/bean.gif) no-repeat 0 0;
	background-position: 0 -118px;
	display: block;
	border: 0;
	text-decoration: none;}

/* sisältö
---------------------------------------------------------------------------------------------------------------- */
#content1 { background: url(img/black.gif) left top repeat-x; margin:0;padding:0;width:743px;position:relative;float:left;}
#content { background: url(img/bgvalk.gif) left top repeat-y; margin:0;padding:0;width:743px;position:relative;float:left;}

#vasen { background: url(img/navi.gif) left top no-repeat; margin:0;padding:0;width:513px;position:relative;float:left;}
#vasen2 { width:478px;margin:40px 0 0 0;padding:0 17px 0 17px;position:relative;float:left;z-index:1;min-height:520px;}


#oikea { background: url(img/laykuva.jpg) left top no-repeat; margin:0;padding:0;width:220px;height:323px;position:relative;float:left;top:8px;left:9px;}


#oikea h3 a { position:relative;float:left;top:30px;left:130px; text-indent: -9000px;overflow: hidden;width: 72px;height: 50px;display: block;border: 0;text-decoration: none;}
#oikea h3 a:hover { background:none;text-decoration: none;}

#sin { background: url(img/join.gif) left top no-repeat; margin:0;padding:0;width:18px;height:78px;position:relative;float:right;top:18px;}


#blackadder a { text-indent: -9000px;overflow: hidden;display: block;background: url(img/blackadder.jpg) left top no-repeat;margin:-60px 0 0 0;padding:0;width:202px;height:175px;float:left;position:relative;left:37px;}
#blackadder a:hover { text-indent: -9000px;overflow: hidden;	display: block;background: url(img/blackadder.jpg) left top no-repeat;background-position: 0 -191px;margin:-60px 0 0 0;padding:0;width:202px;height:175px;float:left;position:relative;left:37px;}


/* footer
---------------------------------------------------------------------------------------------------------------- */
#blackie { background: url(img/blackie1.gif) left bottom no-repeat;margin:-60px 0 0 0;padding:0;height:175px;float:left;position:relative;left:17px;}
#blackie p { color:#686058;font-size:0.7em;line-height:1.5em;text-align:left;margin: 116px 0 0 90px;width:395px;font-style:italic;}

#blackie2 { background: url(img/blackie2.gif) left top no-repeat;margin:0;padding:0;width:113px;height:118px;float:left;position:relative;left:14px;}

#footwrap1 { width:743px;margin:0 auto;padding:0;}
#footwrap { width:608px;margin:0 auto;padding:0;float:left;}
#footwrap p { color:#736D67;font-size:0.8em;line-height:1.5em;text-align:right;margin: 20px 0 0 40px;}
#footer { background:url(img/bgraita.gif) left top repeat-x;margin:0;padding:0;clear:both;height:118px;position:relative;}
#footer2 { background:url(img/bgraita2.gif) left top repeat-x;margin:0;padding:0;height:75px;}


/* navi
----------------------------------------------- */
#navigation {
	position:relative;
	float:left;
	top:17px;
	left:12px;
	text-align:center;
	list-style-type: none;
	letter-spacing: 1px;
	font-size: 0.7em;
	margin:0;
	padding:0;}
#navigation li {
	margin-right:1px;
	text-align: center;
	float: left;
	padding: 0;
	text-transform: uppercase;}
#navigation a {
	font-weight:bold;
	float: left;
	display: block;
	color:#FFFFFF;
	text-decoration: none;
	padding: 5px 8px 5px 8px;}
#navigation a:hover {
	font-weight:bold;
	background:none;
	color: #B11915;
	text-decoration: none;
	padding: 5px 8px 5px 8px;}
	
#navigation li.selected a { font-weight:bold;color: #B11915;text-decoration: none;padding: 5px 8px 5px 8px;}
	
body#home #navigation li#home1 a { font-weight:bold;color: #B11915;text-decoration: none;padding: 5px 8px 5px 8px;}

/* CSS File for Dagon Design Formmailer Script
------------------------------------------------------------------------------------------------------- */
.ddfmerrors { color: #FF0000;}

/* STRUCTURE CSS */
.ddfmwrap { margin: 0 0 30px 39px; }
form.ddfm { text-align: left; padding: 0; width: 310px; }
form.ddfm label { float: left;   width:390px; text-align: left; margin: 0;  padding: 0;clear: both;  }

form.ddfm textarea { float: left; position: relative; width: 88%; padding: 2px; margin-bottom: 10px;}
/*
	display: block; 
	float: left; 
	width: 26%; 
	text-align: right;
	margin: 0 10px 0 0; 
	padding-bottom: 15px;
	clear: left;  */

form.ddfm select.fmselect { width: 40%; }
form.ddfm input.fmverify { float: left;  width: 22%; margin-bottom: 10px; padding: 2px; position: relative;}
form.ddfm input.fmfile, form.ddfm input.fmtext { float: left; position:relative;width: 80%; margin-bottom: 10px;  padding: 2px;}
form.ddfm .submit { font-size:0.8em;clear:both;}
.ddfmwrap .ddfmerrors { display: block;  float: left;  width: 10%;  text-align: right; margin: 0;  padding-bottom: 15px;}
.ddfmwrap .errorlist { line-height:1.6em; float: left;  display: block; width: 100%; margin: 0;   padding: 3px; text-align: left; color:#FF0000;font-size:0.8em;}
.ddfmwrapp p.fieldwrap { float:left;position:relative;clear:both;}