* { margin:0;padding:0; font-family: Arial, Helvetica, Verdana, sans-serif;}
body { background:#FFFFFF;margin:0;padding:0;color:#808080;}
#eXTReMe { position:absolute;top:0;left:0;visibility:hidden;}

/* random small stuff
---------------------------------------------------------------------------------------------------------------- */
a img { border:0; text-decoration:none; margin: 0; padding:0; background: none;}
#right p.show_join_intro { font-size:0.7em;color:#979797;line-height:1.6em;}
#right p.thanks { font-size:0.9em;color:#F99D3B;font-style:italic;font-weight:bold;}
#right p.credit { font-size:0.7em;}

#right .pic img { padding:1px;margin:5px 25px 5px 18px;border:solid 5px #C0C0C0;float:right;position:relative;}
#right .picl img { padding:1px;margin:5px 18px 5px  0;border:solid 5px #C0C0C0;float:left;position:relative;}
#right .pic img:hover, #right .picl img:hover, #right p.icons img:hover  { background:none;text-decoration:none;border:solid 5px #ABA7A7;}
#right .pic a:hover, #right .picl a:hover  { background:none;text-decoration:none;}

#right p.icons img { padding:1px;margin:1px;border:solid 5px #C0C0C0;}
#right p.icons a  { background:none;text-decoration:none;border:none;}

/* links
---------------------------------------------------------------------------------------------------------------- */
a, a:link, a:visited { color: #1EA9CC;text-decoration:none;border-bottom:1px dashed;font-style:italic;font-weight:bold;text-transform:uppercase;letter-spacing:2px;}
a:hover { color: #87BCC7;text-decoration: none;background:#D8F4F8;border-bottom:none;}

#footsmall a, #footsmall a:link, #footsmall a:visited { color: #178299;}
#footsmall a:hover { color: #87BCC7;text-decoration: none;background:#D8F4F8;border-bottom:none;}

/* forms
----------------------------------------------- */

input, textarea, select {
	background: #FAFAFA;
	border-bottom: 2px solid #C0C0C0;
	border-left: 3px solid #C0C0C0;
	border-top: 1px dashed #C0C0C0;
	border-right: 1px dashed #C0C0C0;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 1.0em;
	color:#808080;}
	
textarea { background: #FAFAFA url(img/block.gif) 20px top no-repeat;}

.show_join_form, .show_update_form, .show_lostpass_form { margin: 0 0 10px 39px; padding: 10px 0 0 0;}


/* fl submit buttons
---------------------------------------------------------------------------------------------------------------- */
input.show_lostpass_submit_button, input.show_join_submit_button, input.show_join_reset_button { border: 0;background:#71C5DD;width:20%;font-weight:bold;font-style:italic;padding: 5px 0 5px 0;margin-right:7px;color:#FFFFFF;}
input.show_lostpass_submit_button{ width:140px;margin-top:5px;}

input.show_lostpass_submit_button:hover, input.show_join_submit_button:hover, input.show_join_reset_button:hover { background:#C0C0C0; border: 0;}

input.show_update_submit_button { border: 0;background:#71C5DD;width:40%;font-weight:bold;font-style:italic;padding: 3px 0 3px 0;margin-right:7px;margin-top:3px;color:#FFFFFF;}

input.sub { font-size:1.0em; border: 0;background:#71C5DD;width:75px;font-weight:bold;font-style:italic;padding: 3px 0 3px 0;margin-right:7px;margin-top:3px;color:#FFFFFF;}

input.sub:hover, input.show_update_submit_button:hover, input.show_lostpass_submit_button:hover, input.replysub:hover { background:#C0C0C0;border: 0;}
	
.show_join_submit_button { margin:15px 0 0 0;padding: 0;}
.show_join_reset_button { margin:15px 0 0 0;padding: 0;}
	
/* fl forms random
---------------------------------------------------------------------------------------------------------------- */
.show_join_error, .show_update_error { color:#EF3B11;}
.show_lostpass_email_field { padding: 5px 0 4px 0;}

select.country { width:155px;}
.show_sort_form { margin: 25px 0 20px 0; font-size: 0.8em;width:280px;}

/* lists
---------------------------------------------------------------------------------------------------------------- */
#right ul { list-style:none; margin:1px 19px 20px 38px;font-size:0.8em;position:relative;line-height:1.6em;}
#right ul li { background: url(img/star.gif) no-repeat 0 1px;margin:0;padding: 0 40px 2px 25px;position:relative;}

#right ul#iconmenu { list-style:none; margin:15px 19px 30px 38px;font-size:1.0em;position:relative;line-height:1.6em;}
#right ul#iconmenu li { background: url(img/star.gif) no-repeat 0 3px;margin:0;padding: 0 40px 10px 25px;position:relative;}

#right blockquote ul { list-style:none; margin:10px 0 10px 0;font-size:0.8em;position:relative;line-height:1.6em;}
#right blockquote ul li { background:none;margin:0;padding: 0 0 2px 0;position:relative;}


/* p
---------------------------------------------------------------------------------------------------------------- */
#right p  { margin:0; padding:0 25px 20px 0; font-size:0.8em; line-height:1.6em;}

/* titles
---------------------------------------------------------------------------------------------------------------- */
div#right h2 {
	text-transform:lowercase;
	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:#EE8030;
	letter-spacing: 2px;}
	
div#right h3 {
	text-transform:lowercase;
	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:#EE8030;
	letter-spacing: 2px;}
	
#right blockquote {
	background: #FAFAFA url(img/block.gif) left top no-repeat;
	text-align:center;
	margin: 5px 0 20px 80px;
	width:330px;
	border:1px dashed #C0C0C0;}

	
/* basic layout divs
---------------------------------------------------------------------------------------------------------------- */
#container { margin: 0;padding: 0;}
#tausta { background: url(img/bg.jpg) left top repeat-x;padding:0 0 30px 0;margin:0;}
#top { width:705px;margin:0 auto;padding:0;}

#layout { width:705px;height:313px;margin:0;padding:0;}
#cone { background: url(img/conesy.jpg) left bottom no-repeat;padding:0;margin:0;height:313px;width:199px;float:left;border-bottom:1px solid #FFFFFF;}
#starry { background: url(img/stars.gif) 97px top no-repeat;margin:0;padding:0;float:left;position:relative;left:13px;top:71px;}
#slideimg { background:none;margin:0;padding:0;position:relative;float:left;top:88px;}
#slideimg div.sl { float:left;border:5px solid #FFFFFF; margin:2px;}

#tv { background: url(img/tv.gif) left top no-repeat;margin:0;padding:0;width:77px;height:190px;float:left;position:relative;top:136px;left:7px;}
#logo2 { background: url(img/logo2.gif) left top no-repeat;margin:0;padding:0;width:507px;height:28px;float:left;position:relative;left:7px;}

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

/* sisältö
---------------------------------------------------------------------------------------------------------------- */
#left { margin:0;padding:0;width:154px;position:relative;float:left;}
#right { margin:40px 0 20px 0;padding:0;width:520px;position:relative;float:right;border-right:dashed 1px #C0C0C0;}
#rightwrap { background: url(img/logo2.gif) left top no-repeat;margin:0;padding:0;width:520px;position:relative;float:right;width:520px;}

#content { background: url(img/grey.jpg) left top repeat-y;margin:0;padding:20px 0 0 0;width:705px;position:relative;float:left;}
#content1 { background: url(img/small.jpg) 30px bottom no-repeat;margin:0;padding:0;width:705px;position:relative;float:left;}
/* IE5.5 */
* html #content { margin:0;padding:0;width:705px;float:left;}
* html #content1 { margin:0;padding:20px 0 0 0;width:705px;float:left;}

/* footer
---------------------------------------------------------------------------------------------------------------- */
#footer { background: #30A7D0 url(img/foot.jpg) left top no-repeat;width:705px;margin:0 auto 0 auto;padding: 0;clear:both;}
#footsmall p.f  { padding:9px 0 0 0;}
#footsmall p  { color:#577579;margin:0; padding:0 0 0 100px; font-size:0.7em; line-height:1.4em;text-align:right;}
#footsmall { background: url(img/small1.jpg) 30px top no-repeat;min-height:67px;margin:0;padding:0;width:680px;}

/* IE5.5 */
* html #footsmall { height:67px;}

/* fanlist table
---------------------------------------------------------------------------------------------------------------- */
#right table.fanlist { padding:0; margin:15px 0 35px 0; font-size:0.8em;width:492px;}
#right table.fanlist td { margin:0; padding:10px; text-align:center;border:1px solid #E5E5E5;}
#right table.fanlist th { background: #C0C0C0;color:#FFFFFF;margin:0; padding:5px 15px 5px 15px; text-align:center;border:1px solid #C0C0C0;}

/* navi
---------------------------------------------------------------------------------------------------------------- */
#navigation { letter-spacing:1px;padding:0;margin:-20px 0 50px 0;font-weight:bold;position:relative;}

#navigation li { list-style-type:none;padding:0;margin:0 0 1px 0;text-transform: uppercase;}
#navigation a { background: url(img/nav.gif) no-repeat 0 0;display: block;height:25px;color:#769FB2;text-decoration: none;padding: 17px 10px 10px 15px;border:none;}
#navigation a:hover { background: url(img/nav.gif) no-repeat 0 0; background-position: 0 -104px;color:#FFFFFF;text-decoration: none;border:none;}
#navigation li.selected a { background: url(img/nav.gif) no-repeat 0 0;background-position: 0 -104px; color: #FFFFFF;text-decoration: none;width:142px;}

#navigation li#selectedd a { background:none;color:#FFFFFF;text-decoration: none;border:none;}

#navigation li.siten a { font-size:0.7em;background:none;display: block;height:10px;color:#4E8EAC;text-decoration: none;padding: 12px 0 12px 15px;border:none;list-style-type:square;}
#navigation li.siten a:hover { background:none;color:#FFFFFF;text-decoration: none;border:none;}

body#home #navigation li#home1 a { background: url(img/nav.gif) no-repeat 0 0;background-position: 0 -104px; color: #FFFFFF;text-decoration: none;width:142px;}


/* 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: 340px; }

form.ddfm label { float: left;  width:420px; 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;display: block;}

form.ddfm input.fmfile,
form.ddfm input.fmtext { float: left;  display: block; width: 62%; margin-bottom: 10px;  padding: 2px;}

form.ddfm .submit { font-size:0.8em;}
	
.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 span.verimg { float:left;position:relative;}