/*-- standard HTML elements ------------------------------------------------*/
body {
  color: #000000;
  background-color: #72C8EB;
/*  
  font-family: sans-serif;
  font-family: "Comic Sans MS", "Sand CE", fantasy;
  font-family: monospace;
  font-family: Georgia, "New York CE", utopia, serif;
  font-family: Impact, "Techno CE", sans-serif;
  font-family: "Lucida Console", "Monaco CE", fixed, monospace;
  font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;
  font-family: serif;
  font-family: Verdana, "Geneva CE", lucida, sans-serif;
  font-size: 13px;
  font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
  */
}

img {
	border:none;
}

hr {
    background-color:blue;
    color: #72C8EB;
}

/*-- main page -------------------------------------------------------------*/

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

/*-- header of the page ----------------------------------------------------*/

#xheader {
	padding: 0px;
	width: 760px;
	height: 200px;
	background: #080839 url("./img/logo.jpg") top left no-repeat;
  background-color:#A0E8FF;
  border:1px outset #A0E8FF;
  margin-bottom: 20px;
  -moz-border-radius: 10px; 
}

#xheader a {
	display:block;
	margin:0; padding:0;
	width:100%; height:100%;
	background:transparent !important;
	color:white;
}
  
#xheader a span { 
  display:none 
}

/*-- menu ------------------------------------------------------------------*/

#xmenu {
	margin-left:0px;
	width: 200px;
	float: left;
    background-color:#A0E8FF;
    border:1px outset #A0E8FF;
    -moz-border-radius: 10px; 
}

#xmenu h3 {
	padding-left: 10px;
    padding-top: 4px;
	margin-top:0px;
	font-weight:bold;
	text-align:left;
}

#xmenu p {
	padding-left: 10px;
	margin-top: 1px;
	text-align:center;
}

#xmenu ul {
	margin-top: 1px;
}

#seznam_li {
	margin-top: 1px;
}

#xmenu ul li img {
    vertical-align: middle; 
    border: 0;
}

#xmenu ul.important a {
    font-weight: 900;
}

#xmenu form {
    margin: 0px;
    padding: 0px;
}

#xmenu form fieldset {
    margin: 0px;
    padding: 0px;
    border:none;
    display: inline;
    vertical-align: middle;
}

/*-- all posts -------------------------------------------------------------*/

#xposts {
    float: right;
	width: 520px;
	background:#72C8EB;
}

#xposts h3 {
	background-color: #A0E8FF;
	color: black;
	padding-left:10px;
	padding-right:4px;
    padding-top: 4px;
    padding-bottom: 4px;
	margin-top:0px;
    border:1px outset #A0E8FF;
    -moz-border-radius: 10px; 
  
}

/*-- each post -------------------------------------------------------------*/

.xpost {
	padding-bottom: 0px;
}

.xpost a {
	color: #003C1E;
	background-color: transparent;
}

.xpost h3 {
	background-color: #A0E8FF;
	color: black;
	padding-left:10px;
  padding-top: 4px;
  padding-bottom: 4px;
	margin-top: 4px;
  margin-bottom: 4px;
  border:1px outset #A0E8FF;
  -moz-border-radius: 10px; 
  
}

.xpost .title {
	margin-top:15px;
	margin-left:20px;
	margin-right:20px;
	border-bottom: 1px solid black;
}

.xpost .about {
	margin-top:0px;
  padding-top: 0px;
	margin-bottom:10px;
	margin-right:20px;
	padding-left:20px;
	text-align: right;
}

.xpost .content {
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	padding-bottom:15px;
	line-height : 1.6;
}

.xpost table {
    margin-bottom: 1em;
    border-collapse: collapse; 
    border: 1px solid black;
}

.xpost th {
    background-color: #A0E8FF;
    vertical-align: top;
    text-align: left;
    padding: 3px 6px;
    border: 1px solid black;
    
}


.xpost td {
    vertical-align: top;
    text-align: left;
    padding: 3px 6px;
    border: 1px solid black;
}

.xpost .footer {
/*	background-color: #A0E8FF;*/
	color: black;
	padding-left:10px;
    padding-top: 4px;
    padding-bottom: 4px;
	margin-top: 4px;
    margin-bottom: 4px;
    border:1px outset #A0E8FF;
    -moz-border-radius: 10px; 
}

.xpost .footer p {
    padding-bottom: 0px;
	margin-bottom: 0px;
}

.xpost .footer ul {
    padding-top: 0px;
	margin-top: 0px;
}

/*-- content of the post ---------------------------------------------------*/

.citat {
  font-style: italic;
}

.basen {
  font-style: italic;
  padding-left: 3em;
}

.mail {
  font-style: italic;
  padding-left: 3em;
}

.kod {
  padding-left: 3em;
  border: 1px solid black;
}

.comment {
  font-style: italic;
  font-size: smaller;
  padding-left: 1em;
}

.img_book {
  float: right;
  margin: 4px;
}

.img_kresba {
  text-align:center;
  margin: 4px;
}

.img_foto {
  text-align:center;
  margin: 4px;
}

.xpost img {
  text-align:center;
  margin: 4px;
} 
