* { margin:0;padding:0; font-family: Arial, Helvetica, Verdana, sans-serif; }
html {overflow: -moz-scrollbars-vertical;}
body { background:url(img/botbg.jpg) left top repeat;margin:0;padding:0;}
a img { border:0;text-decoration:none; }

#counter { position:absolute; top:0; left:0; margin: 0;padding: 0;text-align: right;font-size: 0.1em;line-height: 0.1em;visibility: hidden;}
hr { border: 1px solid #DBDBDB;height: 1px;clear: left;margin: 15px 0 10px 0;}
hr.f  { margin: 0;padding: 0;visibility: hidden;border:0;height:0;width:100px;}
	
input, textarea {
	background: #C7C7C9;
	border-bottom: 1px solid #91151B;
	border-left: 4px solid #91151B;
	border-top: 0;
	border-right: 0;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 1.0em;}
select {
	background: #C7C7C9;
	border-bottom: 1px solid #91151B;
	border-left: 4px solid #91151B;
	border-top: 0;
	border-right: 0;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 1.0em;}
	
select.country { width:155px;}
.show_sort_form { margin: 10px 0 20px 8px; font-size: 0.8em;}
.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 0 19px;
	font-size: 0.8em;
	line-height: 1.3em;}
.formi td { text-align: left;padding: 0 15px 5px 0;}

/* links
---------------------------------------------------------------------------------------------------------------- */
a, a:link, a:visited { color: #133D89;text-decoration: underline;}
a:hover { background: #18527A;color: #FFFFFF;text-decoration: none;}

/* p ja h2
---------------------------------------------------------------------------------------------------------------- */
div#oikea p { text-align:left;font-size:0.8em;line-height: 1.5em;color:#1D1D1D; padding: 0 0 15px 0;margin: 0;}
div#oikea p.aff { text-align: center;line-height:3.5em;}

div#oikea h2:first-letter {
	font-size: 1.5em;
	font-weight: bold;
	font-style:italic; 
	color: #A61616; }
div#oikea h2 {
	border-bottom: 1px dotted #91151B;
	font-family: Georgia, Verdana, Tahoma, Sans-Serif;
	margin: 0 0 10px 0;
	padding: 14px 0 0 0;
	text-align:left;
	font-size:.9em;
	line-height: 1.3em;
	text-transform:uppercase;
	color: #91151B;
	font-weight:bold;
	letter-spacing: 1px;}
	
/* 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;}
.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;}
.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;}

/* divs
---------------------------------------------------------------------------------------------------------------- */
#container { margin: 0;padding: 0;}
#tausta { background: #8F8E96;padding:0;margin:0;}
#tausta2 { background: url(img/topbg.jpg) left top repeat-x;padding:0;margin:0;}
#top { width:700px;margin:0 auto;padding:0;}
#layout { width:659px;height:248px;margin:0;padding:0;position:relative;left:41px;}

#vas { background: url(img/layvas.jpg) left top no-repeat;margin:0;padding:0;width:310px;height:248px;position:relative;float:left;}
#oik { background: url(img/layoik.jpg) left top no-repeat;margin:0;padding:0;width:349px;height:248px;position:relative;float:left;}
#layala { background: url(img/alalay.jpg) left top no-repeat;margin:0;padding:0;width:659px;height:130px;position:relative;float:left;}

#vas h1 { position:relative;float:left;left:64px;top:153px;margin:0; padding:0;}
#vas h1 a {
	text-indent: -9000px;
	overflow: hidden;
	width: 246px;
	height: 96px;
	background: url(img/logo.jpg) no-repeat 0 0;
	display: block;
	border: 0;
	text-decoration: none;}
#vas h1 a:hover {
	text-indent: -9000px;
	overflow: hidden;
	width: 246px;
	height: 96px;
	background: url(img/logo.jpg) no-repeat 0 0;
	background-position: 0 -96px;
	display: block;
	border: 0;
	text-decoration: none;}

/* sisältö
---------------------------------------------------------------------------------------------------------------- */
#content { background: url(img/alalay.jpg) 41px top no-repeat; margin:0 0 15px 0;padding:0;width:700px;position:relative;float:left;}
#vasen { background: url(img/navigation.jpg) left top no-repeat; margin:95px 0 0 0;padding:0;width:216px;height:258px;position:relative;float:left;}
#oikea { margin:110px 0 10px 0;padding:0;width:450px;position:relative;float:left;left:18px;}

/* footer
---------------------------------------------------------------------------------------------------------------- */
#footwrap { width:700px;margin:0 auto;padding:0;}
#footwrap p { color:#6A636D;font-size:0.8em;line-height:1.5em;text-align:center;margin: 27px 0 50px 0;}
/* IE5.5 */
* html #footwrap p { margin: 15px 0 50px 0;}
#footer { background:url(img/botbg.jpg) left top repeat;border-top:solid 5px #FFFFFF;margin: 0;padding: 0;clear:both;}

/* navi
----------------------------------------------- */
#navi { padding: 0; margin: 35px 0 0 53px;}
#navi li {
	font-size:.8em;
	line-height: 1.3em;
	padding: 0;
	margin: 0 0 8px 0;
	list-style-type:none;}
#navi a, #navi a:link {
	width:130px;
	letter-spacing:1px;
	font-weight:bold;
	padding:2px 0 2px 0;
	color: #8782A2;
	text-decoration: none;
	display: block;}
#navi a:hover {
	width:130px;
	padding:2px 0 2px 10px;
	background: #18527A;
	color: #FFFFFF;
	text-decoration: none;
	display: block;}


body#about li#about1 a, body#codes li#codes1 a, body#join li#join1 a, body#fans li#fans1 a, body#affies li#affies1 a, body#site li#site1 a, body#homepage li#home1 a {
	padding:2px 0 2px 10px;
	background: #18527A;
	color: #FFFFFF;
	text-decoration: none;
	display: block;}