/*-- standard HTML elements ------------------------------------------------*/
body {
	color: #000000;
	background-color: #72C8EB;
  
	/*font-family: Times, serif;*/
	font-family: Georgia, "New York CE", utopia, serif;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	text-transform: normal;
	letter-spacing: normal;  
	line-height: 1.2em;
}

img {
	border:none;
}

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

q {
	quotes: '\201E' '\201C';
	font-style: italic;
}

/*-- 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\9;
	margin-bottom: 20px;

    border-radius: 6px;
    -webkit-border-radius: 6px;
	-moz-border-radius: 6px; 

	box-shadow: black 1px 1px 4px;
	-webkit-box-shadow: black 1px 1px 4px;
	-moz-box-shadow: #003C1E 1px 1px 4px;
}

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

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

#xmenulink {
	display:none 	
}

#xmenu {
	margin-left:0px;
	padding: 0px;
	width: 200px;
	float: left;
	background-color:#A0E8FF;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px; 
	
	border:1px outset #A0E8FF\9;

	box-shadow: black 1px 1px 4px;
	-webkit-box-shadow: black 1px 1px 4px;
	-moz-box-shadow: #003C1E 2px 2px 6px; 
}

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

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

#xmenu ul {
	margin-top: 1px;
	padding-left: 30px;
	padding-right: 10px;
	line-height: 1.1em;
}

#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;
}

#as_q {
    background-color : #A0E8FF; 
}

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

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

#xposts h3 {

	font-weight:bold;
	background-color: #A0E8FF;
	color: black;
	padding-left:10px;
	padding-right:4px;
    padding-top: 8px;
    padding-bottom: 8px;
	margin-top:0px;
  	margin-bottom: 10px;
    border:1px outset #A0E8FF\9;
    
    border-radius: 6px;
    -webkit-border-radius: 6px;
	-moz-border-radius: 6px; 

	box-shadow: black 1px 1px 4px;
	-webkit-box-shadow: black 1px 1px 4px;
	-moz-box-shadow: #003C1E 2px 2px 6px; 

  
}

#xposts h3 a {
	text-decoration: none;
	color: black;
}

#xposts h3 a:hover {
	/*text-decoration: underline; */
	color: #003C1E;
}


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

.xpost {
	padding-bottom: 0px;
}

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


.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.4;
}

.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 p {
    /*text-indent: 1em;*/
	margin-top: 13px;
	margin-bottom: 13px;
}

.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\9;
	border-radius: 6px;
    -webkit-border-radius: 6px;
	-moz-border-radius: 6px; 

	box-shadow: black 1px 1px 4px;
	-webkit-box-shadow: black 1px 1px 4px;
	-moz-box-shadow: #003C1E 2px 2px 6px; 

}

.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; !important;
}

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

.kod {
  padding-left: 1em;
  padding-top: 1em;
  padding-bottom: 1em;

  clear: both;
  font-size: 15px;
  text-indent: 0em !important;
  border: 0.5em solid #429ab2;
}

blockquote {
  font-style: italic;
  margin-top: 13px;
  margin-bottom: 13px;  
  margin-left: 0px;
  margin-right: 0px;
  background-color: #72C8EB;
  text-indent: 0em !important;
  padding-left: 1em;
  border-left: 0.5em solid #429ab2;
}
/*
blockquote:before {
      content: '\201C';
      color: black;
}
   
blockquote:after {
      content: '\201D';
   }  
*/


.comment {
  font-style: italic;
  font-size: smaller;
  padding-left: 1em;
  text-indent: 0em !important;
}

.content img {
	text-align:center;
	margin: 8px 0px;
	box-shadow: black 1px 1px 4px;
	-webkit-box-shadow: black 1px 1px 4px;
	-moz-box-shadow: black 1px 1px 4px; 
} 

.img_book {
	float: right;
	margin: 8px  !important;
	box-shadow: black 1px 1px 4px;
	-webkit-box-shadow: black 1px 1px 4px;
	-moz-box-shadow: black 1px 1px 4px; 
}

.img_right_shadow {
	float: right;
	margin: 4px;
	box-shadow: black 2px 2px 10px;
	-webkit-box-shadow: black 2px 2px 10px;
	-moz-box-shadow: black 2px 2px 10px; 
}

.img_right_no_shadow {
	float: right;
	margin: 4px !important;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
}

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

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


.question {
  
}

.answer {
	/*background-color:#A0E8FF;*/
	padding-left: 1em;
	font-style: italic;
}

.tweet {
	background-color:#A0E8FF; 
	padding: 1em;
	margin: 0px; 
    border-radius: 6px;
    -webkit-border-radius: 6px;
	-moz-border-radius: 6px; 
}

.tweetbasen {
	background-color:#A0E8FF; 
	padding: 1em;
	margin: 0px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
	-moz-border-radius: 6px; 
	text-align: center;
	font-style: italic;
}

.vertindent {
	margin-bottom: 3px;
}

#ratingStars {
	text-align:center;
}

#ratingDescription {
	text-align:center;
	font-style: italic;
	font-size: smaller;
	padding-bottom: 1em;
	display:none;
}

.correct {
	text-decoration: line-through;
}

.center {
	text-align: center;
}

.fullwidth {
	width: 100%;
}