/* Asemointi: määrittelyjä käytetty jokaisella sivulla --------------------------------------------------------------------------*/

body{								/*body -elementin määrittelyt*/
	background-color: #000000; 				/*taustan väri, musta*/
	font-family: arial, "lucida console", sans-serif; 	/*fontti*/
	font-size: o.8em; 					/*fontin koko,o.8 pistettä */
	color: #000000; 					/*tekstin väri, musta*/
	margin: 0px;						/*marginaali*/
	padding: 0px;						/*padding*/
	text-align: center; 					/*teksti tasaus, keskitetty*/				
}

#sivu, #banneri, #menu, #footer, #teksti{			/*sivu-, banneri-, menu-, footer ja teksti-lohkojen määrittelyt*/
	margin: auto;						/*marginaali, määräytyy automaattisesti sisällön mukaan*/
	text-align: center;					/*tekstin tasaus, keskitetty*/
	background-color: #FFFFFF;				/*taustan väri, valkoinen*/
}

#sivu, #banneri, #menu, #footer{				/*sivu-, bnneri-, menu- ja footer*/
	text-align: center;					/*tekstin tasaus, keskitetty*/
}

#sivu{								
	width: 900px;						/*sivu-lohkon leveys*/								 											
}

#banneri, #footer{						
	width: 800px;						/*banneri- ja footer-lohkojen leveys*/
}

#menu {								/*menu-lohkon leveys*/
	width: 850px;
}

#teksti{							
	width: 750px;						/*teksti-lohkon leveys*/
	text-align: left;					/*teksti-lohkon tekstin tasaus, vasen reuna*/
}


/* Menu-lohkon muotoilu: määrittelyjä käytetty jokaisella sivulla --------------------------------------------------------------*/


#menu ul{							/*järjestämättömän listan määrittely*/
	list-style-type: none;					/*tyyli, ei luettelomerkkiä*/
}

#menu li{							/*lista-elementin määrittely*/
	display: inline;					/*esitystapa, rivi*/
	padding-right: 2px;					/*padding*/
}

#menu a:link, #menu a:visited{					/*linkin ja vieraillun linkin määrittely*/
	font-family: Comic Sans MS;				/*fontti*/
	color: #000000;						/*fontin väri, musta*/
	font-weight: bold;					/*fontti lihavoitu*/
	font-size: 1em;						/*fontin koko*/
	text-decoration: none;					/*ei alleviivausta*/
}

#menu a:hover{							/*kohdistimen kohdalla olevan linkin määrittely*/
	color: #FD2498;						/*fontin väri, fuksia*/
}


/* Teksti-lohkon muotoilu ------------------------------------------------------------------------------------------------------*/

#teksti h1, #teksti h2, #teksti h3{				/*otsikoiden määrittelyt, käytössä esim. päiväkirjassa 2006*/
	font-family: Comic Sans MS;				/*fontti*/
	color: #000000;						/*fontin väri musta*/
}

#teksti h1{							
	font-size: 1.2em;					/*1.tason otsikon fontin koko*/
}

#teksti h2{
	font-size: 1.1em;					/*2.tason otsikon fontin koko*/
}

#teksti h3{
	font-size: 1em;						/*3.tason otsikon fontin koko*/
}

#teksti p{
	font-size: 0.8em;					/*kappaleen fontin koko*/
}

#teksti a:link{							/*linkin määrittelyt, käytössä esim. päiväkirjat-sivulla*/
	color: #FD2498;						/*fontin väri, fuksia*/
}

#teksti a:visited{						/*vieraillun linkin määrittelyt käytössä esim. päiväkirjat-sivulla*/
	color: #818181;						/*fontin väri, harmaa*/
}

#teksti table{							/*taulukon määrittelyt, käytössä esim. kuvagallerian sivuilla*/
	table-layout: automatic;				/*taulukon solujen koko mukautuu sisältöön*/					
	border: 0px;						/*ei reunaviivaa*/
	
}

#teksti td, #teksti th{						/*taulukon solun ja sarakeotsikon määrittelyt, käytössä esim. tapahtumat-sivulla*
	background-color: #FFFFFF;				/*taustan väri, valkoinen*/						
}

#teksti td{
	font-size: 0.8em;					/*taulukon solun fontin koko*/
}

#teksti th{							
	font-family: Comic Sans MS;				/*sarakeotsikon fontti*/
	font-size: 1em;						/*sarakeotsikon fontin koko*/
}

#teksti ul{							/*järjestämättömän listan määrittelyt, käytössä esim. päiväkirjat-sivulla*/
	list-style-type: none;					/*tyyli, ei luettelomerkkiä*/
}