* { margin:0;padding:0; font-family: Arial, Helvetica, Verdana, sans-serif; }
body { background: url(img/bg.jpg) left top repeat;margin:0;padding:0;}

#counter { position:absolute; top:0; left:0; margin: 0;padding: 0;text-align: right;font-size: 0.1em;line-height: 0.1em;visibility: hidden;}

a img { border:0; text-decoration:none; margin: 0; padding:0; background: none;}
hr.f  { margin: 0;padding: 0;visibility: hidden;border:0;height:0;width:0;}
#content p.code img { padding-right:5px;padding-bottom:3px;}
#content p.aff { margin: 25px 0 25px 0;}
#content p.aff img { padding:3px;}
#content p.aff a { background:none;}
	
/* lomakkeet
----------------------------------------------- */
input, textarea, select {
	background: #FFFFFF;
	border-bottom: 3px solid #F3C717;
	border-left: 8px solid #F3C717;
	border-top: 0px;
	border-right: 0px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 1.0em;}
	
.show_join_form, .show_update_form, .show_lostpass_form { margin: 0 0 0 60px; padding: 10px 0 15px 0;}
.show_lostpass_email_field { margin: 0; padding: 5px 0 4px 0;}
.show_sort_form { margin: 0 0 20px 60px;	font-size: 0.85em;}

input.show_lostpass_submit_button, input.show_join_submit_button, input.show_join_reset_button {
	width:10%;
	font-weight:bold;
	font-style:italic;
	padding: 3px 0 3px 0;
	margin-right:8px;}
	
input.sub, input.show_update_submit_button, input.show_lostpass_submit_button {
	width:26%;
	font-weight:bold;
	font-style:italic;
	padding: 3px 0 3px 0;
	margin-right:8px;}
	
select.country { width:155px;}
.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 20px 60px;
	font-size: 0.85em;
	line-height: 1.3em;}
.formi td { text-align: left;padding: 0 15px 5px 0;}

/* links
---------------------------------------------------------------------------------------------------------------- */
a, a:link, a:visited {  background: #FFED59;color: #000000;text-decoration: none;font-style:italic;font-weight:bold;padding:1px;}
a:hover { background: #000000;color: #FFFFFF;text-decoration: none;}

/* lists
---------------------------------------------------------------------------------------------------------------- */
#content #c1 ul { list-style: none;margin:1px 0 0 40px;font-size:0.85em;}
#content #c1 ul li {
	background: url(img/bulletx.gif) no-repeat 4px 3px;
	padding: 0 0 0.54em 25px;
	line-height: 1.4em;}
#content #c1 ul.stat { list-style: none;margin:0 0 10px 40px;font-size:0.85em;}
#content #c1 ul.stat li {
	background: url(img/bulletx.gif) no-repeat 4px 3px;
	padding: 0 0 0.54em 25px;
	line-height: 1.4em;}
#content ul { list-style: none;margin:30px 40px 20px 65px;font-size:0.85em;position:relative;}
#content ul li {
	background: url(img/bulletx.gif) no-repeat 4px 3px;
	padding: 0 0 0.9em 25px;
	line-height: 1.4em;}
#content ul.fann { list-style: none;margin:20px 40px 20px 85px;font-size:0.85em;position:relative;}
#content ul.fann li {
	background: url(img/bulletx.gif) no-repeat 4px 3px;
	padding: 0 0 0.5em 25px;
	line-height: 1.4em;}
#content ul.fan1 { list-style: none;margin:20px 40px 20px 85px;font-size:0.85em;position:relative;}
#content ul.fan1 li {
	background: url(img/bulletx.gif) no-repeat 4px 3px;
	padding: 0 0 0 25px;
	line-height: 1.4em;}
	
/* titles
---------------------------------------------------------------------------------------------------------------- */
#content h2 {
	font-family: Georgia, Times, 'Times New Roman', Serif;
	font-size: 1.9em;
	text-transform:lowercase;
	color: #000000;
	letter-spacing: 2px;
	margin: 17px 0 25px 190px;
	width:542px;
	font-weight:bold;
	border-bottom: 1px dashed #615F5F;
	font-style:italic;}
#content h3 {
	font-family: Georgia, Times, 'Times New Roman', Serif;
	font-size: 1.2em;
	text-transform:lowercase;
	color: #000000;
	letter-spacing: 2px;
	margin: 17px 0 25px 40px;
	font-weight:bold;
	width:692px;
	border-bottom: 1px dashed #615F5F;
	font-style:italic;}
#c1 h3 {
	font-family: Georgia, Times, 'Times New Roman', Serif;
	font-size: 1.2em;
	text-transform:lowercase;
	color: #000000;
	letter-spacing: 2px;
	margin: 17px 0 25px 40px;
	font-weight:bold;
	border-bottom: 1px dashed #615F5F;
	font-style:italic;
	width:260px;}
