/* Main Selectors */
body {
	background-color: #FFFFFF;
	color: #000000;
}

a, a:visited {
	background-color: transparent;
	color: #0000FF;
}

a:hover {
	background-color: transparent;
	color: #FF0000;
}

/* Header */
div#header h1 {
	font-family: tahoma, arial, helvetica, sans-serif;
	text-align: center;
	background-color: transparent;
	color: #000000;
}

/* Thumbnail Index */
div#index {
	margin: 1ex 0 1ex 0;
	text-align: center;
}

div#index table {
	text-align: center;
	margin: 0 auto 0 auto;
}

div#index td.thumbcell {
	width: 100px;
	border-style: solid;
	border-color: #9CA97C;
	border-width: 1px;
	text-align: center;
	vertical-align: middle;
	padding: 10px;
	background-color: #D2DEB6; /*pozadie nahladov*/
}

div#index td.thumbcell img {
	border-style: none;
}

div#index div.pages {
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 0.8em;
	text-align: right;
}

/* Photo Navigation */
div#navigation {
	text-align: center;
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 0.8em;
	margin: 1ex 0 1ex 0;
}

div#navigation table {
	text-align: center;
	margin: 0 auto 0 auto;
}

div#navigation td.previous {
	text-align: left;
	width: 100px;
}

div#navigation td.index {
	text-align: center;
}

div#navigation td.next {
	text-align: right;
	width: 100px;
}

div#navigation td.thumbcell {
	width: 100px;
	border-style: solid;
	border-color: #9CA97C;
	border-width: 1px;
	text-align: center;
	vertical-align: middle;
	padding: 10px;
	background-color: #D2DEB6; /*pozadie nahladov hore*/
}

div#navigation td.thumbcell img {
	border-style: none;
}

div#navigation td.selected {
	border-style: outset;
	border-width: 2px;
}

div#navigation span.home {
	display: block;
	padding-bottom: 1em;
}

/* Photograph */
div#photograph {
	text-align: center;
	margin: 1ex 0 1ex 0;
}

div#photograph img {
	margin: 0 auto 0 auto;
	border-style: solid;
	border-color: #000000;
	border-width: 1px;
}

/* Photograph Title */
h1.title {
	text-align: center;
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 0.8em;
	font-weight: bold;
	margin: 0px;
}

/* Photograph Caption */
p.caption, p.description {
	font-family: tahoma, arial, helvetica, sans-serif;
	text-align: center;
	font-size: 0.8em;
	display: block;
	width: 800px;
	margin: auto;
}

/* Footnote */
p.footnote {
	font-family: tahoma, arial, helvetica, sans-serif;
	font-size: 0.6em;
	text-align: right;
	padding: 0 2em 0 0;
}

/* culture shock: slight amnesia v1.0 by pogy366: http://www.raykdesign.net - Dec. 2005 */

/* general page structure and layout */
html, body {
height:100%;
}

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:.8em; 
color:#000000;
margin:0 0 0 0;
padding:0 0 0 0;
background:#B9CC8B url(img/body_bg_green.jpg) repeat-y;
text-align:center;
}

#left_container {
position:absolute;
left:0;
top:0;
width:15em;
height:100%;
margin:0 0 0 0;
padding:0 0 0 0;
background:#9BAC72;
}

#left_quote {
position:relative;
left:0;
width:9.65em;
margin:0 0 0 0;
padding:.1em 5% .5em 5%;
background:#9BAC72;
font-size:1.3em;
font-style:italic;
color:#EAEEE0;
text-align:left;
}

#left_text {
position:relative;
width:16.7em;
margin:0 0 0 0;
padding:.5em 5% .5em 5%;
background:#9BAC72;
font-family:Arial, Helvetica, sans-serif;
font-size:.8em;
color:#000000;
text-align:left;
}

#right_container_outer {
position:absolute;
left:16.3em;
top:1em;
width:42em;
height:100%;
margin:0 0 0 0;
padding:0 0 0 0;
background:#B9CC8B url(img/navbar_fade.jpg) top repeat-x;
}

.navbar {
position:relative;
left:0;
top:0;
width:42em;
height:2em;
margin:0 0 0 0;
padding:0 0 0 0;
background:#ffffff;
}

