body {
	margin: 0;
	padding: 0;
	background: #000000;
	font-size: 15px;
	color: #FFFF99;
}

body, th, td, input, textarea, select, option {
	font-family: Georgia, "Times New Roman", Times, serif;
}

h1, h2, h3 {
	font-weight: normal;
	color: #FF9900;
}

h1 {
	letter-spacing: -2px;
	font-size: 3em;
}

h2 {
	letter-spacing: -1px;
	font-size: 2em;
}

h3 {
	font-size: 1em;
}

p {
	line-height: 150%;
	text-align: justify;
}
ul, ol {
	line-height: 200%;
}

blockquote {
	padding-left: 1em;
}

blockquote p, blockquote ul, blockquote ol {
	line-height: normal;
	font-style: italic;
}

a {
	color: #3AA0B9;
}

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

/* Header */

#header {
	width: 760px;
	height: 340px;
	margin: 10px auto 0 auto;
	background: url(images/trio.gif) no-repeat;
	background-position: right 85px;
}

#header h1, #header p {
	margin: 0;
  padding: 0;
	color: #FFCC00;
}

#header h1 {
  text-align: center;
  padding-top: 0px;
  margin-left: 5px;
  font-size: 53px;
	font-weight: 700;
	font-variant: small-caps;
}

#header img {
padding 0;            
}
            
#header a {
	color: #EB42A3;
}

/* Page */

#page {
	width: 760px;
	margin: 0 auto;
}

/* Content */

#content {
	float: right;
	width: 500px;
	margin-top: 20px;
}

#content h3{
  font-size: 24px;
  font-weight: normal;
  font-variant: small-caps;
  color: #FFCC66;
}

#content h4{
  font-size: 18px;
  font-weight: normal;
  line-height: 150%;
  color: #FFCC66;
}

#content h5{
  font-size: 18px;
  line-height: 10%;
  font-variant: small-caps;
  color: #FFCC66;
}

#bio {
}

#bio h4 {
  margin-bottom: 12px;
}

#bio img{
  border-color: #FFCC66;
  margin-top: 20px;
  margin-left: 12px;
  margin-bottom: 12px;
}
.title {
	margin: 0;
	border-bottom: 2px solid #0F0F0F;
}

.video {
  text-align:left;
  margin-left: 60px;        
}

.contact {
  text-align:left;
  margin-left: 50px;         
}

.audio {
  text-align:left;
  margin-left: 20px;         
}       

/* Sidebar */

#sidebar {
	float: left;
	margin-top: 30px;
	width: 240px;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar li {
}

#sidebar li ul {
	padding: 15px 0;
}

#sidebar li li {
	padding-left: 20px;
	border-bottom: 1px dotted #0F0F0F;
	background: url(images/img02.gif) no-repeat 5px 50%;
}

#sidebar h2 {
	margin: 0;
	padding: 20px 0 0 0;
	border-bottom: 2px solid #0F0F0F;
}

#sidebar a {
  font-size: 20px;
  font-weight: bold;
  font-variant: small-caps;
  color: #FF9900;
  padding: 0 2px;
	text-decoration: none;
}

#sidebar a:hover {
  text-decoration: none;
  padding: 0 2px;
  background: #FF9900;
  color: #000000;
}

#sidebar ul ul{ 
  display: none; 
  border: 1px solid black; 
  background-color: #000000;
  color: #FF9900; 
  position: relative; 
} 

#sidebar ul li.submenu:hover ul { 
  display: block; 
} 

#sidebar ul li.submenu ul {
  padding: 0 2px;
  text-decoration: none; 
} 
#sidebar ul li.submenu ul a:hover {
  background: #FF9900;
  color: #000000;  
} 

#sidebar .seznam{ 
  display: none; 
} 

/* Footer */

#footer {
	clear: both;
	padding: 30px 0;
	width: 760px;
	margin: 0 auto;
	text-align: center;
	font-size: smaller;
}

#footer hr{
  border-color: #FF9900;
  width: 760px;
}

.article img {
   margin: 0;
   padding;

}

/* Gallery */
.cleaner {
   clear: both;
   height: 0;
   font-size: 0;
   visibility: hidden;
   }

a:link, a:visited {color: #FF9900;}
a:hover {text-decoration: none;}

#wrapper {
   width: 70%;
   margin: 50px auto 0 auto;
   text-align: left;
   }
   
.gallery {
   width: 100%;
   padding: 10px 0;
   margin: 0 auto;
   }

.gallery .photo {
   float: left;
   width: 240px;
   margin: 0 0 16px 5px;
}

.gallery .photo img {display: block; margin: 10px auto 0 auto; text-align: center;}
.gallery .photo p {margin: 6px 0 10px 15px;}

.gallery .photo a img {border: 2px solid #FF9900;}
.gallery .photo a:hover img {border: 2px solid #FF3300;}