* { margin:0;padding:0; font-family: Arial, Helvetica, Verdana, sans-serif; }
html {overflow: -moz-scrollbars-vertical;}
body { background:#3C3C3C;margin:0;padding:0;}

#ex { position:absolute;top:0;left:0;visibility:hidden;}
hr { border: 1px solid #DBDBDB;height: 1px;clear: left;margin: 15px 0 10px 0;}
hr.top { border: 1px solid #DBDBDB;height: 1px;clear: left;margin: 60px 0 22px 0;}
/* IE5.5 */
* html hr.top {
	margin: 20px 0 22px 0;}
hr.f  { margin: 0;padding: 0;visibility: hidden;border:0;height:0;width:100px;}
.pic { float: left;padding: 2px 12px 3px 0;margin: 0;}
.picc { float: right;padding: 35px 0 3px 12px;margin: 0;}
.picc2 { float: right;padding: 3px 0 3px 12px;margin: 0;}
.pic1 { float: right;padding: 3px 0 3px 11px;margin: 0;}
.upper  { text-transform:uppercase;}

div.codesort ul {  font-size:0.9em;padding: 7px 0 15px 5px; margin: 0 0 10px 0;}
div.codesort ul li { display:inline;	line-height: 1.3em;padding: 0 10px 0 10px;margin: 0 0 8px 15px;border-left:1px solid #D1CBBB;border-right:1px solid #D1CBBB;}
div.codesort{ margin-bottom:5px;}
div.codesort img { margin-left:5px;}
div.credit { font-size: 0.8em;}
label { float: left; width: 8em; text-align: right; margin: 0 0.5em 0 0;}
#donate label { width: 13em;}

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

.show_join_submit_button, .show_join_reset_button, .show_update_submit_button, .show_lostpass_submit_button, .sub, div.codesort .form_submitted { background:#6999B5;color:#F3F6F7;border:0;margin:10px 0 0 0;padding: 5px 14px 5px 14px;}
.show_join_submit_button:hover, .show_join_reset_button:hover, .show_update_submit_button:hover, .show_lostpass_submit_button:hover, .sub:hover, div.codesort .form_submitted:hover {background:#90A3AE;border:0;}
.show_join_form, .show_update_form, .show_lostpass_form { padding: 0;margin: 10px 0 15px 27px;}
.show_join_error, .show_update_error { color:#FF0000;}
.show_lostpass_email_field { padding: 5px 0 5px 0;}

.show_sort_form {margin: 3px 0 30px 0;font-size: 0.8em;}

a img { border:0; text-decoration:none; margin: 0; padding:0; background: none;}

div#oikea p { text-align:left;font-size:0.8em;line-height: 1.5em;color: #333333;
padding: 0 0 15px 0;margin: 0;}
div#oikea p.joey { text-align:left;font-size:0.8em;line-height: 1.5em;color: #333333;
padding: 20px 0 15px 0;margin: 0;}
div#oikea p.aff { text-align:left;font-size:0.8em;color: #333333;
padding: 10px 0 6px 12px;margin: 0;line-height:3.5em;}
div#oikea p.aff a:hover { background:none;text-decoration: none;}
div#oikea p.afftext { text-align:left;font-size:0.8em;line-height: 1.5em;color: #333333;
padding: 0 0 10px 0;margin: 0;font-style:italic;letter-spacing:2px;}

input, textarea {
	background: #F7F7F7;
	border-bottom: 1px solid #B5C4CD;
	border-left: 4px solid #B5C4CD;
	border-top: 0px solid #B5C4CD;
	border-right: 0px solid #B5C4CD;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 1.0em;}
select {
	background: #F7F7F7;
	border-bottom: 1px solid #B5C4CD;
	border-left: 4px solid #B5C4CD;
	border-top: 0px solid #B5C4CD;
	border-right: 0px solid #B5C4CD;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 1.0em;}
	
.formi {
	padding: 0;
	margin: 4px 0 5px 19px;
	font-size: 0.8em;
	line-height: 1.3em;}
.formi td { text-align: left;padding: 0 15px 5px 0;}

p.capt img { 	border: 4px solid #B5C4CD;padding:0;margin:0;}

/* links
---------------------------------------------------------------------------------------------------------------- */
a, a:link, a:visited { color: #2B85B9;text-decoration: underline;}
a:hover { background: #79AEBB;color: #FFFFFF;text-decoration: underline;}

/* lists
---------------------------------------------------------------------------------------------------------------- */
.stat { padding: 3px 0 5px 0px; margin: 0;}
.stat li {
	font-size:.8em;
	line-height: 1.3em;
	padding: 0;
	margin: 0 0 4px 25px;
	list-style-type:circle;}
	
.stat2 { padding: 9px 0 8px 0px; margin: 0;}
.stat2 li {
	font-size:.8em;
	line-height: 1.3em;
	padding: 0;
	margin: 0 0 4px 25px;
	list-style-type:circle;}

.ul2 { padding: 8px 0 2px 30px; margin: 0;}
.ul2 li {
	font-size:.8em;
	line-height: 1.5em;
	padding: 0;
	margin: 0 0 10px 17px;
	list-style-type:circle;}

.ul1 { margin: 6px 0 25px 5px; padding: 0;}
.ul1 li {
	font-size:.8em;
	line-height: 1.3em;
	padding: 0;
	margin: 0 0 3px 17px;
	list-style-type:circle;}
.ullink { margin: 0 0 32px 5px; padding: 0;}
.ullink li {
	font-size:.8em;
	line-height: 1.3em;
	padding: 0;
	margin: 0 0 3px 17px;
	list-style-type:circle;}
.ul1a { margin: 6px 0 25px 5px; padding: 0;}
.ul1a li {
	font-size:.8em;
	line-height: 1.3em;
	padding: 0;
	margin: 0 0 10px 17px;
	list-style-type:circle;}
.ulf { padding: 2px 0 5px 5px; margin: 0;}
.ulf li {
	font-size:.8em;
	line-height: 1.3em;
	padding: 0;
	margin: 0 0 8px 17px;
	list-style-type:circle;}
select.country { width:155px;}
	
/* titles
---------------------------------------------------------------------------------------------------------------- */
div#oikea h2:first-letter {
	font-size: 1.5em;
	font-weight: bold;
	font-style:italic; 
	color: #E56D15; }

div#oikea h2 {
	border-bottom: 1px dotted #E18039;
	font-family: Georgia, Verdana, Tahoma, Sans-Serif;
	margin: 14px 0 4px 0;
	padding: 0;
	text-align:left;
	font-size:.9em;
	line-height: 1.3em;
	text-transform:uppercase;
	color: #E18039;
	font-weight:bold;
	letter-spacing: 1px;}
div#oikea h3:first-letter {
	font-size: 1.3em;
	font-weight: bold;
	font-style:italic; 
	color: #E18039; }
div#oikea h3 {
	border-bottom: 1px dotted #E28F52;
	font-family: Georgia, Verdana, Tahoma, Sans-Serif;
	margin: 6px 0 4px 0;
	padding: 0;
	text-align:left;
	font-size:.8em;
	line-height: 1.3em;
	color: #E28F52;
	font-weight:bold;
	letter-spacing: 1px;}
div#oikea h3.codes:first-letter {
	font-size: 1.3em;
	font-weight: bold;
	font-style:italic; 
	color: #E18039; }
div#oikea h3.codes {
	border-bottom: 1px dotted #E28F52;
	font-family: Georgia, Verdana, Tahoma, Sans-Serif;
	margin: 6px 0 13px 0;
	padding: 0;
	text-align:left;
	font-size:.8em;
	line-height: 1.3em;
	color: #E28F52;
	font-weight:bold;
	letter-spacing: 1px;}

/* divs
---------------------------------------------------------------------------------------------------------------- */
#container { margin: 0;padding: 0;}
#tausta { background: #E0DDD6 url(img/bg.gif) left top repeat;padding:0;margin:0;}
#tausta2 { background: url(img/bgyla.gif) left top repeat-x;padding:0;margin:0;}
#top { width:742px;margin:0 auto;padding:0;}

#layout { width:742px;height:137px;margin:0;padding:0;}

#viivat h1 { position:relative;float:left;top:20px;left:129px;margin:0; padding:0;}
#viivat h1 a {
	text-indent: -9000px;
	overflow: hidden;
	width:486px;
	height:54px;
	background: url(img/logo.gif) no-repeat 0 0;
	display: block;
	border: 0;
	text-decoration: none;}
#viiva { background: url(img/viiv.gif) no-repeat 0 0;
	right:55px;
	height:15px;
	width:59px;
	float:right;
	position:relative;}
#viivat { background: url(img/viivat.gif) no-repeat 60px 0;
	height:122px;
	width:742px;
	position:relative;
	float:right;}
/* IE5.5 */
* html #viivat {
	margin: -3px 0 0 0;}

#musta { background: url(img/musta.gif) left top no-repeat;margin:0;padding:0;width:474px;height:40px;position:relative;float:left;}

/* sisältö
---------------------------------------------------------------------------------------------------------------- */
#content {background: url(img/bgvalk.gif) left top repeat-y;margin:0;padding:0;width:742px;position:relative;float:left;}
#chriss {background: url(img/chris.jpg) left top no-repeat;margin:0;padding:0;width:268px;height:379px;position:relative;float:left;}

#c1 {background: url(img/chris6.jpg) left top no-repeat;margin:0;padding:0;width:268px;height:466px;position:relative;float:left;}
#c2 {background: url(img/chris9a.jpg) left top no-repeat;margin:0;padding:0;width:268px;height:452px;position:relative;float:left;}
#c3 {background: url(img/chris5.jpg) left top no-repeat;margin:0;padding:0;width:268px;height:461px;position:relative;float:left;}
#c4 {background: url(img/chris3.jpg) left top no-repeat;margin:0;padding:0;width:268px;height:404px;position:relative;float:left;}
#c5 {background: url(img/chris7.jpg) left top no-repeat;margin:0;padding:0;width:268px;height:397px;position:relative;float:left;}
#c6 {background: url(img/chris8.jpg) left top no-repeat;margin:0;padding:0;width:268px;height:453px;position:relative;float:left;}
#c7 {background: url(img/chris10.jpg) left top no-repeat;margin:0;padding:0;width:268px;height:413px;position:relative;float:left;}
#c8 {background: url(img/chris11.jpg) left top no-repeat;margin:0;padding:0;width:268px;height:461px;position:relative;float:left;}
#c9 {background: url(img/chris2.jpg) left top no-repeat;margin:0;padding:0;width:268px;height:405px;position:relative;float:left;}
#c10 {background: url(img/chris14.jpg) left top no-repeat;margin:0;padding:0;width:268px;height:461px;position:relative;float:left;}
#c11 {background: url(img/chris12.jpg) left top no-repeat;margin:0;padding:0;width:268px;height:410px;position:relative;float:left;}
#c12 {background: url(img/chris4.jpg) left top no-repeat;margin:0;padding:0;width:268px;height:417px;position:relative;float:left;}

#oikea { margin:0;padding:0 0 20px 0;width:434px;position:relative;float:left;top:0;left:20px;}

/* myspace ja official
---------------------------------------------------------------------------------------------------------------- */
#wrapp { margin:0;padding:0;top:17px;left:115px;position:relative;}
/* IE5.5 */
* html #wrapp { top:0px;float:left;}
	
#myspace a { margin:0;padding:0;float:left;
	text-indent: -9000px;
	overflow: hidden;
	width: 202px;
	height: 59px;
	background: url(img/myspace.gif) no-repeat 0 0;
	display: block;
	border: 0;
	text-decoration: none;}