#navbar_fade {
position:relative;
left:0;
top:0;
width:42em;
height:3em;
margin:0 0 0 0;
padding:0 0 0 0;
background:#CBD9A9 url(img/navbar_fade_green.jpg) top repeat-x;
border-left:1px solid #9CA97C;
border-right:1px solid #9CA97C;
}

#right_container_inner {
position:relative;
left:0;
top:0;
width:42em;
margin:0 0 0 0;
padding:0 0 .2em 0;
background:#CBD9A9;
border-left:1px solid #9CA97C;
border-right:1px solid #9CA97C;
}

#rci_left_column {
position:relative;
width:31em;
margin:-1em 0 0 .2em;
padding:0 1em 0 1em;
background:transparent;
font-size:.9em;
color:#000000;
text-align:left;
}

#rci_right_column {
position:relative;
float:right;
clear:both;
width:12.5em;
margin:0 1em 0 0;
padding:0 0 0 0;
background:#CBD9A9;
font-size:.8em;
color:#4F5936;
text-align:left;
}

#rci_right_column ul {
margin:.9em 0 0 1.4em !important;
margin:.9em 0 0 1.6em;
padding:0 0 0 0;
list-style-type:circle;
}

#rci_right_column li {
margin:0 0 .3em 0;
padding:0 0 0 0;
}

#footer {
position:relative;
width:48.9em;
height:2.5em;
margin:0 0 0 0;
padding:.3em .5em 0 0;
background:#B9CC8B;
border-top:1px solid #9CA97C;
font-size:.85em;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
text-align:right;
}

/* top navigation bar */
#nav ul{
padding:0 0 0 0;
margin: 0 0 0 0;
white-space: nowrap;
font-size:1em;
color:#000000;
float:left;
width:100%;
height:2em;
background:#B9CC8B;
list-style:none;
}

#nav ul li{
display:inline;
list-style:none;
}

#nav ul li a{
margin: 0 .4em 0 0;
padding: .4em 1em .46em 1em;
color:#7B885C;
font-weight:bold;
text-decoration:none;
float: left;
background:#CBD9A9;
border-left:1px solid #8EA459;
border-top:1px solid #8EA459;
border-right:1px solid #8EA459;
}

#nav ul li a:hover{
color:#000000;
background:#9CA97C;
font-weight:bold;
text-decoration:none;
}

#nav #current li {
color:#000000;
background:#EDE9E6;
}

#nav #current a {
color:#000000;
background:#9CA97C;
text-decoration:none;
}

/* font styles */
h2 {
font-family:Arial, Helvetica, sans-serif;
margin:0 0 -.3em 0;
padding:.8em 0 .5em 3.3em;
font-size:1.9em;
color:#000000;
background-image:url(img/leafs_green.jpg);
background-repeat:no-repeat;
background-position:.1em .1em;
}

h3 {
font-family:Arial, Helvetica, sans-serif;
margin:0 0 -.8em;
padding:0 0 0 0;
font-size:1em;
color:#000000;
}

#rci_right_column h3 {
font-family:Arial, Helvetica, sans-serif;
margin:0 0 -.8em;
padding:0 0 0 0;
font-size:1.1em;
font-weight:bold;
color:#000000;
}

#left_text h3 {
font-family:Arial, Helvetica, sans-serif;
margin:0 0 -.7em;
padding:0 0 0 0;
font-size:1.2em;
color:#000000;
}

.small {
font-family:"Courier New", Courier, mono;
font-size:.85em;
text-transform:uppercase;
}

/* link styles */
#right_container_inner a {
color:#547699;
text-decoration:underline;
}

#right_container_inner a:hover {
color:#ffffff;
text-decoration:none;
}

/* images */
#logo {
margin:.5em 0 0 0;
width:15em;
height:14em;
}

img {
border:none;
}

/* misc styles */
blockquote {
margin:.3em .6em .7em .6em;
padding:.05em .5em .05em .5em;
background:#D2DEB6;
border:1px solid #9CA97C;
font-family:Arial, Helvetica, sans-serif;
color:#57692D;
}

/* workarounds and hacks */
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */