/*  
Theme Name: Notebook blog from Vesper...
Theme URI: http://valendesigns.com/free-Notebook blog-theme-for-wordpress
Description: Notebook blog is a 2 column Wordpress theme with subpage support. This work is distributed under the terms of the GNU General Public License. This means you are free to use this template for any purpose, and make changes as you see fit. Please leave the link in the footer, or donate if you would like to remove it.
Copyright: 2008
Version: 1.0
Author: <a href="http://www.valendesigns.com">Derek Herman</a> 
Tags: fixed width, simple, clean, widget ready, two columns, sidebar right, orange, valid XHTML, valid CSS, ie6, ie7, firefox 2.0, opera 9.0, wp-pagenavi, excerpt reloaded
*/

/* GLOBAL SITE ELEMENTS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - */

* {
	margin: 0;
	padding: 0;
	outline: none;
}
body {
/*	margin:  6px 0 0;*/
	font: normal 80%/160% tahoma, arial, verdana, san-serif;
/*	background: #fff url(images/bg.png) repeat-x;*/
	background: url(images/shadowbg.png) #b2b2b2 center repeat-y;
	color: #29303B;
/*	font: 0.9em/1.3em "Trebuchet MS",Georgia, Times, "Times New Roman", sans-serif;*/
	margin: 0;
	padding: 0;
	text-align: center;
}
li {
	list-style: none;
}
hr {
	clear: both;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
	visibility: hidden;
	margin: 0;
	padding: 0;
}
/* HEADINGS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - */

h1, h2, h3, h4, h5 {
	font-family: georgia, 'times new roman', times, serif;
	font-weight: normal;
	line-height: 120%;
}
h1 {
	font-size: 2.2em;
}
h2 {
	font-size: 1.3em;
}
/* LINKS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - */

a {
	color: #000;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #84755c;
}
/* MAIN SITE ELEMENTS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#wrapper-top {
  width: auto;
  /*background: url('images/wrapper-top.png') center top no-repeat;*/
}

#wrapper {
/*	position: relative;
	width: 860px;
	padding: 0 10px;
	margin: 0 auto;*/
	background: url('images/top.png') #ffffff center top no-repeat;
	background-size: 958px 124px;
	font: 120% Cambria, Georgia, times, serif;
	margin: 0 auto;
	padding: 0px 11px;
	text-align: left;
	width: 936px;
	line-height: 140%
}
#wrapper:after, #header:after, .post:after, .post-date:after {
	content:  ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#header {
	position: relative;
	height: 120px;
	margin-bottom: 10px;
}
#content {
	width: 630px;
	float: left;
	min-height: 555px;
	padding: 10px 25px 20px 0;
	background: url(images/content-bg.gif) no-repeat top right;
}
#sidebar {
	width: 240px;
	min-height: 555px;
	float: right;
	padding: 20px;
	padding-top: 5px;
	background: url(images/content-bg.gif) no-repeat top right;
}
/* HEADER ELEMENTS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#site-meta {
	position: absolute;
	left: 0;
	top: 30px;
}
#header h1 {
	position: relative;
}
#header h1 a {
	color: #7e4c10;
	color: #fff;
}
#header h1 a:hover {
	color: #5a360b;
	color: #7e4c10;
}
#header span.description {
	position: relative;
	margin-left: 5px;
	color: #7e4c10;
}
#header ul {
	position: absolute;
	left: -11px;
	bottom: -5px;
	font: 15px Cambria,Georgia,serif;
	list-style: none;
	margin-top: -6px;
	padding: 0 0 1px 0;
	text-transform: none;
	line-height: 18px;
}
#header li {
	display: inline;
}
#header li a {
	float: left;
	display: block;
	padding: 6px 8px 6px 8px;
	color: #c0c0c0;
	text-decoration: none;
	border-right: 1px solid white;
}
#header li a:hover {
	color: #383838 !important;
	background: white;
}
#header li.current_page_item a {
	color: white;
}

/* POST SECTION ELEMENTS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.post {
	margin: 0 0 20px 0;
	background: url(images/hr.gif) 0% 100% no-repeat;
	padding: 0 0 10px 0;
}
.post h2 {
	margin: 0 0 .2em;
	font-size: 1.55em;
}
.post h2 a {
	color: #4F6373;
}
.post h2 a:hover {
	color: #D27A00;
	text-decoration: underline;
}
.post-info {
	background: url(images/hr.gif) 0% 0% no-repeat;
	padding: 5px 0;
	font-size: 80%;
	margin: 10px 0;
	color: #999;
}
.post-info a {
	color: #999;
}
.post-info a:hover {
	color: #D27A00;
	text-decoration: underline;
}
.post-info .setting {
	padding:3px;
	padding-left:20px;
	margin-right: 5px;
}
.post-info .datetime{
	background:#fff url(images/clock.png) no-repeat 0 2px;
}
.post-info .user{
	background:#fff url(images/user.png) no-repeat 0 2px;
}
.post-info .filedlink{
	background:#fff url(images/document.png) no-repeat 0 2px;
}
.post-info .commentslink{
	background:#fff url(images/comments.png) no-repeat 0 2px;
}
.post-info .editlink{
	background:#fff url(images/write.png) no-repeat 0 2px;
}
.post-entry p {
	margin: 0 0 1em 0;
}
.post-entry a {
	color: #4f6373;
	text-decoration: underline;
}
.post-entry a:hover {
	color: #D27A00;
}
.post-entry span.more-link {
	display: block;
	margin: 10px 0;
	font-style: italic;
	text-align: right !important;
}
.post-entry span.more-link a {
	color: #4F6373;
	text-decoration: none;
}
.post-entry span.more-link a:hover {
	/*background: #4F6373 none repeat scroll 0 0;*/
	color: #D27A00;
	text-decoration: underline;
}
.post-entry h3 {
	font-size: 1.37em;
	padding: 0 0 .5em;
	margin: 0 0 .15em;
	border-bottom: 2px solid #d2d2d2;
}

.post-entry h4 {
	color: #666666;
	font-size: 1.1em;
	padding: 0 .3em .15em;
	margin: 0 0 .5em;
	border-bottom: 1px solid #e5e5e5;
}

.post-entry ul, .post-entry ol {
	margin: 0 0 1em;
}
.post-entry ul {
	margin-left: 1.5em;
}
.post-entry ul li, .post-entry ol li {
	list-style: square;
	border-bottom: 1px solid #fafafa;
	padding: .2em 0;
}
.post-entry ol {
	margin-left: 2em;
}
.post-entry ol li {
	list-style: decimal;
}
.post-entry blockquote {
	margin: 1.5em;
	padding: 1em;
	color: #444444;
	font-style: italic;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	clear: both;
}
.post-entry img {
/*	float: right;
	margin: .4em 0 0 1em;*/
/*	padding: 5px 0 3px 10px;   <--- odsazuje debilne obrazky */
}
.post-entry img.align-right {
	float: right;
	margin: .4em 0 0 1em;
	padding: 0 0 10px 10px;
}
.post-entry img.align-left {
	float: left;
	margin: .4em 1em 0 0;
	padding: 0 10px 10px 0;
}
.post-entry img.align-center {
	display: block;
	margin: .4em auto;
	padding: 0 10px 10px 10px;
}
.post-meta {
	font-size: 95%;
	color: #999;
}
.post-meta a {
	color: #999;
}
.post-meta a:hover {
	color: #84755c;
}
.post-arch-info {
	font-size: 95%;
	color: #999;
	margin: 0 0 1em;
	padding: 0 0 1em;
	border-bottom: 1px solid #f5f5f5;
}
.wp-pagenavi {
	font-size: 11px;
	text-transform: uppercase;
	clear: both;
	color: #555;
	padding: 0;
	text-align: right;
}
.wp-pagenavi a, .wp-pagenavi .current {
	padding: 3px 7px;
	border: 1px solid #ccc;
	color: #f7951e;
	margin-left: 1px;
	font-weight: normal;
}
.wp-pagenavi a:hover, .wp-pagenavi .current {
	color: #555;
	background: #e2e2e2;
	font-weight: normal;
}
.wp-pagenavi .pages {
	float: left;
	line-height: 13px;
}