#myspace a:hover { margin:0;padding:0;
	text-indent: -9000px;
	overflow: hidden;
	width: 202px;
	height: 59px;
	background: url(img/myspace.gif) no-repeat 0 0;
	background-position: 0 -59px;
	display: block;
	border: 0;
	text-decoration: none;}
#official a { margin:0 55px 0 0;padding:0;float:left;
	text-indent: -9000px;
	overflow: hidden;
	width: 245px;
	height: 59px;
	background: url(img/official.gif) no-repeat 0 0;
	display: block;
	border: 0;
	text-decoration: none;}
#official a:hover { margin:0 55px 0 0;padding:0;
	text-indent: -9000px;
	overflow: hidden;
	width: 245px;
	height: 59px;
	background: url(img/official.gif) no-repeat 0 0;
	background-position: 0 -59px;
	display: block;
	border: 0;
	text-decoration: none;}
#disc { color:#858585;width:742px;margin:15px 0 0 0;padding:0;top:14px;left:0px;float:left;position:relative; font-size:0.8em;line-height:1.5em;text-align:center;}
/* IE5.5 */
* html #disc {
	margin:-2px 0 40px 0;}

/* footer
---------------------------------------------------------------------------------------------------------------- */
#harm { background: url(img/harm.gif) left top no-repeat;left:62px;margin:0;padding:0;width:665px;height:43px;position:relative;float:left;}

