/* Copyrigh (c) 2004 - Ospa <ospa@hockeyrevolution.com> */


/* Layout */

body {
	background-color:	#06c;
	color:			#008;
	font-family:		Verdana, Helvetica, Serif;
	margin:			0;
	padding:		0;
	font-size:		80%;
}

.frame {
	position:		absolute;
	left:			50%;
	top:			50%;
	width:			400px;
	height:			300px;
	margin-left:		-300px;
	margin-top:		-250px;
	padding:		100px;
	background:		#06c url('img/flash_bg.gif') no-repeat center;
	text-align:		center;
}

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

.mainFrame {
	margin:			0 auto;
	width:			857px;
	border:			1px solid #000;
	background-color:	#999;
	color:			#000;
}

.topLeft {
	float:			left;
	width:			623px;
	height:			127px;
	background:		#fff url('img/bar.gif') no-repeat center;
	color:			#009;
	border:			1px solid #000;
	margin:			4px;
	padding:		4px;
	text-align:		center;
	vertical-align:		middle;
}

.topRight {
	float:			left;
	width:			198px;
	height:			127px;
	background-color:	#fff;
	color:			#009;
	border:			1px solid #000;
	margin:			4px;
	padding:		4px;
}
* html body .topRight {width:190px;} 

.bottomLeft {
	float:			left;
	background-color:	#fff;
	color:			#009;
	border:			1px solid #000;
	width:			623px;
	height:			auto;
	min-height:		550px;
	margin:			4px;
	padding:		4px;
}
* html body .bottomLeft {height:550px;} 

.bottomRight {
	float:			left;
	width:			198px;
	height:			auto;
	min-height:		127px;
	text-align: center;
}
* html body .bottomRight {width:190px; height:127px;} 

.boxRight {
	width:			198px;
	height:			auto;
	min-height:		127px;
	background-color:	#fff;
	color:			#009;
	border:			1px solid #000;
	margin:			4px;
	padding:		4px;	
	text-align:		left;
}
* html body .boxRight {width:190px; height:127px;} 


.footer {
	width:			857px;
	height:			32px;
	background:		#999 url('img/bottom3.gif') no-repeat right;
	text-align:		left;
	vertical-align:		bottom;
}

.topBar {
	width:			100%;
	height:			32px;
	background:		#007ab7 url('img/new.gif') no-repeat left;


}
.valikko_icon {
	width:			100%;
	height:			32px;
	background:		#007ab7 url('img/fi/valikko.gif') no-repeat left;
}
.uutiset_icon {
	width:			100%;
	height:			32px;
	background:		#007ab7 url('img/fi/uutiset.gif') no-repeat left;
}
.tekijat_icon {
	width:			100%;
	height:			32px;
	background:		#007ab7 url('img/fi/tekijat.gif') no-repeat left;
}
.kiitokset_icon {
	width:			100%;
	height:			32px;
	background:		#007ab7 url('img/fi/kiitokset.gif') no-repeat left;
}
.manuaali_icon {
	width:			100%;
	height:			32px;
	background:		#007ab7 url('img/fi/manuaali.gif') no-repeat left;
}
.tiedostot_icon {
	width:			100%;
	height:			32px;
	background:		#007ab7 url('img/fi/tiedostot.gif') no-repeat left;
}
.linkit_icon {
	width:			100%;
	height:			32px;
	background:		#007ab7 url('img/fi/linkit.gif') no-repeat left;
}
.lahjoita_icon {
	width:			100%;
	height:			32px;
	background:		#007ab7 url('img/fi/lahjoita.gif') no-repeat left;
}
.versiohistoria_icon {
	width:			100%;
	height:			32px;
	background:		#007ab7 url('img/fi/versiohistoria.gif') no-repeat left;
}
.tietoa_icon {
	width:			100%;
	height:			32px;
	background:		#007ab7 url('img/fi/tietoa.gif') no-repeat left;
}
.kuvakaappaukset_icon {
	width:			100%;
	height:			32px;
	background:		#007ab7 url('img/fi/kuvakaappaukset.gif') no-repeat left;
}
.paivakirja_icon {
	width:			100%;
	height:			32px;
	background:		#007ab7 url('img/fi/paivakirja.gif') no-repeat left;
}


.menu_icon {
	width:			100%;
	height:			32px;
	background:		#007ab7 url('img/en/menu.gif') no-repeat left;
}
.news_icon {
	width:			100%;
	height:			32px;
	background:		#007ab7 url('img/en/news.gif') no-repeat left;
}
.under_construction {
	width:			100%;
	height:			32px;
	background:		#007ab7 url('img/en/under_construction.gif') no-repeat left;
}
.staff_icon {
	width:			100%;
	height:			32px;
	background:		#007ab7 url('img/en/staff.gif') no-repeat left;
}
.thanks_icon {
	width:			100%;
	height:			32px;
	background:		#007ab7 url('img/en/thanks.gif') no-repeat left;
}
.manual_icon {
	width:			100%;
	height:			32px;
	background:		#007ab7 url('img/en/manual.gif') no-repeat left;
}
.files_icon {
	width:			100%;
	height:			32px;
	background:		#007ab7 url('img/en/files.gif') no-repeat left;
}
.links_icon {
	width:			100%;
	height:			32px;
	background:		#007ab7 url('img/en/links.gif') no-repeat left;
}
.donate_icon {
	width:			100%;
	height:			32px;
	background:		#007ab7 url('img/en/donate.gif') no-repeat left;
}
.history_icon {
	width:			100%;
	height:			32px;
	background:		#007ab7 url('img/en/history.gif') no-repeat left;
}
.information_icon {
	width:			100%;
	height:			32px;
	background:		#007ab7 url('img/en/information.gif') no-repeat left;
}
.screenshots_icon {
	width:			100%;
	height:			32px;
	background:		#007ab7 url('img/en/screenshots.gif') no-repeat left;
}
.diary_icon {
	width:			100%;
	height:			32px;
	background:		#007ab7 url('img/en/diary.gif') no-repeat left;
}


.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;
	color:			#33a;
	background:		transparent;
	font-weight:		normal;
	margin-left:		5px;
}
.bottomRight a:hover {
	color:			#888;
	background:		transparent;
	font-weight:		normal;	
}



/* Banner */
.banneri {
        text-align:     center;
}
.banneri .big {
        width:          468px;
        height:         60px;
        border:         1px;
}
.banneri .pikku {
        background:     transparent url("img/mainos.gif") no-repeat center;
        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:			50%
}
.diary date {
	width:			50%;
	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:		450px;
	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;
}


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

.tiimi IMG {
        float:          left;
        border:         0;
        width:          102px;
        height:         128px;
        margin:         0 5px 2px 0;
}



/* Screenshottien tyylit alkaa */
.screenshot {
        text-align:     center;
}
.screenshot IMG {
        margin-left:    -3px;
	border:		1px solid #000;
        width:          613px;
        height:         457px;
}
.selaa IMG {
        border:         1px solid #000;
        width:          96px;
        height:         64px;
}
.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:		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:		100%;
	font-weight:		bold;
	color:			#009;
	background:		transparent;
}

h3 {
	font-size:		85%;
	font-weight:		normal;
	color:			#009;
	background:		transparent;
	margin-bottom:		2px;
}

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

img {
	border:			0;
}

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

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