* { margin:0;padding:0; font-family: Arial, Helvetica, Verdana, sans-serif;}
body { background: #191828;margin:0;padding:0;color:#D9D7D7;}
#counter { position:absolute; top:0; left:0; margin: 0;padding: 0;text-align: right;font-size: 0.1em;line-height: 0.1em;visibility: hidden;}

/* random small stuff
---------------------------------------------------------------------------------------------------------------- */
a img { border:0; text-decoration:none; margin: 0; padding:0; background: none;}
span.color { color:#4F90B5;font-style:italic;font-weight:italic;}
span.color2 { color:#9D7CC2;font-style:italic;font-weight:italic;}
#content p.show_join_intro { font-size:0.7em;color:#848A96;line-height:1.6em; margin-bottom:16px;}
#content p.affi img { background:#51565F;padding:0;margin:3px;border:solid 4px #51565F;}
#content p.affi img:hover  { background:none;text-decoration:none;padding:0;margin:3px;border:solid 4px #48474F;}
#content p.affi a:hover  { background:none;text-decoration:none;}

#content #codes ul { font-size:1.0em;}
#content #codes ul li { display:inline;margin-right:10px;font-size:1.0em;}
#content #codes img { background:#51565F;padding:0;margin:2px 0 0 1px;border:solid 4px #51565F;}
#content #codes img:hover { padding:0;margin:2px 0 0 1px;border:solid 4px #48474F;}
#content #codes { margin-bottom:5px;}
div.credit { font-size: 0.8em;}
label { float: left; width: 8em; text-align: right; margin: 0 0.5em 0 0;}
#donate label {width: 12em;}

/* links
---------------------------------------------------------------------------------------------------------------- */
a, a:link, a:visited { color: #6E7B8C;text-decoration:underline;font-style:italic;font-weight:bold;}
a:visited { color: #565D6A;}
a:hover { color: #A7B7BB;text-decoration: none;background:#1E425E;}
	
/* forms
----------------------------------------------- */
input, textarea, select {
	background: #31343D;
	border-bottom: 2px solid #1E212A;
	border-left: 8px solid #1E212A;
	border-top: 1px solid #1E212A;
	border-right: 1px solid #1E212A;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 1.0em;
	color:#D9D7D7;}
.show_join_form, .show_update_form, .show_lostpass_form, #donate form { margin: 0 0 10px 37px; padding: 10px 0 0 0;}
p.capt img { 	border: 8px solid #1E212A;}

/* fl submit buttons
---------------------------------------------------------------------------------------------------------------- */
input.show_lostpass_submit_button, input.show_join_submit_button, input.show_join_reset_button { border: 0;background:#1E212A;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:#0E1526; border: 0;}

input.show_update_submit_button { border: 0;background:#1E212A;width:30%;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:#1E212A;width:75px;font-weight:bold;font-style:italic;padding: 3px 0 3px 0;margin-right:7px;margin-top:3px;color:#FFFFFF;margin-left:20px;}
input.form_submitted  { font-size:1.0em; border: 0;background:#1E212A;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.form_submitted:hover, input.show_update_submit_button:hover, input.show_lostpass_submit_button:hover, input.replysub:hover { background:#0E1526;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:#E8BB32;}
.show_lostpass_email_field { padding: 5px 0 4px 0;}

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

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

#content ul.uljoin { list-style:none; margin:1px 19px 20px 38px;font-size:0.8em;position:relative;line-height:1.6em;}
#content ul.uljoin li { background: url(img/ul.gif) no-repeat 0 5px;margin:0;padding: 0 0 2px 17px;position:relative;}

#splash ul { list-style:none; margin:1px 0 30px 5px;font-size:0.8em;position:relative;line-height:1.6em;}
#splash ul li { background: url(img/ul.gif) no-repeat 0 5px;margin:0;padding: 0 0 0 17px;position:relative;}

#content div.right ul { list-style:none; margin:1px 0 30px 20px;font-size:0.8em;position:relative;line-height:1.6em;}
#content div.right ul li { background: url(img/ul.gif) no-repeat 0 5px;margin:0;padding: 0 0 2px 17px;position:relative;}

#content div.right ul.critic { list-style:none; margin:1px 20px 30px 20px;}
#content div.right ul.critic li { margin:0 0 28px 0;padding: 0 0 0 17px;position:relative;}

/* titles
---------------------------------------------------------------------------------------------------------------- */
#content h2 { font-family: Georgia, Helvetica, Arial, Tahoma, Serif;font-size: 1.0em;color: #84A4BA;margin:0;padding:0 0 0 38px;height:35px;font-style:italic;letter-spacing:2px;}

#splash h2 { font-family: Georgia, Helvetica, Arial, Tahoma, Serif;font-size: 1.0em;color: #84A4BA;margin:0;padding:0 0 0 20px;height:32px;font-style:italic;letter-spacing:2px;}

#content h3 { font-family: Georgia, Helvetica, Arial, Tahoma, Serif;font-size: 0.9em;color: #84A4BA;margin:0;padding:0 0 0 38px;height:35px;font-style:italic;letter-spacing:2px;}

/* p
---------------------------------------------------------------------------------------------------------------- */
#content p  { margin:0; padding:0 22px 20px 19px; font-size:0.8em; line-height:1.6em;}
#splash p  { margin:0 0 40px 0; padding:0; font-size:0.8em; line-height:1.6em;}
#content div.left p  { margin:0; padding:0 0 20px 19px; font-size:0.8em; line-height:1.6em;}

/* basic layout divs
---------------------------------------------------------------------------------------------------------------- */
#container { margin: 0;padding: 0;}
#tausta { background: #27262E url(img/bg.jpg) left 280px repeat-x;padding:0;margin:0;}
#tausta2 { background: url(img/topbg.jpg) left top repeat-x;padding:0;margin:0;}
#top { width:734px;margin:0 auto;padding:0;}

#layout { width:734px;height:281px;margin:0;padding:0;}
#lay { background: url(img/lay.jpg) left top no-repeat;padding:0;margin:0;height:238px;}

#lay h1 a {
	position:relative;float:left;
	top:121px;left:37px;
	margin:0; padding:0;
	text-indent: -9000px;
	overflow: hidden;
	width:240px;
	height:110px;
	background: url(img/logo.jpg) no-repeat 0 0;
	display: block;
	border: 0;
	text-decoration: none;}
#lay h1 a:hover {
	text-indent: -9000px;
	overflow: hidden;
	width:240px;
	height:110px;
	background: url(img/logo.jpg) no-repeat 0 0;
	background-position: 0 -110px;
	display: block;
	border: 0;
	text-decoration: none;}
	
#splashwrap { padding:0;margin:0;position:relative;float:left;}
#splash { background: url(img/front.jpg) left top no-repeat;padding:0;margin:0;width:734px;position:relative;float:left;}
#splash2 { background: url(img/frontbg.jpg) left top repeat;padding:0;margin:0;width:734px;position:relative;float:left;}
#splash3 { background: url(img/frontbot.jpg) left top no-repeat;padding:0;margin:0;width:734px;height:14px;position:relative;float:left;}

/* sisältö
---------------------------------------------------------------------------------------------------------------- */
#left { margin:0;padding:0;width:417px;position:relative;float:left;top:27px;left:19px;}
#right { margin:0;padding:0;width:235px;position:relative;float:right;top:27px;right:15px;}

#content {background: #2A2931 url(img/mainbg.jpg) left bottom repeat-x;margin:0;padding:20px 0 0 0;width:734px;position:relative;float:left;}
/* IE5.5 */
* html #content { padding:20px 0 0 0;position:relative;float:left;top:-7px;}

#content div.left { margin:0;padding:0;width:452px;position:relative;float:left;}
#content div.right { margin:5px 0 20px 0;padding:0;width:265px;position:relative;float:right;}

/* footer
---------------------------------------------------------------------------------------------------------------- */
#footwrap { width:734px;margin:0 auto;padding:0;}
#footwrap p  { color:#55586B;margin:0; padding:10px 19px 20px 19px; font-size:0.8em; line-height:1.6em;text-align:center;}
#footer { background: #161827 url(img/botbg.jpg) left top repeat-x;margin: 0;padding: 0;height:110px;clear:both;border-top: 25px solid #030308;}
/* IE5.5 */
* html #footer { position:relative;float:left;top:-7px;}

/* fanlist table
---------------------------------------------------------------------------------------------------------------- */
#content table.fanlist { padding:0; margin:15px 0 35px 19px; font-size:0.8em;width:696px;}
#content table.fanlist td { margin:0; padding:12px; text-align:center;border:1px solid #3D4045;}
#content table.fanlist th { background: #1E212A;color:#FFFFFF;margin:0; padding:8px 15px 8px 15px; text-align:center;border:1px solid #1E212A;}

/* navi
----------------------------------------------- */
#navigation { position:relative;float:left;top:1px;left:0;text-align:center;list-style-type: none;margin-bottom::200px;padding:0;}

#navigation li { text-indent: -9000px;overflow: hidden;float: left;position:relative;padding: 0;}
#navigation li a { display: block;height:41px;color:#A39F9F;text-decoration: none;padding: 0;}
#navigation li a:hover { background-position: 0 -41px;}

#navigation .selected a { background-position: 0 -41px;}

#film1 a { background: url(img/n_film.jpg) left top no-repeat;width:106px;}
#film1 a:hover { background: url(img/n_film.jpg) left top no-repeat;}

#join1 a { background: url(img/n_join.jpg) left top no-repeat;width:82px;}
#join1 a:hover { background: url(img/n_join.jpg) left top no-repeat;}

#fans1 a { background: url(img/n_fans.jpg) left top no-repeat;width:85px;}
#fans1 a:hover { background: url(img/n_fans.jpg) left top no-repeat;}

#codes1 a { background: url(img/n_linkback.jpg) left top no-repeat;width:113px;}
#codes1 a:hover { background: url(img/n_linkback.jpg) left top no-repeat;}

#update1 a { background: url(img/n_update.jpg) left top no-repeat;width:98px;}
#update1 a:hover { background: url(img/n_update.jpg) left top no-repeat;}

#links1 a { background: url(img/n_links.jpg) left top no-repeat;width:89px;}
#links1 a:hover { background: url(img/n_links.jpg) left top no-repeat;}

#site1 a { background: url(img/n_site.jpg) left top no-repeat;width:82px;}
#site1 a:hover { background: url(img/n_site.jpg) left top no-repeat;}

#home1 a { background: url(img/n_home.jpg) left top no-repeat;width:79px;}
#home1 a:hover { background: url(img/n_home.jpg) left top no-repeat;}

body#home #home1 a { background-position: 0 -41px;}

/* 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: 330px; }
form.ddfm label { float: left;  width:410px; 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;}