/* Copyrightit Janille ja Timolle 2008 */

body{
	background: #1c1201;
	color: #FFFFFF;
	font-family: Georgia, serif;
	font-size: 12;
	text-align: center;
	height: 100%; /* this is the key! */ 
}

b.isobold{
	color: #FFFFFF;
	font-family: Georgia, serif;
	font-size: 16;
	font-style: bold;
	text-align: left;
	height: 100%;
}

b.kuvat{
  color: #FFFFFF;
	font-family: Georgia, serif;
	font-size: 12;
	font-style: bold;
	text-align: center;
	height: 100%;
}

pre{
  color: #FFFFFF;
	font-family: Georgia, serif;
	font-size: 14;
	height: 100%;
}

/* Tää on se kaiken A ja O */
#center{
	background: #1c1201;
	width: 913px;
	text-align: left;
/*	margin: 2px, 2px, 2px, 2px;*/
}
/*Tämmöstä ei oo kait olemassakaan, näyttää vaa kivalta jos tarttee jotain */

#right{
	width: 71px;
	height:100px;
	background: #FFFFFF;
	margin: 0px;
	padding: 0px;
	float: right;
}
/*Otsikko joka tulee muille sivuille paitsi etusivulle*/
#otsikko{
	width: 172px;
	height: 29px;
	background: url(images/new_17.gif);
	color: #FFFFFF;
	font-family: Georgia, serif;
	font-size: 14;
	font-weight: bold;

}
#otsikko_wrap{
/*	margin-top: 0px;*/
	width: 168px;
	height: 22px;
	color: #FFFFFF;
	font-family: Georgia, serif;
	font-size: 14;
	font-weight: bold;

}
/*Uutis pläjäys boxi, laajenee kun muuttelee arvoa table:lle, löytyy komenttina koodista mitä muuttaa.
Käyttää php+xml:llää että uutiset näkyy */

#news{
	width: 172px;

	height:100%;
	background: #6e4329;
	margin: 0px;
	padding: 0px;
	color: #FFFFFF;
	font-family: Georgia, serif;
	font-size: 11;

}

td{
	color: #FFFFFF;
	font-family: Georgia, serif;
	font-size: 14;
}

table.teksti{
	color: #FFFFFF;
	font-family: Georgia, serif;
	font-size: 14;
	text-align: left;
	text-indent: 0px;
	padding: 0px;
	margin: 2px, 2px, 2px, 2px;
	height: 100%;
}
/*Määritellään tekstin koot sun muut */

td.news{
	color: #FFFFFF;
	font-family: Georgia, serif;
	font-size: 11;
}
/*Jatketaan tablea jotta saadaan kivan yhtenäinen kuva */
#oikea_jatke{
	background:url(images/oikea_jatke.gif) repeat-y;
	width: 47px;
	height: 100%;

}
/*Sama homma kuin ylemmässä*/
#vasen_jatke{
	background:url(images/vasen_jatke.gif) repeat-y;
	width: 44px;
	height: 100%;
}
/*Tää on se keskellä oleva keskipalkki, joka erottaa newssit ja tekstit  */
#palkki{
	background:#462009;
	width: 16px;
	height: 100%;
	float: left;
}
/*Tää on se iso kuva mis on koirat, sen voi vaihtaa milloin haluaa  */
#koira_kuva{
	width: 729px;
	height: 215px;
	background: url(images/new_12.gif) repeat-x;
  	text-indent: 2em;
  	text-align: left;
	color: #000000;
	font-family: Georgia, serif;
	font-size: 11;
}
/*Tää on se big one, tähän tulee ne tekstit mitkä lukee kaikkialla, tääkin laajenee kun tablea muuttaa  */
#content_text{
	width: 502px;
	height: 100%;
	background: #6e4329;
  	text-indent: 2em;
  	text-align: center;
	color: #FFFFFF;
	font-family: Georgia, serif;
	font-size: 14;
}
/*Tällä kohdistetaan teksti niin että se on kivasti ulospäin reunoilta  */
#wrap{
  	text-align: left;
	width: 480px;
	height: 100%;
	background: #6e4329;
	color: #FFFFFF;
	font-family: Georgia, serif;
	font-size: 14;
	padding: 5px 0 10px 10px;
}
/*Tää määriteltiin vaa siks ku poistettiin se news homma muista paitsi etusivulta*/
#content_text2{
	width: 690px;
	height: 100%;
	background: #6e4329;
  /*	text-indent: 2em;*/
  	text-align: center;
	color: #FFFFFF;
	font-family: Georgia, serif;
	font-size: 14;
}
/*Tähän pätee sama homma */
#wrap2{
  	text-align: left;
	width: 680px;
	height: 100%;
	background: #6e4329;
	color: #FFFFFF;
	font-family: Georgia, serif;
	font-size: 14;
}
/*Tää on linkkien alla oleva kuva, sekä määrittelyn sen teksteille  */
#links{
	background: url(images/links.gif) repeat-x;
  	text-align: left;
	width: 717px;
	height: 19px;
	color: #FFFFFF;
	font-family: Georgia, serif;
	font-size: 11;
}
/*Tää oli joku mahtava keksintä, ei takuuta et sitä ees on koodissa  */
td.cover_up{
	background-color: #6e4329;
}
/*Määrittelin huvikseni alas copyrighti palkin, ei toiminassa, vaan kommenttina  */
td.copy{
	font-family: Georgia, serif;
	font-size: 10;
	text-align: center;
}
/*Ei voi muistaa, ehkä yläpalkin linkeille  */
td.links{
	font-family: Georgia, serif;
	font-size: 11;
	color: #FFFFFF;
}