#footwrap { width:742px;margin:0 auto;padding:0;}
#footer {background: #3C3C3C url(img/alabg.gif) left top repeat-x;margin: 0 0 36px 0;padding: 0;height:146px;clear:both;}

/* navi
----------------------------------------------- */
#navigation {
	width:750px;
	position:relative;
	float:left;
	top:28px;
	left:4px;
	text-align:center;
	list-style-type: none;
	letter-spacing: 1px;
	font-size: 0.7em;
	margin:0;
	padding:0;}
/* IE5.5 */
* html #navigation {
	left:7px;}
#navigation li {
	margin-right:1px;
	height:40px;
	text-align: center;
	float: left;
	padding: 0;
	text-transform: uppercase;}
#navigation a {
	float: left;
	display: block;
	height:40px;
	color:#A39F9F;
	text-decoration: none;
	padding: 11px 10px 0 10px;}
#navigation a:hover {
	height:40px;
	background:url(img/navii.gif) repeat-x 0 0;
	color: #EFEFEF;
	text-decoration: none;
	padding: 11px 10px 0 10px;}
	
#navigation li.selected a { height:40px;background:url(img/navii.gif) repeat-x 0 0;color: #EFEFEF;text-decoration: none;padding: 11px 10px 0 10px;}
	
body#home #navigation li#home1 a { 	height:40px;background:url(img/navii.gif) repeat-x 0 0;color: #EFEFEF;text-decoration: none;padding: 11px 10px 0 10px;}
	
/* CSS File for Dagon Design Formmailer Script
------------------------------------------------------------------------------------------------------- */
.ddfmerrors { color: #FF0000;}

/* STRUCTURE CSS */
.ddfmwrap { margin: 0 0 35px 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;}