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

/* Layout */

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

.topLogo {
	margin:			3px auto;
	width:			990px;
	height:			153px;
	border:			1px solid #000;
	background-image:	url('img/fhr_title.gif');
}

.mainFrame {
	margin:			0 auto;
	width:			990px;
	border:			1px solid #000;
/*	background-color:	#999;*/
	background:	#cff url('img/icepattern.jpg');
	color:			#000;
}

.valikko {
	float:			left;
	width:			980px;
	height:		28px;
	background:		#007ab7 url('img/menu/menubg.gif');
	color:			#fff;
	border:		1px solid #000;
	margin:		4px;
	padding:		0px;
	text-align:		left;

}

.bottomLeft {
	float:			left;
/*	background-color:	#fff;*/
	background:	#fff url('img/icepattern_white.jpg');
	color:			#009;
	border:			1px solid #000;
	width:			670px;
	height:			auto;
	min-height:		550px;
	margin:			4px;
	padding:		4px;
}
* html body .bottomLeft {height:550px;} 

.bottomRight {
	float:			right;
	width:			auto;
	height:		auto;
	min-height:		127px;
	text-align: center;
}

.boxRight {
	width:			280px;
	height:		auto;
	min-height:		80px;
/*	background-color:	#fff;*/
	background:	#fff url('img/icepattern_white.jpg');
	color:			#009;
	border:		1px solid #000;
	margin:		4px;
	padding:		4px;	
	text-align:		left;
}

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


.header_bg {
	width:			100%;
	height:			34px;
	background:		url('img/headerbg.gif');
	padding: 		0px;
	margin: 		0px;

}

.box_bg {
	width:			100%;
	height:			34px;
	background:		url('img/boxbg.gif');
	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;
}


/* Menu */
.bottomRight a {
	text-decoration:	none;
	background-color:	transparent;
	color:			#33a;
	font-weight:		bold;
	margin-left:		5px;
}
.bottomRight a:hover {
	background-color:	transparent;
	color:			#888;
	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%;
}
.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:			#000;
	font-size:		100%;
	width:			100%;
}
.diary a {
	font-weight:		bold;
	color:			#000;
	background-color:	transparent;
	text-decoration:	none;
	float:			left;
	text-align:		left;
	width:			77%;
}
.diary date {
	width:			23%;
	float:			right;
	text-align:		right;
}

.paivakirja {
        font-size:      	90%;
}

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


.downloadbox {
	width:			600px;
	border:		1px solid #000;
	margin-left:		15px;
}
.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;
	background-color: 	#007ab7;
	color:			#fff;
	border:		0;
	font-family:		Verdana, Helvetica, Sans-serif;
	font-size:		10px;	
}
.downloadlink {
	padding:		4px;
	background-color: 	#007ab7;
	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:          #005;
        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:			#33a;
	background-color:	transparent;
	text-decoration:	none;
}

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

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

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

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

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

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

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

img {
	border:		0;
}

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

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