#c3 h3 {
	width:302px;
	font-family: Georgia, Times, 'Times New Roman', Serif;
	font-size: 1.2em;
	text-transform:lowercase;
	color: #000000;
	letter-spacing: 2px;
	margin: 17px 0 25px 16px;
	font-weight:bold;
	border-bottom: 1px dashed #615F5F;
	font-style:italic;}
/* IE5.5 */
* html #c3 h3 { width:290px;}
	
/* divs
---------------------------------------------------------------------------------------------------------------- */
#container { margin: 0;padding: 0;}
#tausta { background: url(img/bg.jpg) left top repeat;padding:0;margin:0;}
#top { width:771px;margin:0 auto;padding:0;}
#top2 { background: url(img/bgraita.gif) left top repeat-y;margin:0;padding:0;float:left;}
#layout { background: url(img/top.gif) 12px top no-repeat;width:771px;height:429px;margin:0;padding:0;position:relative;float:left;}

#lay1 { background: url(img/ed1.jpg) 12px top no-repeat;width:771px;height:155px;margin:0;padding:0;position:relative;float:left;top:35px;}
#lay2 { background: url(img/ed2.jpg) 12px top no-repeat;width:771px;height:157px;margin:0;padding:0;position:relative;float:left;top:35px;}

#lay2 h1 { position:relative;float:left;top:27px;left:83px;margin:0; padding:0;}
#lay2 h1 a {
	text-indent: -9000px;
	overflow: hidden;
	width:527px;
	height:114px;
	background: url(img/logo.gif) no-repeat 0 0;
	display: block;
	border: 0;
	text-decoration: none;}

#text { background: url(img/textyellow.jpg) 12px top no-repeat;width:771px;height:41px;margin:0;padding:0;position:relative;float:left;top:35px;}

#c1 { width:290px;margin:0;padding:0;position:relative;float:left;}
#c3 { width:312px;margin:0 0 20px 0;padding:0;position:relative;float:left;}
#c3 p.c { font-size:0.85em;line-height:1.4em;margin:0 0 18px 16px;padding:0;}

#c2 { background: url(img/edkeski.gif) left top no-repeat;width:124px;height:228px;margin:8px 0 0 0;padding:0;position:relative;float:left;}

/* sisältö
---------------------------------------------------------------------------------------------------------------- */
#content { background: url(img/film.gif) 12px top no-repeat; margin:0;padding:0;width:771px;position:relative;float:left;}
#content p { font-size:0.85em;line-height:1.4em;margin:0 0 18px 0;padding:0 40px 0 40px;}
#content p.first { text-indent: 2em; font-size:0.85em;line-height:1.4em;margin:0 0 18px 0;padding:0 40px 0 65px;}

/* footer
---------------------------------------------------------------------------------------------------------------- */
#footwrap { background: url(img/bgraita.gif) left top repeat-y;width:771px;margin:0;padding:0;clear:both;position:relative;float:left;}
#footwrap p { width:747px;margin:15px 0 15px 0;padding:0;font-size:0.7em;line-height:1.4em;text-align:center;}

#footer { width:747px;background: #F3C717;border-top:1px solid #000000;border-bottom:5px solid #000000;margin:0;padding:0;position:relative;float:left;left:12px;}

#foot1 { width:379px;background: url(img/bot1.jpg) left top no-repeat;height:132px;margin:0;padding:0;position:relative;float:left;left:12px;}
#foot2 { width:368px;background: url(img/bot2.jpg) left top no-repeat;height:132px;margin:0;padding:0;position:relative;float:left;left:12px;}

/* navi
----------------------------------------------- */
/* IE5.5 */
* html #navigation { margin: 0 0 -11px 0;}
#navigation {
	width:747px;
	position:relative;
	float:left;
	top:16px;
	left:12px;
	text-align:center;
	list-style-type: none;
	font-size: 0.8em;
	margin:0;
	padding:0;}
#navigation li {
	margin-right:2px;
	height:41px;
	text-align: center;
	float: left;
	padding: 0;
	text-transform: lowercase;}
#navigation a {
	font-family: Georgia, Times, 'Times New Roman', Serif;
	width:105px;
	background: url(img/nav1.gif) left top repeat-x;
	float: left;
	display: block;
	height:41px;
	color:#A39F9F;
	text-decoration: none;
	padding: 11px 0 0 0;}
#navigation a:hover {
	width:105px;
	background: url(img/nav1.gif) left top repeat-x;
	background-position: 0 -41px;
	height:41px;
	color: #000000;
	text-decoration: none;
	padding: 5px 0 0 0;}
body#about li#about1 a, body#join li#join1 a, body#fans li#fans1 a, body#codes li#codes1 a, body#links li#links1 a, body#site li#site1 a, body#home li#home1 a {
	width:105px;
	background: url(img/nav1.gif) left top repeat-x;
	background-position: 0 -41px;
	height:41px;
	color: #000000;
	text-decoration: none;
	padding: 5px 0 0 0;}
#navigation li#site1 {
	margin-right:0;
	height:41px;
	text-align: center;
	float: left;
	padding: 0;}