/* column styles */
body {
margin:0;
padding:0;
text-align:center;
background: #807D5A;
}
#container {
width: 750px;
border: 4px solid #F7F7F7;
margin: 10px auto;
text-align:left;
background: #F7F7F7;
}
#headerbar {
width: 100%;
height: 70px;
background: #fff;
border-bottom: 2px solid #F7F7F7; 
}
#columnbar {
width: 187px;
float: left;
background: #F7F7F7;
margin-right: 2px;
}
#mainbar {
float: left;
width: 552px;
background: #F7F7F7;
}
#footerbar {
margin-top: 2px;
width: 100%;
background: #F5F2EC;
clear: left;
}
/* padding setting */
#logo {
width: 187px;
height: 70px;
background: #965A1E;
float: left;
vertical-align: middle;
margin:0;
}
#header {
width: 554px;
float: left;
height: 70px;
margin:0;
background: #965A1E url(venus.jpg);
}
#footer {
padding: 2px 10px;
border-top: 1px solid #C9A83D; 
background: #CBBE7A;
font-size: 90%;
}
#menu {
font: bold 90% Verdana, Arial, Helvetica, sans-serif;
width: 100%;
color: #333;
}
#content {
padding: 5px 20px;
background: #F1EBD3;
}
#column {
margin: 1px 0 1px;
padding: 0.8em 0.6em 0.3em;
background: #C9A83D; /* url("planetka.jpg") no-repeat left top */ 
font-size: 90%;
}
#column p { margin-top: 0 }
#footer p { margin: 0 }
/* menu styles */
#menu ul {
list-style:none;
margin:0;
padding:0;
}
#menu li {
display:inline;
margin:0;
padding:0;
}
#menu a,#menu b {
background-color: #D2C992;
border-bottom: 1px solid #fff;
color: #333;
text-indent: 5px;
display: block;
font-weight: bold;
padding: 2px 0 3px;
text-decoration: none;
width: 100%;
}
#menu a:hover {
background-color: #E6B200;
color: #FFF;
}
#menu b#active {
background: #C8A93F url("sipka.gif") no-repeat right center;
color: #FFF;
}
/* HTML tags styles */
p, ul, blockquote, dl, table, input { font: 85% Verdana, Arial, Helvetica, sans-serif; line-height: 1.6em;}
li { margin: 0.5em 0; }
h1,h2,h3,h4 {
font: 100% bold Verdana, Arial, Helvetica, sans-serif;
margin: 0.5em 0;
line-height: 1em;
}
h1 {font-size: 130%; padding-bottom: 3px; border-bottom: 2px solid #D2C992; color: #965A1E;}
h2 {font-size: 115%; color: #965A1E;}
h3 {font-size: 105%; color: #965A1E; font-weight: 600}
h4,caption {font-size: 90%; color: #965A1E; font-weight: 600}
img {background-color: #fff; border: 1px solid #a9a9a9; padding: 5px; margin: 0.8em}
blockquote {
font-style: italic;
margin: 1em 2em 0 3em;
}
form {
border-left: 2px dashed #965A1E;
padding: 5px 8px;
margin: 0.5em;
}
dl,dt,dd {margin-left: 0.6em}
table {border: 1px solid gray; border-collapse: collapse}
caption {text-align: left}
td,th { padding: 0.2em; border: solid gray; border-width: 0 1px 1px 0; margin: 0; text-align: left}
span.abbr { 
border-bottom: 1px dashed black;
cursor: help;
}
/* content links */
a {font-weight: 600}
a:link {color: #67624C}
a:visited {color: #C9A83D}
a:hover {color: #C9A83D}

/* classes and id */
#languages {
  font: bold 85% Verdana, Arial, Helvetica, sans-serif;
  float: right;
  margin: 0 5px 2px 10px;
  color: #D2C992;
}
.left {float: left}
.right {float: right}

p.autorquote { text-align: right; margin-top: 0; }
p.narozeni { padding-left: 18px; background: transparent url("star.gif") no-repeat left center; }
/* logo */
#logo h4 {
  font: 120% Times, serif;  
  margin:0; padding: 10px;
}
#logo h4 a {
  color: #fff;
  text-decoration: none;
}