/* WP 2.6 REQUIRED ELEMENTS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 5px;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 13px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
   text-align: center;
}

/* COMMENT ELEMENTS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#comments h2, #respond h2 {
	margin: 0 0 .5em;
	padding: 0 0 .5em;
	border-bottom: 1px solid #f5f5f5;
}
#comments {
	margin: 0 0 1em;
	background: url(images/hr.gif) 0% 100% no-repeat;
	padding: 0 0 1em;
}
#comments h3 {
	font-size: 1.2em;
}
#comments img {
	float: left;
	margin: 0 5px 5px 0;
}
#comments p {
	background: #F8EFEA;
	margin-left: 16px;
	padding: 3px;
	text-align: justify;
}
.commentlist li {
	margin: 0 0 .5em;
	padding: 0 0 .5em;
	border-bottom: 1px solid #f5f5f5;
}
#respond input, #respond textarea {
	width: 542px;
	border: 1px solid #a0a0a0;
	padding: 3px;
	margin: .1em 0 .5em;
}
#respond button {
	width: 75px;
	height: 35px;
	text-indent: -9999px;
	border: none;
	float: left;
	cursor: pointer;
}
#respond button#submit {
	background: url(images/submit.png) no-repeat;
	margin-right: 10px;
}
#respond button#reset {
	background: url(images/reset.png) no-repeat;
}
/* SIDEBAR ELEMENTS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#sidebar h2 {
	margin: 0 5px 0 0;
	padding: 0 0 .5em 0;
	border-bottom: 1px dotted #ccc;
	font-size: 20px;
	text-indent: -5px;
}
#sidebar li ul {
	margin: 0 0 10px;
}
#sidebar li ul li {
	background:#FFFFFF url(images/sidebar-li.gif) no-repeat scroll 0 3px;
	border-bottom:1px dotted #CCCCCC;
	font-size:75%;
	margin-right:5px;
	padding:1px 0 0 18px;
}
#oautorovi {
	font-size: 75%;
}
#sidebar li ul li:hover {
	/*background: #e8e8e8 url(images/sidebar-li.gif) no-repeat 0 3px;*/
}
#sidebar li ul li.current_page_item {
	padding-left: 8px;
	padding-right: 10px;
	background: #e8e8e8;
}
#sidebar li ul li.current_page_item a {
	color: #84755c;
}
#sidebar li ul li ul li, #sidebar li ul li ul {
	/*display: none;*/
	font-size:100%;
}
#sidebar li ul li {
	color: #222;
}
#sidebar li a {
	color: #555;
}
#sidebar li a:hover {
	color: #D27A00;
	text-decoration: underline;
}
#calendar  {
	margin-top: 10px;
	border-bottom: 1px dotted #ccc;
}
#wp-calendar {
	width: 90%;
	margin-left: 5%;
}
#wp-calendar caption {
	color: #864901;
	margin-top: 5px;
}
/* FOOTER ELEMENTS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#footer_wrap {
	position: relative;
	clear: both;
	background: #808080 url(images/footer.png) repeat-x;
	text-align: center;
	padding: 20px 0 20px 0;
	color: #eee;
	margin-top: 20px;
}
#footer {
	position: relative;
	clear: both;
	text-align: left;
	font-size: 11px;
	width: 860px;
	padding: 0 10px;
	margin: 0 auto;
}
#footer a {
	color: #eee;
}
#footer a:hover {
	color: #f7951e;
}
#rss {
	position: absolute;
	right: 20px;
	bottom: 0;
	margin: 0;
}
#rss-entries {
	background: url(images/rss-entries.png) no-repeat 0 0;
	border: none;
	float: left;
	height: 18px;
	margin: 0 4px 0 0;
	padding: 0;
	text-decoration: none;
	text-indent: -3000px;
	width: 46px;
}
#rss-entries:hover {
	background: url(images/rss-entries.png) no-repeat 0 -18px;
}
#rss-comments {
	background: url(images/rss-comments.png) no-repeat 0 0;
	border: none;
	float: left;
	height: 18px;
	margin: 0 4px 0 0;
	padding: 0;
	text-decoration: none;
	text-indent: -3000px;
	width: 46px;
}
#rss-comments:hover {
	background: url(images/rss-comments.png) no-repeat 0 -18px;
}

#header-text-vpravo {
  position: absolute;
  left: 559px;
  top: 93px;
  height: 24px;
  width: 323px;
  /*background: #383838;*/
  color: #dddddd;
  /*font-family: georgia,'times new roman',times,serif;*/
  font-size: 15px;
  font-style: italic;
  padding-top: 5px;
  padding-left: 53px;
  text-align: right;
}

#topsearch {
	height:42px;
	/*left:200px;*/
	/*position:absolute;*/
	text-align:center;
	/*top:135px;*/
	width:238px;
}
#topsearch input {
	width: 179px;
	height: 21px;
	background: url(images/input.gif) no-repeat;
	border: none;
	padding: 9px 8px 5px 11px;
	margin-right: 0px;
	float: left;
	font: 1em Cambria,Georgia,Palatino,"Palatino Linotype",Constantia,serif;
}
#topsearch button {
	width: 40px;
	height: 35px;
	background: url(images/search.gif) no-repeat;
	border: none;
	text-indent: -9999px;
	float: right;
	cursor: pointer;
}

#blog-logo {
	position: absolute;
	left: 583px;
	top: 13px;
	width: 333px;
	height: 57px;
}

.post-entry p {
	text-align: justify;
}

#pages-navigation {
	width: 100%;
	text-align: center;
}

#pages-navigation a, #comments a {
	color: #4F6373;
}

#pages-navigation a:hover, #comments a:hover {
	color: #D27A00;
	text-decoration: underline;
}

#muj-footer {
	width: 100%;
	text-align: center;
}

#muj-footer-inner {
	width: 958px;
	background: #252525;
	color: #DDDDDD;
	height: 22px;
	margin: auto;
	font-family: Cambria,Georgia,serif;
	font-size: 120%;
}

#muj-footer-inner a {
	color: #DDDDDD;
	text-decoration: underline;
}

#muj-footer-inner a:hover {
	color: #D27A00;
}
idth: 333px;
	height: 57px;
}

.post-entry p {
	text-align: justify;
}

#pages-navigation {
	width: 100%;
	text-align: center;
}

#pages-navigation a, #comments a {
	color: #4F6373;
}

#pages-navigation a:hover, #comments a:hover {
	color: #D27A00;
	text-decoration: underline;
}

#muj-footer {
	width: 100%;
	text-align: center;
}

#muj-footer-inner {
	width: 958px;
	background: #252525;
	color: #DDDDDD;
	height: 22px;
	margin: auto;
	font-family: Cambria,Georgia,serif;
	font-size: 120%;
}

#muj-footer-inner a {
	color: #DDDDDD;
	text-decoration: underline;
}

#muj-footer-inner a:hover {
	color: #D27A00;
}

/* MOJE */

#FacebookPage {
   top: 2px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {  /* Chrome */
   #FacebookPage {
       top: 0px;
   }
}