/*Tulokset.php sivulle, tulokset taulukkoon*/
td.tulokset{
	font-family: Georgia, serif;
	font-size: 11;
	color: #FFFFFF;
	text-align: center;
}
/*Tästä alaspäin näitä ei kannata sörkkiä, määrittelee alasvetolaatikot linkeistä, sekä sen hianon transparensyn  */
#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav a {
	display: block;
	/* width: 10em; ylalinkkien vali tarviiko?*/
}

#nav li { /* all list items */
	float: left;
	/* height: 22px; */
	/*width: 10em;  width needed or else Opera goes nuts tarviiko?*/
}

#nav li ul { /* second-level lists */
	position: absolute;
	background-color: #462009;
	filter: alpha(opacity=75);
	opacity: 0.5;
	-moz-opacity: 0.5;
  	/*background-image: url(images/tausta.jpg);*/
	background-repeat: repeat-y;
	background-position: left;
	width: 9em; /*boksin koko*/
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
/*Joo tää oli joku mut ei näköjään toimikkaan, koodissa saattaa olla viitteitä tähän  */
.spanni{

}
/*Nää on sitte määrittelyt ihan normaaleille linkeille mitä on tekstissä  */
a:link {
	text-decoration :none;
	color: #FFFFFF;
	font-family: Georgia, serif;
	font-size: 14;
}
a:visited {
	text-decoration :none;
	color: #FFFFFF;
	font-family: Georgia, serif;
	font-size: 14;
}
a:active {	
	text-decoration :none;
	color: #FFFFFF;
	font-family: Georgia, serif;
	font-size: 14;
}
a:hover {
	color: #FFFFFF;
	font-family: Georgia, serif;
	font-size: 14;
	text-decoration: underline;
}
/*Valikon linkeille*/
a.valikko:link {
	text-decoration :none;
	color: #FFFFFF;
	font-family: Georgia, serif;
	font-size: 11;
}
a.valikko:visited {
	text-decoration :none;
	color: #FFFFFF;
	font-family: Georgia, serif;
	font-size: 11;
}
a.valikko:active {	
	text-decoration :none;
	color: #FFFFFF;
	font-family: Georgia, serif;
	font-size: 11;
}
a.valikko:hover {
	color: #FFFFFF;
	font-family: Georgia, serif;
	font-size: 11;
	text-decoration: none;
}
/*Nää on sitte sille transparensylle alasveto laatikoihin  */
a.spanni:link {

	color: #FFFFFF;
	font-family: Georgia, serif;
	font-size: 11;
	background-color: #462009;
	filter: alpha(opacity=75);
	opacity: 0.5;
	-moz-opacity: 0.5;
	background-repeat: repeat-y;
	background-position: left;
	width: 9em; /*boksin koko*/
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
a.spanni:visited {

	color: #FFFFFF;
	font-family: Georgia, serif;
	font-size: 11;
	background-color: #462009;
	filter: alpha(opacity=75);
	opacity: 0.5;
	-moz-opacity: 0.5;
	background-repeat: repeat-y;
	background-position: left;
	width: 9em; /*boksin koko*/
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
a.spanni:active {	

	color: #FFFFFF;
	font-family: Georgia, serif;
	font-size: 11;
	background-color: #FFFFFF;
	filter: alpha(opacity=75);
	opacity: 0.5;
	-moz-opacity: 0.5;
	background-repeat: repeat-y;
	background-position: left;
	width: 9em; /*boksin koko*/
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
a.spanni:hover {

	color: #000000;
	font-family: Georgia, serif;
	font-size: 11;
	background-color: #FFFFFF;
	text-decoration: none;
	filter: alpha(opacity=95);
	opacity: 1.5;
	-moz-opacity: 1.5;
	border: 0px solid #FFFFFF;
	background-repeat: repeat-y;
	background-position: left;
	width: 9em; /*boksin koko*/
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}