/* Värvikoodid: 4E4E4E - taust | 099345 ja 41F38E lingid | 934508 - alternatiivlingid */

@charset "UTF-8";

/* Paigutused väikeste ekraanide jaoks ekraanidele */

header {													/* Päise argumendid */
	height: 65px; 										/* Päise kõrgus - pange sobima päisepildiga või logo kõrgusega */
	background-color: #ccc;				 			/* Suure bänneri pildi asukoht */
	background-image: none;
	}

header a.logo {																/* Logo argumendid */
	width: 231px;															/* Logo laius */
	height: 50px;															/* Logo kõrgus */
	top: 7px;																/* Logo kaugus ekraani ülaservast */
	left: 15px;															/* Logo kaugus servast (right-paremalt või left-vasakult: kasuta neist ühte) */
	background-image: url(../pildid/logo_suur.png);						/* Väikese logo pildifaili asukoht */
}

article {																		/* Artikli argumendid */
padding: 20px 20px 10px 20px;												/* Teeb artikli ja serva vahele ruumi. Numbrid järjekorras: üleval, paremal, all, vasakul */
}

nav {																		/* Menüü paigutamise argumendid */
	position: static;														/* Viib menüü tagasi selle algsele kohale (jaluse kohal) */
	padding: 10px 0px 10px 0px;												/* Menüü konteineri nihked. Numbrid järjekorras: üleval, paremal, all, vasakul */
	background-color: #4E4E4E;													/* Annab menüüle uue ja sobivama taustavärvi (sobita jalusega) */
}

nav a {																		
	width: 85%;
	color: #ccc;															/* Menüü teksti värv */
	background-color: #4E4E4E; 
	display: block;															/* Paigutab menüülingid üksteise alla */
	margin: 15px;															/* Kõik menüülingi märgendid kindla numbriga */ 
	padding: 9px;															/* Kõik menüülingi nihked kindla numbriga */
	border: 1px solid #ccc;													/* Raam ümber menüülingi */
	-moz-border-radius: 12px;												/* Mozilla versioon raami raadiusest */
	-webkit-border-radius: 12px;											/* Erinevate nutiseadmete browserite versioon raami raadiusest */
	border-radius: 12px;													/* Raami raadius */
	text-shadow: none;
	text-align: center;

}

nav a:hover {																	/* Aktiivse menüülingi argumendid */
	color: #4E4E4E;																/* Aktiivse menüülingi värv */
	background-color: #ccc;											/* Aktiivse menüülingi taustavärv */
	text-decoration: ccc;
}

.harud_konteiner {															/* Kartegooriate paigutamise üldargumendid */
	padding: 0px 20px 15px 0px; 											/* Konteineri nihked. Numbrid järjekorras: üleval, paremal, all, vasakul */
}

.harud_konteiner .harud {													/* Kartegooriate paigutamise argumendid */
	width: auto;															/* Kategooria konteineri laius. (täismõõt) */
	float: none;															/* Kategooria konteineri joondus (eemaldab effekti) */
	padding: 10px 20px 15px 20px;												/* Konteineri nihked. Numbrid järjekorras: üleval, paremal, all, vasakul */
	background-position: 20px 13px;											/* Kategooria konteineri taustapildi nihked x ja y teljel */
	border-top: 1px solid #;												/* Lisab iga kategooria kohale piirjoone */
}

.harud_konteiner .harud .content {											/* Kategooria konteineri sisu argumendid */
		padding: 0px 20px 5px 90px;											/* Teksti paigutamine nihete abil. Numbrid järjekorras: üleval, paremal, all, vasakul */
}

footer {		
	font-size: 0.85em;
	height: auto;
	text-align: center;													
	padding: 0px 0px 0px 0px;												/* Konteineri nihked. Numbrid j?rjekorras: ?leval, paremal, all, vasakul */

}

body {																		/* Sisu paigutamise argumendid */
	background-image: none;													/* Eemaldab taustapildi */
}

.webmaster {																	/* Veebimeistri info argumendid */
	float: right;															/* Joondab veebimeistri info paremale */
}


a.kat {																			/* "kat" klassiga linkide argumendid*/
	line-height: 30em;															/* Tekstirea kõrgus */
}