* { margin:0;padding:0;}
body { background: url(img/bgg.png) left top repeat;margin:0;padding:0;color:#383838;font-size: 0.8em;font-family: Arial, Helvetica, Verdana, sans-serif}

/* random small stuff
---------------------------------------------------------------------------------------------------------------- */
a img { border:0; text-decoration:none; margin: 0; padding:0; background: none;}
span.color1 { color:#5C9B0B;font-style:normal;font-weight:bold;text-transform:uppercase;font-family: Baskerville, "Palatino Linotype", "Times New Roman", Times, serif;font-size:1.1em;}
span.color2 { color:#878787;font-style:normal;font-weight:normal;font-family: Baskerville, "Palatino Linotype", "Times New Roman", Times, serif;}
span.color { color:#5C9B0B;font-style:italic;font-weight:normal;font-family: Baskerville, "Palatino Linotype", "Times New Roman", Times, serif;font-size:1.2em;}
span.ita { font-style:italic;font-weight:normal;font-family: Baskerville, "Palatino Linotype", "Times New Roman", Times, serif;font-size:1.2em;}
span.thanks { color:#5C9B0B;font-style:italic;font-weight:normal;font-family: Baskerville, "Palatino Linotype", "Times New Roman", Times, serif;font-size:1.5em;}
#content2 p.show_join_intro { font-size:0.85em;color:#767474;line-height:1.6em; margin-bottom:16px;}

#content2 #right p.link, #content2 #right p.link2 { padding:0;margin:-5px 0 7px 0;}
#content2 #right p.link img { padding:1px;margin:0;border:solid 1px #CBCBCB;}
#content2 #right p.link2 img { padding:1px;margin-right:6px;border:solid 1px #CBCBCB;}

#content2 #left2 div.affies { margin:10px 0 0 0;padding:0;float:left}
#content2 #left2 div.affies img { padding:2px;margin:0;border:solid 1px #CBCBCB;}
#content2 #left2 div.affies a:hover img { border:solid 1px #AEAEAE;}
#content2 #left2 div.aff { margin:0 0 10px 0;padding-right:0.75em;float:left;}

#content2 #left2 .pic1 img { padding:4px;margin: 5px 18px 10px 0;border:solid 1px #CBCBCB;float:left;position:relative;}
#content2 #left2 .pic2 img { padding:4px;margin: 5px 0 5px 18px;border:solid 1px #CBCBCB;float:right;position:relative;}

#content #center img { padding:2px;margin: 8px 2px 0 0;border:solid 1px #CBCBCB;}
#content #center a:hover img { border:solid 1px #AEAEAE;}
#content2 #right #latest  { padding:0;margin: 0 0 18px 0;}
#content2 #right #latest img { padding:2px;margin: 8px 5px 0 0;border:solid 1px #CBCBCB;}
#content2 #right #latest a:hover img { border:solid 1px #AEAEAE;}

#content #center #twitter { margin:0; padding:0;}
#content #center #twitter a {
	margin:0; padding:0;
	text-indent: -9000px;
	overflow: hidden;
	width:181px;
	height:47px;
	background: url(img/twitter.jpg) no-repeat 0 0;
	background-position: 0 -46px;
	display: block;
	border: 0;
	text-decoration: none;}
#content #center #twitter a:hover {
	margin:0; padding:0;
	text-indent: -9000px;
	overflow: hidden;
	width:181px;
	height:47px;
	background: url(img/twitter.jpg) no-repeat 0 0;
	display: block;
	border: 0;
	text-decoration: none;}

/* links
---------------------------------------------------------------------------------------------------------------- */
a, a:link, a:visited { color: #5C9B0B;font-weight:bold;font-style:normal;text-decoration: none;}
a:hover { color: #A7B1C5;text-decoration: none;}
	
/* forms
----------------------------------------------- */
input, textarea, select {
	background: #E2E2E2;
	border: 1px solid #C3C3C3;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 1.0em;
	color:#383838;}
.show_join_form, .show_update_form, .show_lostpass_form, #donate form { margin: 0 0 10px 27px; 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:#5C9B0B;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:#4E7C0C; border: 0;}

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

input.sub  { font-size:1.0em; border: 0;background:#5C9B0B;width:75px;font-weight:bold;font-style:italic;padding: 5px 0 5px 0;margin-right:7px;margin-top:3px;margin-bottom:20px;color:#FFFFFF;clear:both;float:left;width:30%;}

input.sub:hover, input.show_update_submit_button:hover, input.show_lostpass_submit_button:hover, input.replysub:hover { background:#4E7C0C;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:#FF0000;}
.show_lostpass_email_field { padding: 5px 0 4px 0;}

select.country { width:155px;}
.show_sort_form { margin: 10px 0 30px 0;width:280px;}

/* lists
---------------------------------------------------------------------------------------------------------------- */
#content #right ul, #content2 #right ul { list-style:square; margin: 5px 0 11px 15px;position:relative;}
#content #right ul li, #content2 #right ul li { margin:0;padding: 0 0 4px 1px;}

#content2 #left2 ul { list-style:square; margin: 5px 0 12px 40px;position:relative;}
#content2 #left2 ul li { margin:0;padding: 0 0 2px 1px;}

/* titles
---------------------------------------------------------------------------------------------------------------- */
#content h2, #content2 h2 { font:normal 1.45em Baskerville, "Palatino Linotype", "Times New Roman", Times, serif;
letter-spacing: 0.155em;color:#1D1D1D;margin:0;padding:4px 0 4px 0;font-style:normal;}

#content h3, #content2 h3 { font:normal 1.45em Baskerville, "Palatino Linotype", "Times New Roman", Times, serif;
letter-spacing: 0.155em;color:#1D1D1D;margin:0;padding:4px 0 4px 0;font-style:normal;}

#content h4, #content2 h4 { font:normal 1.35em Baskerville, "Palatino Linotype", "Times New Roman", Times, serif;
letter-spacing: 0.155em;color:#1D1D1D;margin:0;padding:4px 0 4px 0;font-style:normal;}

/* p
---------------------------------------------------------------------------------------------------------------- */
#content p, #content2 p  { margin:0; padding:5px 0 10px 0;}
#mainpic p  { width:313px;margin:0; padding:25px 0 0 26px;color:#FFFFFF;font-family: Baskerville, "Palatino Linotype", "Times New Roman", Times, serif;font-size:12pt;line-height:1.2em;}
#mainpic p.newp  { width:313px;margin:0; padding:13px 0 0 26px;}
#mainpic p.join  { width:400px;margin:0; padding:17px 0 0 26px;color:#FFFFFF;font-family: Baskerville, "Palatino Linotype", "Times New Roman", Times, serif;font-size:25pt;letter-spacing: 0.1em;}
#mainpic p.join a  { color:#FFFFFF;font-family: Baskerville, "Palatino Linotype", "Times New Roman", Times, serif;text-decoration:none;font-weight:normal;font-style:italic;}
#mainpic p.join a:hover  { color:#6B6B6B;}

#content #center p  { margin:0; padding:18px 0 1px 0;}

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

#layout { width:979px;margin:0;padding:0;}
#lay { background: url(img/trans.png) left bottom no-repeat;margin:0;padding:30px 0 0 0;height:407px;position:relative;}

#lay2 { width:911px;top:30px;margin:0 0 0 30px;padding:3px;position:relative;border:1px solid #CBCBCB;}
#mainpic { background: url(img/main.jpg) left bottom no-repeat;margin:0;padding:0;width:911px;height:299px;position:relative;}
#navibg { background: #5C9B0B;margin:0;padding:0;width:911px;height:55px;position:relative;}

#navibg h1 a {
	font-family: Baskerville, "Palatino Linotype", "Times New Roman", Times, serif;
	font-size:30pt;
	font-weight:normal;
	text-transform:uppercase;
	color: #FFFFFF;
	position:relative;
	float:right;
	top:-1px;right:17px;
	margin:0; padding:0;
	display: block;
	border: 0;
	text-decoration: none;}
#navibg h1 a:hover {
	color: #1D1D1D;}

/* sisältö
---------------------------------------------------------------------------------------------------------------- */
#content { background:#FFFFFF url(img/viiv.gif) left top repeat-y; margin:0;padding:0 16px 22px 16px;width:918px;position:relative;float:left;left:15px;}
#content2 { background:#FFFFFF url(img/viiv2.gif) left top repeat-y; margin:0;padding:0 16px 22px 16px;width:918px;position:relative;float:left;left:15px;}

#left { margin:0;padding:0;width:289px;position:relative;float:left;}
#center { margin:0;padding:0;width:277px;position:relative;float:left;left:32px;}
#right { margin:0;padding:0;width:289px;position:relative;float:right;}

#left2 { margin:0;padding:0;width:578px;position:relative;float:left;}

/* footer
---------------------------------------------------------------------------------------------------------------- */
#footer { background: #262626;margin: 0 0 45px 0;padding: 0;clear:both;border-top: 1px solid #FFFFFF;border-bottom: 1px solid #FFFFFF;height:75px;}
#footer p { margin:0 auto;padding:18px 0 0 0;width:947px;color:#767474;text-align:center;font-family: Baskerville, "Palatino Linotype", "Times New Roman", Times, serif;}

/* navi
----------------------------------------------- */
#navigation { text-align:center;list-style-type: none;letter-spacing:1px;padding:0;margin:0;font-weight:bold;position:relative;top:0;left:18px;float:left;}

#navigation li { margin:0;text-align: center;float: left;padding: 0;text-transform:lowercase;}
#navigation a { font-family: Baskerville, "Palatino Linotype", "Times New Roman", Times, serif;font-size:16pt;display: block;height:45px;color:#FFFFFF;text-decoration:none;font-weight:normal;letter-spacing: 0.12em;padding: 11px 8px 0 8px;}
#navigation a:hover { color:#1D1D1D;text-decoration: none;}
#navigation li.selected a { color:#1D1D1D;text-decoration: none;}

/* fanlist table
---------------------------------------------------------------------------------------------------------------- */
#content2 table.fanlist { padding:0; margin:6px 0 35px 0;width:578px;}
#content2 table.fanlist td { margin:0; padding:6px; text-align:center;border:1px solid #D2D2D2;}
#content2 table.fanlist th { background: #5C9B0B;color:#FFFFFF;margin:0; padding:4px 15px 4px 15px; text-align:center;border:1px solid #5C9B0B;font-family: Baskerville, "Palatino Linotype", "Times New Roman", Times, serif;font-size:1.2em;font-weight:normal;}

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

/* STRUCTURE CSS */
.ddfmwrap { margin: 0 0 20px 27px; }
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: 0; 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: 0;}
.ddfmwrap .ddfmerrors { display: block;  float: left; width: 10%; text-align: left; 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;}
.ddfmwrapp p.fieldwrap span.verimg { float:left;position:relative;}