/* Copyright (c) 2004 - Ospa <ospa@hockeyrevolution.com> */
/* With edits Copyright (c) 2006 - Kenu <kenu@hockeyrevolution.com> /*

/* Layout */

body {
	background:		#06c url('img/bgnew.gif');
	color:			#008;
	font-family:		Verdana, Helvetica, Serif;
	margin:		0;
	padding:		10px;
	font-size:		12px;
}

.topLogo {
	margin:		0px auto;
	width:			1024px;
	height:		197px;
	background-image:	url('img/logo.jpg');
}

.mainFrame {
	margin:		0 auto;
	width:			1024px;
/*	background-color:	#999;*/
	background: 		#0d4166 url('img/icepattern.jpg');
	color:			#000;
}

.valikko {
	float:			right;
	width:			1024px;
	height:		34px;
	background:		url('img/valikko_FHR_07.jpg');
	color:			#fff;
	text-align:		right;
	padding-top:		12px;

}

.valikkoBottom {
	height:		16px;
	width:			1024px;
	background: 		url('img/mainbg.jpg');
}

.bottomLeft {
	float:			left;
	width:			auto;
	height:		auto;
	width:			214px;
	text-align: 		center;
}

.boxLeft {
	width:			207px;
	height:		auto;
	min-height:		80px;
/*	background-color:	#fff;*/
	background:		#000233 url('img/boxbg.jpg') repeat-x top left;
	color:			#FFF;
	border:		1px solid #000;
	margin-top:		4px;
	margin-left:		4px;
	padding:		0px;	
	text-align:		center;
	font-size:		10px;
}

.Main {
	float: 		left;
/*	background-color:	#e6eff6;*/
	background:		#0d4166 url('img/mainbg.gif') no-repeat top left;
	color:			#FFF;
	border:		1px solid #000;
	margin:		4px;
}

.Main2 {
	float: 		left;
/*	background-color:	#e6eff6;*/
	background:		#0d4166 url('img/mainbg.gif') no-repeat top left;
	color:			#FFF;
	width:			586px;
	padding:		0px;
}
* html body .Main {height:568px;} 

.bottomRight {
	float:			right;
	width:			auto;
	height:		auto;
	width:			214px;
	color:			#FFF;
	text-align: 		center;
}

.boxRight {
	width:			207px;
	height:		auto;
	color: 		#FFF;
	min-height:		80px;
	background:		#000233 url('img/boxbg.jpg') repeat-x top left;
	border:		1px solid #000;
	margin-top:		4px;
	margin-right:		4px;
	margin-bottom:	4px;
	float:			right;
	padding:		0px;	
	text-align:		left;
	font-size:		10px;
	
}

.boxRight a {
	font-family: 		verdana;
	font-weight:		bold;
	color: 		#FFF;
	text-decoration: 	none;
	font-size: 		10px;
	}
	
.boxRight a.normal {
	font-family: 		verdana;
	color: 		#FFF;
	font-weight:		bold;
	text-decoration: 	none;
	font-size: 		10px;
	}
	
.boxRight a:visited {
	font-family: 		verdana;
	color: 		#FFF;
	font-weight:		bold;
	text-decoration: 	none;
	font-size: 		10px;
	}
	
.boxRight a:hover {
	font-family: 		verdana;
	color: 		#FFF;
	font-weight:		bold;
	text-decoration: 	underline;
	font-size: 		10px;
	}

.footer {
	width:			1024px;
	height:		20px;
	background:		url('img/bottom_n.gif') no-repeat right;
        color:              inherit;
	text-align:		left;
	vertical-align:	bottom;
}


.header_bg {
	width:			100%;
	height:		36px;
	background:		#427eb5;
	border:		1px solid #000;
	padding: 		0px;
	margin: 		0px;

}

.header_bg_news {
	width:			100%;
	height:		34px;
	background:		#427eb5;
	padding: 		0px;
	margin: 		0px;

}

.box_bg {
	width:			100%;
	height:		34px;
	background:		#80b0d6 url('img/boxbg.jpg') no-repeat top left;
	border-bottom:	1px solid #000;
	padding: 		0px;
	margin: 		0px;

}

.clear {
	clear:			both;
}


.counter img {
	width:			8px;
	height:		8px;
	border:		0;
}

.w3 img {
	width:			43px;
	height:		15px;
	border:		0;
}

.firefox img {
	width:			80px;
	height:		15px;
	border:		0;
	padding:		5px;
	margin:		5px;
}


/* Menu */
.bottomRight a {
	text-decoration:	none;
	background-color:	transparent;
	color:			#FFF;
	font-weight:		bold;
	margin-left:		5px;
}
.bottomRight a:hover {
	background-color:	transparent;
	color:			#FFF;
	font-weight:		bold;	
}



/* Banner */
.banneri {
        text-align:		center;
}
.banneri .big {
        width:		468px;
        height:		60px;
        border:		1px;
}
.banneri .pikku {
        background:		transparent url("img/mainos.gif") no-repeat center;
	 color:		inherit;
        margin-top:		20px;
        padding:		19px 9px 9px 9px;
        width:		92px;
        height:		120px;
}


