/* 
CSS Document
############

Media: screen, presentation
Tested in: (not really tested)
Note: advanced-browsers-enhancement (MOSe) approach applied

[following information count also for the 'my.js' file]

Author: Peter Kahoun aka Kahi
Author contact: kahi@kahi.cz; web: kahi.cz
License: CC by-sa

Created: 2009/04
Modified: Thu, 23 April 2009 20:14:21 GMT
Version: 2009.2


Font-size table
***************

24px | 184%
21px | 162%
18px | 138%
16px | 123%
14px | 108%
13px | 100%

12px | 92% (default)

11px | 85%
10px | 77%
9px | 69%


Color table (just main colors)
***********

13437e	darkest blue (links)
365F91	dark blue (top headings)
4F81BD	light blue (lower headings)
e6f0fb 	lightest blue (inline code back, th)

FF8700	orange

*/


* {margin:0; padding:0;}

body {
    cursor:default;
	padding:2em;
	font-family:Calibri, Arial, Helvetica, sans-serif; color:#222; font-size:92%;
    background-color:#fff;}

p, ul, ol, dl, table, pre {
	margin-bottom:1em;
	line-height:1.4;}

a {
    text-decoration:underline;
    cursor:pointer;
    cursor:hand;}
	
fieldset {
    border:none;}

h1, h2, h3, h4, h5, h6 {
	margin:1.66em 0 .66em; position:relative;
	font-family:Cambria, Georgia, "New York CE", utopia, serif; color:#4F81BD; line-height:1;}

h1, h2, h3 {
	clear:both;}

h1 {
	margin-top:0;
	font-size:184%; color:#365F91;}

h2 {
	margin:2em 0 1em;
 	font-size:162%;  color:#365F91;}

h3 {
	font-size:138%;}

h4 {
	font-size:123%;}

h5 {
	font-size:100%;}

h6 {
	font-size:100%; font-style:italic; font-weight:normal;}

h2:target, h3:target, h4:target, h5:target, h6:target {
	color:#FF8700;}

	h1 a.anchor, h2 a.anchor, h3 a.anchor, h4 a.anchor, h5 a.anchor, h6 a.anchor {
		color:inherit; text-decoration:none;}

	h2 .bc, h3 .bc, h4 .bc, h5 .bc, h6 .bc {
		visibility:hidden;
		position:absolute; left:0; top:-20px;
		padding:.2em;
		font-family:Calibri, Arial, Helvetica, sans-serif; font-size:13px; color:#999; font-weight:normal;}

		h2:hover .bc, h3:hover .bc, h4:hover .bc, h5:hover .bc, h6:hover .bc {
			visibility:visible;}


	/* links */

a {
	color:#13437e;}

a:hover {
	text-decoration:none;}

a:visited {
	color:#4F81BD;}

a:active {
	background-color:#4F81BD;
	color:#fff;}


		/* links to specific file-types */

a[href$='.zip'],
a[href$='.rar'],
a[href$='.7z'],
a[href$='.gz'],
a.type-archive {
	padding-right:20px; margin-right:2px;
	background:url(images/icons/compress.png) right center no-repeat;}

a[href$='.pdf'],
a.type-pdf {
	padding-right:20px; margin-right:3px;
	background:url(images/icons/page_white_acrobat.png) right center no-repeat;}

/*a[href$='.jpg'],
a[href$='.gif'],
a[href$='.png'],*/
a.type-image {
	padding-right:20px; margin-right:3px;
	background:url(images/icons/picture.png) right center no-repeat;}

a[href$='.txt'],
a.type-text {
	padding-right:20px; margin-right:3px;
	background:url(images/icons/page_white_text.png) right center no-repeat;}

a[href$='.doc'],
a[href$='.docx'],
a[href$='.rtf'],
a.type-richtext {
	padding-right:20px; margin-right:3px;
	background:url(images/icons/page_white_word.png) right center no-repeat;}

a[href$='.xls'],
a[href$='.xlsx'],
a.type-table {
	padding-right:20px; margin-right:3px;
	background:url(images/icons/page_white_excel.png) right center no-repeat;}

a[href$='.ppt'],
a[href$='.pptx'],
a.type-presentation {
	padding-right:20px; margin-right:3px;
	background:url(images/icons/page_white_powerpoint.png) right center no-repeat;}

a[href^='mailto:'],
a.email {
	padding-right:20px; margin-right:3px;
	background:url(images/icons/email.png) right center no-repeat;}

a.linking-image, /* =by JS assigned class */
a.no-type {
	padding-right:0; margin-right:0;
	background:url();}

*[title] {
	border-bottom:1px dotted #666; 
	cursor:help;} 

	a.anchor[title] {
		border-bottom:0;}


 		/* skip links */

a#to-top {
	position:fixed; top:0; right:0;
	padding:15px;
	/* background-color:rgba(255,255,255,0.8); */
	/* text-shadow:0 0 5px #fff; */}


	/* lists */

ul, ol {
	margin-left:0;
	padding-left:3em;
	list-style-position:outside;}

dl dt {
	margin:.5em 0 0 0;
	font-weight:bold; font-style:italic; }

dl dd {
	margin:0 0 .5em 3em;}


	/* quotes */

blockquote, q {
	color:#444; font-style:italic;}

blockquote {
	margin:2em 0;
	padding-left:2em;}

cite {
	font-style:italic;}

blockquote + p cite:only-child {
	display:block; margin:-1em 1em 2em 2em;
	text-align:right;}

	blockquote + p cite:only-child:before {
		content:'— '}


	/* code */

code {
	padding:1px;
	background:#e6f0fb;
	font-family:monospace;}

pre code {
	display:block;
	max-height:15em; padding:.5em; overflow-y:scroll; overflow:auto; 
	border:1px dashed #ccc;
	background-color:transparent;}


	/* tables */

table {
    cursor:default;
	border-collapse:collapse;
    margin:0 0 24px 0;}

	th,
	td {
		padding:3px .5em;
		border:1px solid #ddd;
		text-align:left;
        vertical-align:top;}

	th {
		background-color:#e6f0fb;
		font-weight:bold;}

tfoot td,
tfoot th {
	border-top:1px solid #aaa;}

tfoot td {
	background-color:#f4f4f4;
	font-weight:bold;}


 	/* images */

.right,
.figure-right {
	float:right; margin:.5em 0 .5em 1em;}

.left,
.figure-left {
	float:left; margin:.5em 1em .5em 0;}

	.figure-left p,
	.figure-right p,
	.figure p {
		padding:.5em 0;
		font-style:italic;}

a img {
	padding-bottom:2px;
	border:0; border-bottom:4px double #abd1ed;}

	a:hover img,
	a:active img {
		border-bottom:4px double #365f91;}


 	/* else */

hr {
	clear:both; margin:0 0 24px 0;
	height:1px;
	border:none;
	background-color:#ddd;
	color:#ddd;
    overflow:hidden;}


	/* blocks */

p.important,
div.important,
.warning,
.positive,
.negative,
.download {
	padding:.5em}

.important {
	padding-top:.5em; padding-bottom:.5em;
	border:1px solid #e4e4e4;
	background-color:#f4f4f4;}

.warning {
	border:1px solid #ffee99;
	background-color:#fff8dd;}

.positive {
	border:1px solid #cceba1;
	background-color:#eaf7d8;}

.negative {
	border:1px solid #f99;
	background-color:#fdd;}

.download {
	border:1px solid #abd1ed;
	background-color:#e3f0f9;
	text-align:center;}

	.download:first-line {
		font-size:138%;}

	/* gallery */

.gallery {
	padding:0; overflow:hidden; /* auto-clearing */
	list-style-type:none;}

	.gallery li {
		float:left; margin:0 .5em .5em 0}

input.ulozit {width:100%; font-size:150%; padding:12px 0;}


small {font-size:60%; color:gray;}
th {text-align:center;}
td {text-align:right; vertical-align:middle;}
.lichy {background:#f6f6f6;}
td.poradi {background:#e6f0fb;}
td.empty {background:#ddd;}
tbody tr:hover {background:#e6f0fb;}
.nahrazka {background-color:#e6f0fb;}
.stats {overflow:auto; width:100%;}
.stats table {float:left; margin-right:24px; }

.pata {color:#bbb; font-size:75%;}
acronym {color:gray; font-size:75%; border-bottom:dotted 1px gray; cursor:help;}