/**
* Jiri Votruba - malir, grafik, ilustrato
* Jiri Votruba - painter, graphic, illustrator
*
* @author sway [sway@treska.net]
* Copyright 2008, sway
*/

html {
    padding: 0;
    margin: 0;
    font-size:16px;
   }

body {
    padding: 0;
    margin: 0;
    background: #333 url('./pic/topbg.png') top repeat-x;
    border-top: 0.3em solid #FFD500;
    color: white;
    font-family: "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", Tahoma, sans-serif;
    font-size: 100%;
    text-align: center;
}

a {
    color: #FFD500;
    background: #444;
    text-decoration: none;
    padding: 0 0.2em 0 0.2em;
}

a:hover {
	background: #FFD500;
	color: #000;
}

a:visited {
	color: #FFD500;
	background: #444;
}

a:visited:hover {
	background: #FFD500;
	color: #000;
}

h1 {
	display: none;
}

ul {
	list-style: square;
	margin-top: 0.5em;
	margin-left: 0;
	padding-left: 1em;
}

/* SPECIFIC CLASSES BEG */

div.clearer {
	clear: both;
	line-height: 0;
	height: 0;
	margin: 0;
	padding: 0;
}

img.left {
    float: left;
    margin: 0 0.375em 0.375em 0;
}

img.right {
    float: right;
    margin: 0 0 0.375em 0.375em;
}

/* SPECIFIC CLASSES END */
/**/
/* UNIVERSAL CLASSES DEFINITIONS BEG */

.right {
	float: right;
}

.left {
	float: left;
}

.normal {
	font-size: 0.75em;
}

.smaller {
	font-size: 0.65em;
}

.larger {
	font-size: 1.25em
}

/* UNIVERSAL CLASSES DEFINITIONS END */
/**/
/* BASIC STYLING */
div#page {
    width: 56.875em;
    margin: 6.25em auto 0;
}

div#heading {
	/*background: transparent url('./pic/logo.png') top right no-repeat;*/
	float: right;
	width: 6.875em;
	height: 4.375em;
}

div#heading img {
	width: 6.25em;
	height: 3.875em;
}

ul#nav {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 0.625em;
    margin-right: -5px;
    float: left;
    width: 8em;
}

html>body ul#nav {
   width: 6.875em;
   margin-right: 0;
}

ul#nav li {
	display: block;
	float: left;
	font-size: 0.75em;
}
ul#nav li a {
    display: block;
    width: 11.8em;
    height: 1.375em;
    background: #333;
    text-align: left;
    line-height: 1.375em;
    border-left: 0.25em solid #444;
    padding: 0.375em 0 0.375em 0.375em;
    margin: 0;
    color: white;
}

html>body ul#nav li a {
	width: 9.3em;
	padding: 0.375em 0 0.375em 0.375em;
}

ul#nav li a.active {
	border-left : 0.25em solid #444;
	background: #FFD500;
	color: #222;
	padding-left: 0.7em;
	margin: 0;
}

ul#nav li a:hover {
    border-left : 0.25em solid #FFD500;
    color: #FFD500;
    background: #444;
    padding-left: 0.7em;
    width: 11.8em;


}

html>body ul#nav li a:hover {
    width: 9.04em;
}

ul#nav img.logo {
    float: right;
    border-bottom: 0.25em solid #444;
}

div#content {
    margin: 0 7.5em;
    text-align: left;
    background: white;
    border: 0.25em solid #FFD500;
    padding: 0.625em;
    color: #222;
    width: 40.125em;
}

div#content p {
    text-indent: 2em;
    margin: 0;
    margin-bottom: 1.3em;
    font-size: 0.75em;

}

div#content img {
    border: 0.25em solid #FFD500;
}

div#content ul#icons {
    list-style: none;
    margin: 3.125em 0 -4em 0;
    padding: 0;
}

div#content ul#icons li {
    /*display: block;*/
    float: left;
}

div#content ul#icons li a {
    color: black;
    display: block;
    width: 12.5em;
    height: 5.625em;
    margin: 0;
    padding: 0;
    border: 0.25em solid #FFD500;
}

div#content ul#icons li#ptgs a {
	background: url('./pic/ptgs.jpg');
}

div#content ul#icons li#ilstr a {
	margin: 0 0.562em 0;
	background: url('./pic/ilstr.jpg');
}

div#content ul#icons li#dsgn a {
	background: url('./pic/dsgn.jpg');
}

div#content ul#icons li span {
	background: #FFD500;
	padding: 0.15em;
	font-size: 0.95em;
	/*font-weight: 600;*/
}

/* BASIC STYLING END */
/**/
/* BIO SPECIFIC BEG */

div#content ul.bio {
	width: 18em;
	margin-top: 0.4em;
	margin-bottom: 0;
}
div#content ul.bio li {
	font-size: 0.65em;
}

div#content ul.zbytek {
	margin-top: 0;
}

a#sam_toggle, a#vice_toggle {
	display: none;
}

div#content ul.bio a {
	color: black;
	font-weight: bold;
	background-color: #FFD500;
}

div#content ul.bio a:hover {
	background-color: #444;
	color: #FFD500;
}

/* BIO SPECIFIC END */
/**/
/*PTGS SPECIFIC BEG*/