/* News */
.news {
	font-size:		90%;
	color:			#FFF;
}
.news a {
	font-family: 		verdana;
	font-weight:		bold;
	color: 		#FFF;
	text-decoration: 	none;
	font-size: 		12px;
	}
	
.news a.normal {
	font-family: 		verdana;
	color: 		#FFF;
	font-weight:		bold;
	text-decoration: 	none;
	font-size: 		12px;
	}
	
.news a:visited {
	font-family: 		verdana;
	color: 		#FFF;
	font-weight:		bold;
	text-decoration: 	none;
	font-size: 		12px;
	}
	
.news a:hover {
	font-family: 		verdana;
	color: 		#FFF;
	font-weight:		bold;
	text-decoration: 	underline;
	font-size: 		12px;
	}
.news h1 {
	font-size:		120%;
	font-weight:		bold;
}
.news .date {
	font-style:		italic;
}
.news div {
	font-size:		100%;
	margin-bottom:	10px;
}


/* Diary */
.diary {
	background-color:	transparent;
	color:			#FFF;
	font-size:		100%;
	width:			100%;
}
.diary a {
	font-weight:		bold;
	color:			#FFF;
	background-color:	transparent;
	text-decoration:	none;
	float:			left;
	text-align:		left;
	width:			77%;
}
.diary date {
	width:			23%;
	float:			right;
	text-align:		right;
	color:			#FFF;
}

.paivakirja {
        font-size:      	90%;
}

.paivakirja .otsikko {
        font-size:     	120%;
        font-weight:    	bold;
}
.paivakirja .date {
        font-style:     	italic;
		color:		#FFF;
}
.paivakirja div {
        font-size:      	100%;
}
.paivakirja hr {
	margin-top:		25px;
}


.downloadbox {
	width:			750px;
	margin-left:		15px;
	background:		url('img/filesbg.png');
	border-bottom:	1px dotted #94bdda;
}
.downloadtitle {
	padding:		4px;
	color:			#fff;
	background-color: 	#04a;
	border:		0;
	font-family:		Verdana, Helvetica, Sans-serif;
	font-weight:		bold;
	font-size:		12px;
	height:		18px;
}
.downloadtitle span.title {
	float:			left;
	text-align:		left;
	width:			59%;	
}
.downloadtitle span.size {
	float:			right;
	text-align:		right;
	width:			39%;	
}
.downloadtext {
	padding:		4px;
	color:			#fff;
	border:		0;
	font-family:		Verdana, Helvetica, Sans-serif;
	font-size:		10px;	
}
.downloadlink {
	padding:		4px;
	color:			#fff;
	text-align:		right;
	border:		0;
	font-family:		Verdana, Helvetica, Sans-serif;
	font-size:		10px;	
}
.downloadbox a {
	background-color: 	transparent;
	color:			#ddf;
	font-weight:		bold;
}

/* News */
.uutiset1 div {
	margin-bottom:	10px;
}

.uutiset1 .otsikko {
        font-size:     	120%;
        font-weight:    	bold;
}

/* Tiimisivu */
.tiimi {
        margin:         	0 5px 25px 15px;
        color:          	#FFF;
        background:    	transparent;
        font-size:      	95%;
        clear:          	both;
	 vertical-align: 	top;
}

.tiimi IMG {
        float:          	left;
        border:         	0;
        width:          	91px;
        height:         	128px;
        margin:         	0 5px 2px 0;
	border:		1px solid #000;
}



/* Screenshottien tyylit alkaa */
.screenshot {
        text-align:     	center;
}
.screenshot IMG {
        margin-left:    	-3px;
	border:		1px solid #000;
        width:          	640px;
      
}
.selaa IMG {
        border:         	1px solid #000;
        width:          	100px;
        height:         	75px;
}
.paneli {
        text-align:     	center;
}
.paneli IMG {
        display:        	inline;
        margin:         	0;
        padding:        	0;
        border:         	0;
}



.underline {
	text-decoration:	underline;
}

.monospace {
/*	font-family:         Courier New, Courier, monospace;	*/
	white-space:		pre;
	font-size:		80%;
}

/* Default styles */
a {
	font-weight:		bold;
	color:			#FFF;
	background-color:	transparent;
	text-decoration:	none;
}

a:hover {
	font-weight:		bold;
	color:			#FFF;
	background:		transparent;
}

h1 {
	font-size:		120%;
	font-weight:		bold;
	color:			#009;
	background:		transparent;
}

h2 {
	font-size:		14px;
	font-weight:		bold;
	color:			#FFF;
	background:		transparent;
}

h3 {
	font-size:		12px;
	font-weight:		normal;
	color:			#FFF;
	background:		transparent;
	margin: 		3px 0px 3px 0px;
}

h4 {
	font-size:		10px;
	font-weight:		bold;
	color:			#FFF;
	background:		transparent;
	margin:		0;
}

pre {
	font-size:		9.5px;
	font-weight:		normal;
	color:			#FFF;
	background:		transparent;
	margin:		0;
}

UL.toc { 
	list-style-type: 	decimal; 
}

img {
	border:		0;
}

hr {
	border:		0;
	border-top:		1px solid #FFF;
	height:		3px;
	width:			95%;
}

.googlead{
	text-align:		center;
	margin:		0 auto;
	margin-top:		50px;
}