/*
Kristjan Kannike
Loodud:1999
Enne muudetud: 2009-10-08
Viimati muudetud: 2009-11-08

*/

@import url('prog.css');

@import url('hint.css');

a, body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, #kodu h1 {
	font:normal 100% Palatino, Georgia, "Times New Roman", Times, serif;
	margin:0;
	padding:0;
	line-height:150%;
}

p.markus, .pildiallkiri, div.madewith {font-size:75%;}

p {line-height:inherit;}

h1, body.esileht > #kodu h1 {font-size:1.5em;}

h1 {margin:0.5em 0 0.5em;}

#kodu *, body.esileht > #kodu h1 {
	font-variant:small-caps;
	letter-spacing:0.5em;
}

h2, h3, h4, h5, h6 {
	font-size:100%;
	margin:1.5em 0 0.5em;
}

h2 {text-transform:uppercase;}

h3, h4, h5, h6 {font-style:italic;}

p {text-indent:1.5em;}

h1+p, h2+p, h3+p, h4+p, h5+p, h6+p, #info, #sisu p.esileht {text-indent:0;}
	
h1+p:first-letter {
	float:left;
	padding: 0.11em 0.3em 0 0;
	font-size:3.2em;
}

#sisu ul {list-style-type:square;}

#sisu ul, ol {
	margin-top:0.75em;
	margin-bottom:0.75em;
}

#sisu ul ul, ol ol {
	padding-left:1em;
}

.kast li {list-style-position:inside;}

hr {
	color:#000;
	background-color:#000;
	width:50%;
	height:1px;
	border:none;
}

div.madewith {
	line-height:normal;
	float:right;
	padding:0.2em;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

div.madewith span {
	font-size:3em;
	line-height:80%;
}

div.kast {
	padding:0.5em;
	margin:1em 0;
}

div.kast h2, div.kast h3 {
	margin:-0.5em -0.5em 0.5em;
	padding:0.25em 0.75em;
}

div.pilt {
	margin:0 0.5em;
	float:right;
	clear:none;
}

dfn, .asendaja, .muutuja, .programm, .magazine, .book, .voorkeelne, .liik {font-style:italic;}

strong {font-weight:bold;}

.kysimus {
	font-weight:bold;
	margin:1em 0 0;
}

.uus {font-weight:bold;}

p.markus {text-indent:-1.1em;}

p.markus:before {
	content:"✻ ";
	color:#f00;
}
	
.pildiallkiri {font-family:"Lucida Sans Unicode", Arial, Helvetica, sans-serif;}

span.amp {
	font-family: Constantia, Palatino, "Book Antiqua", Georgia, serif;
	font-style: italic;
}

@media screen {

/* VARVILAHENDUS */

html, body {height:100%;}

body, #kodu, #info, #globaalne, #globaalne ul {
	color:#000;
	background-color:#ffca81/*#ffbe27*/;
}

#sisu {background-color:#fff;}

h1, h2, h3, h4, h5, h6 {color:#f00;}

a {text-decoration:none;}

a:link {color:#446098;}

a:visited {color:#612070;}

a:hover {
	background-color:#000;
	color:#ffbe27;
	padding:0.25em 0;
}

div.kast {background-color:#ffde93;}

div.kast h2, div.kast h3 {background-color:#eed2a9;}

div.kast, div.kast h2, div.kast h3 {
   	border-top-right-radius:1em;
	-moz-border-radius-topright:1em;
	-webkit-border-top-right-radius:1em;
}

/* LEHEKYLJE BLOKID */

#kodu, #globaalne, #globaalne ul, #lokaalne, #info {position:fixed;}

#lokaalne, #info {z-index:1;}

#kodu, #globaalne {z-index:3;}

#sisu {
	z-index:2;
	position:relative;
	min-width:39em;
	margin:0 13em;
	min-height:87.5%;
	top:0;
	border:none;
	border-top-right-radius:2em;
	-moz-border-radius-topright:2em;
	-webkit-border-top-right-radius:2em;
	padding:0.5em 2em;
}

#kodu {
	top:0;
	padding-left:2em;
	height:3em;
	width:100%;
}

#kodu h1 {
	position:absolute;
	display:block;
	left:15em;
}

#globaalne, #globaalne > ul {min-width:55em;}

#globaalne {
	left:0;
	width:100%;
	padding:0 0;
	top:3em;
	font-size:75%;
	margin-left:-3em;
	height:2em;
	padding:0 3em;
}

#globaalne > ul {left:19.5em;}

#lokaalne, #sisu {top:4em;}

#lokaalne, #info {
	width:12.5em;
	text-align:right;
}

#info {
	bottom:0;
	padding-bottom:0.5em;
}

/* NAVIGATSIOON */

#lokaalne > ul {padding-bottom:1em;}

.nav ul {
	list-style-type:none;
}

#lokaalne ul ul a {font-style:italic;}

.nav ul li a {
	display:block;
	width:auto;
	padding:0;
}

#globaalne ul {text-transform:uppercase;}

#globaalne ul li a {padding:0.25em;}

#globaalne > ul > li {
	display:block;
	float:left;
/*	padding:0.25em;*/
	text-align:left;
}

#globaalne ul ul {
  display: none;
  float:left;
  text-transform:none;
}

#globaalne ul li:hover ul {
	position:absolute;
	display:block;
	padding:0;
	width:12em;
	background-color:#ffca81;
	border: 1px solid #000;
	z-index:3;
}

#globaalne ul li:hover ul li {
	display:block;
	width:12em;
}

#globaalne ul li:hover ul ul {display:none;}

#globaalne ul li:hover ul li:hover ul {
	display:block;
	margin-left:11em;
	margin-top:-1.85em;
	padding:0;
	width:12em;
}

.nav p, p.seq {text-indent:0;}

p.seq {font-size:2em;}

/* TEKST */

acronym[title], abbr[title] {border-bottom:1px dotted #000;}

acronym[title]:hover, abbr[title]:hover {cursor:help;}

}

@media print {

body {
	color:#000;
	background-color:#fff;
	width:100%;
	line-height:120%;
}

#lokaalne, #globaalne {display:none;}

#sisu, #kodu, #info {
	visibility:visible;
	width:66em;
}

#info p {font-size:8pt;}

#kodu h1 {font-size:8pt;}

#kodu.esileht h1 {font-size:14pt;}

.seq {display:none;} /* <-, -> */

p, ul, ol {font-size:10pt;}

h1, h2, h3, h4, h5, h6 {page-break-after:avoid;}

h1 {font-size:16pt;}

h2, h3, h4, h5, h6 {font-size:12pt;}

a {
	text-decoration:none;
	border-bottom:1px dotted;
}

#sisu a[href*="://"]:after {
	content: "  [" attr(href) "]";
	font:normal 6pt Verdana, Arial, Helvetica, sans-serif;
}

div.madewith {background-color:#ccc;}

h1, h2, h3, h4, h5, h6, blockquote, pre, img, math {page-break-inside:avoid;}
ul, ol, dl {page-break-before:avoid;}

div.kast {border:1px solid #000;}

div.pilt p {font-size:8pt;}

p.comment {display:none;}

.uus {font-size:8pt;}

acronym, abbr {text-decoration:none;}

a, p.markus:before {color:#000;}

}