div#content ul#gallery {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
}

div#content ul#gallery li {
	display: block;
	text-align: left;
}

div#content ul#gallery li a {
	display: block;
	height: 5.5em;
	padding: 0;
	margin: 0.7em 0 0;
	background-color: transparent;
}

div#content ul#gallery li a span.title {
	display: block;
	color: black;
	float: left;
	padding: 0 4em 0;
	width: 32.575em;
	height: 2em;
	line-height: 2em;
	letter-spacing: 0.3em;
	font-variant: small-caps;
	border: 0.25em double #FFD500 ;
	border-left: none;

}

html>body div#content ul#gallery li a span.title {
	width: 26.375em;
}

/* IE6 :hover hack */
div#content ul#gallery li a:hover {
	border: 0;
}

div#content ul#gallery li a:hover span.title {
	color: #333;
	background: #FFD500;
	border: 0.25em solid #FFD500;
	border-left: 0;
}

div#content ul#gallery li.gallery_right a:hover span.title {
	border: 0.25em solid #FFD500;
	border-right: 0;
}

div#content ul#gallery li.gallery_right {
	text-align: right;
}

div#content ul#gallery li.gallery_right span.title {
	border-right: none;
	border-left: 0.25em double #FFD500;
	float: right;
}

html>body div#content ul#gallery li img, html>body div#content ul#gallery li.gallery_right img {
	margin: 0;
}


div#content ul#gallery li img {
	padding: 0;
	margin: 0;
	width: 5em;
	height: 5em;
	float: left;
	margin-right: -4px;
}

div#content ul#gallery li.gallery_right img {
	float: right;
	margin-right: 0;
	margin-left: -4px;
}


/* PTGS SPECIFIC END */
/**/
/* PTGS THUMBS */

div#ptgs {
	margin: 1em auto 0;
}

div#ptgs div.img_thumb {
	line-height: 11.125em;
	position: relative;
	float: left;
	/*width: 130px;*/
	width: 16.125em;
	height: 11.75em;
	margin: 0 0.968em 2.5em;
	padding: 0;
	text-align: center;
	overflow: hidden;
}

div#ptgs div.img_thumb a {
/*	position: absolute;
	top: 50%;*/
/*	width: auto;
	height: auto;*/
	display: block;
	margin: 0 auto;
	padding: 0;
	background-color: transparent;
}


div#ptgs div.img_thumb img {
	border: 0.25em solid #FFD500;
	padding: 0;
	margin: 0;
}

html>body div#ptgs div.img_thumb {
	margin: 0 1.95em 1em;
	/*margin: 0 0.968em 1em;*/
}

div#ptgs div.img_thumb a:hover img {
	border: 0.25em solid #333;
}


/* PTGS THUMBS END */
/**/
/* ILLSTR + DSGN THUMBS SPECIFIC */


div#gal_small div.img_thumb {
	display: block;
	float: left;
	width: 6.5em;
	height: 6.5em;
	margin: 0 0.512em 0.3em;
	padding: 0.125em 0 0 0;
	text-align: center;
	background-color: transparent;
	overflow: hidden;
	}


html>body div#content div#gal_small div.img_thumb {
	margin: 0 0.762em 0.3em;
}

div#gal_small div.img_thumb img {
	border: none;
	margin: 0;
	padding: 0.125em;
	}

div#gal_small div.img_thumb a {
	background-color: transparent;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

div#gal_small div.img_thumb a:hover img {
	padding: 0;
	border: 0.125em solid #FFD500;
}

div#gal_small div.img_thumb.multi {
	height: auto;
	line-height: 0.6em;
}

/* ILLSTR + DSGN THUMBS SPECIFIC END */
/**/
/* ONE PICTURE SPECIFIC BEG */
div#content div#description {
	float: left;
	height: 100%;
	width: 16em;
}

div#content div#description strong.img_title {
	font-size: 0.9em;
}

div#content div#description span.img_description {
	font-size: 0.75em;
	font-style: italic;
}

div#content div#img_nav {
	font-size: 0.625em;
	text-align: center;
	margin-top: 1em;

}


/* ONE PICTURE SPECIFIC END */
/**/
/* CONTACT SPECIFIC BEG */

div#content ul.contact {
	list-style: none;
}

div#content ul.contact li {
	margin-bottom: 0.6em;
	margin-left: 0.6em;
}

div#content ul.contact li strong {
	margin-left: -0.6em;
}

/* CONTACT SPECIFIC END */
/**/
/* LANGUAGE + FOOTTER SPECIFIC */
div#language {
    position: absolute;
    right: 0;
    top: 0;
    color: black;
    background-color: #FFD500;
    font-size: 0.7em;
    padding: 0.25em 0.625em 0.25em 0.25em;
    font-weight: bold;

}

div#language a {
	background-color: transparent;
	color: black;
	font-weight: normal;
}

div#footer {
	text-align: right;
	color: #888;
	font-size: 0.60em;
	margin: 0.225em 12.8em 0 0;
}

html>body div#footer {
	margin-right: 12.5em;
}

div#footer a {
	color: #DDD;
	background-color: transparent;
}

div#footer a:hover {
	color: #FFD500;
	text-decoration: underline;
}