/* Basic
----------------------------------------------- */
body {margin: 30px 0 0 0; font: 16px/1em georgia;}
a {color: #000; text-decoration: none; font: 1.0em georgia;}
a:hover {color: #cc3300;}

.clear {clear: both;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}

h2 {font: 18px georgia;	margin: 0 0 30px 0;}
p {font: 13px/20px georgia;}

#page {margin: 0 auto 0 auto; width: 920px;}
#header {margin: 0 0 0 0; float: left;}
  #header a {text-decoration: none; cursor: pointer;}
#title {float: left; width: 705px; height: 126px; background: url(../images/logo.jpg) no-repeat;}
#title-sub {width: 705px; padding: 0px 0 40px 0;	font: 41px/41px georgia;}
	
	
	
/* Navigation
----------------------------------------------- */
.navigation {float: right; margin: 0; font: 2.0em/35px georgia; color: #666;}
.navigation li {display: block; text-align: right; list-style-type: none;}
.navigation li a {color: #666; text-decoration:none; border-right: 5px solid #aaa; padding: 0 15px 0 0;}
.navigation li a.selected {color: #000; border-right: 5px solid #666;}
.navigation li a:hover {color: #cc3300}
	
	
	
/* Sidebar
----------------------------------------------- */
#sidebar {padding: 40px 0 30px 40px; width: 250px; float: left;}
#sidebar h2 {margin: 0 0 4px 0; font: 21px/21px georgia;}
#sidebar h3 {margin: 0 0 4px 0; font: 21px/21px georgia;}
#sidebar h3 img {border: 0px; padding-left: 5px;}
#sidebar .postmetadata {font: 0.75em georgia;}
#sidebar .more {margin-left: 130px;}
#sidebar .decor {font: 41px/41px georgia; width: 100%; text-align: left; margin: 50px 0 50px 10px;}
#sidebar .decor a, #sidebar .decor a:visited {color: #d6d6d6;}
#sidebar .decor a:hover {color: #cc3300;}
#sidebar .email_icon {background: url(../images/email.png) 3px 5px no-repeat ;	padding-left: 20px;}
#sidebar .icq_icon {background: url(../images/icq.png) 3px 5px no-repeat ;	padding-left: 20px;}
#sidebar .skype_icon {background: url(../images/skype.png) 3px 5px no-repeat ;	padding-left: 20px;}
#sidebar .odsazeni {margin-bottom: 50px;}

.list {margin: 10px 0 0 0; padding: 0; border-top:0px dotted #ccc;}
.list li {list-style:none; padding: 6px 0; border-bottom: 1px dotted #ccc; color:#666; font: 0.75em georgia;}
.list li:hover {background:#f9f9f9;}

.linklist {margin: 10px 0 50px 0;	padding:0; border-top: 0px dotted #ccc;}
.linklist li {list-style: none; padding: 6px 0; border-bottom: 1px dotted #ccc;	color:#666;	font: 12px georgia;}
.linklist li:hover {background: #f9f9f9;}

		
		
/* Content
----------------------------------------------- */
#content {width: 580px; float: left; padding: 0 40px 30px 0; border-right: 0px dotted #ccc; min-height: 400px;}
#content h2 {font: 1.7em/1.0em georgia; margin: 40px 0 13px 0; padding: 0;}
#content h2 a {color: #c30;}
#content h2 a:hover {color: #000;}
#content .post {margin: 0 0 40px 0;}
#content .post-admin {margin: 40px 0 40px 0;}
	
.postmetadata {color: #666; margin: 8px 0 13px 0; background: #f9f9f9; padding: 4px 10px; border: 1px dotted #ddd; font: 0.75em arial;}
.postmetadata a {color: #666; font: 1.0em arial;}
.postmetadata a:hover {color: #000;}

.calendar_icon {background: url(../images/calendar.png) no-repeat;	padding: 1px 10px 1px 19px;}
.category_icon {background: url(../images/category.png) no-repeat; padding: 1px 10px 1px 19px;}
.chart_icon {background: url(../images/chart.png) no-repeat; padding: 1px 10px 1px 19px;}
.comments_icon {background: url(../images/comments.png) no-repeat;	padding: 1px 10px 1px 19px;}
.print_icon {background: url(../images/print.png) no-repeat;	padding: 1px 10px 1px 19px;}

.entry a {font: 1.0em georgia; font-weight: bold;}
.entry a[target="_blank"] {background: url(../images/exlink.gif) no-repeat 100% 3px; padding: 0 12px 0 0;}
.entry p {margin: 0 0 20px 0; padding: 0; font: 0.875em/1.7em georgia;}
.entry h3 {color: #666; font: italic 16px georgia; margin: 25px 0 10px 0;}	
.entry ul {margin: 30px 0;}
.entry li {margin: 0 0 10px 0; font: 1.0em/1.7em georgia}
.entry .rss-autor li {list-style-type: none; list-style-image: none; list-style-position: outside;}
.entry .more a {font-weight: normal;}
.entry .more img {border: 0px; position: relative; top: 1px;}
.entry .image {margin: 0 10px 5px 0;}
.entry span.fotograf {color: #808080;}
.entry .last a {font-style: italic; font-weight: normal;}
.entry .aktualizace {border: 1px solid #f3e977; background: #fffbce; padding: 10px;}

.right_image {float: right; margin: 8px 0 2px 17px;}

.entry .css-box {border: 1px dotted #ccc; background: #eee; width: 99%; padding: 5px; margin: 15px 0; font-family: courier new; font-size: 0.875em; line-height: 1.6em;}

    
    		
/* Footer
----------------------------------------------- */
#footer {color: #000; border-top: 1px dotted #ccc; margin: 0 0 30px 0; padding: 20px 0 20px 0; clear: both;}
#footer p {font: 0.75em georgia;}
#footer a {font-weight: bold; color: #000;}
#footer a:hover {color: #c30;}
a.feed {height: 16px; background: url(../images/feed.png) no-repeat 0 5px; padding: 1px 0 0 17px;}


/* Comments
----------------------------------------------- */
#comments {margin: 20px 0 40px 0;}
.commentlist {margin: 0 0 20px 0; padding: 0;}
.commentlist li {border-left: 10px solid #000; margin: 0; padding: 0 0 5px 0; list-style: none;}
.commentlist li.author {border-left: 10px solid #c30;}	
.commentlist li.author h3.comment_hdr {background: #c30;}
.commentlist p {margin:1 8px 35px; font: normal 13px/19px georgia;}
.commentlist p a {font-weight: bold;}	
h3.comment_hdr {background: #000; margin: 0; color: #fff; padding: 6px 15px; font: normal 12px georgia;}
h3.comment_hdr a {color: #fff;}
h3.comment_hdr a:hover {text-decoration: underline;}
#comment_txt {padding: 5px; font: normal 14px georgia; width: 569px;}



/* Work
----------------------------------------------- */
#porfolio {padding: 20px 0; min-height: 400px;}
.porfolio-list {margin: 0; padding: 0;}
.porfolio-list li {list-style: none; padding: 13px 0 15px 0; margin: 0 0 5px 0; border-bottom: 1px dotted #ddd; color: #000;}
.porfolio-list .last-work {border-bottom: 0px;}
.porfolio-list img {float: left; margin: 0 25px 0 0; }
.description {width: 530px; float: left; padding: 15px 0 0 0; margin: 0;}
.description h3 {font: normal 1.7em/1.0em georgia; margin: 0 0 15px 0; padding: 0;}
.description p {font: 1.0em/1.7em georgia; margin: 0; padding: 0;}



/* Administrace
----------------------------------------------- */
.input {width: 620px; float: left; text-align: left; margin: 5px; font: normal 20px/20px georgia;}
.input-name {width: 100px; float: left; text-align: right; margin: 5px; position: relative; top: 6px;}
.input-input {width: 480px; float: left; text-align: left; margin: 5px;}
  .input input, .input select {width: 480px; padding: 2px; font: normal 20px/20px georgia; border: 1px solid #000000; background: #f8f8f8;}
  .input textarea {width: 480px; border: 1px solid #000000; background: #f8f8f8;}

.input-entry {width: 620px; height: 17px; float: left; text-align: left; font: normal 12px/12px georgia;}
.input-entry img {border: 0px;}
.input-nome {width: 170px; float: left; text-align: right; margin: 5px;}
.input-edit {width: 400px; float: left; text-align: left; margin: 5px; position: relative; top: 1px;}

.input-clanek-nome {width: 420px; float: left; text-align: right; margin: 5px;}
.input-clanek-edit {width: 150px; float: left; text-align: left; margin: 5px; position: relative; top: 1px;}



/* Listing
----------------------------------------------- */
.listing {font-size: 1.2em;}
.listing a {padding: 3px 5px 5px 5px;}
.listing span {font-weight: bold; padding: 0 9px 11px 9px; border: 1px solid #000; font-size: 2.0em; color: #cc3300; position: relative; top: 3px;}



/* Prvni zaznam
----------------------------------------------- */
#first {border: 1px dashed #cacaca; background: url(/images/first_back.jpg) #e6e6e6; padding: 0 20px 15px 0;}
#first h2 {margin: 25px 0 13px 0;}
#first .entry {float: left; width: 355px;}
#date_sidebar {float: left; width: 180px; height: 135px; padding: 25px 0 0 20px; background: url(/images/zavorka.jpg) 120px 35px no-repeat; font-style: italic;}
#date_sidebar small {font-size: 0.75em; display: block; margin-top: 20px;}
#date_sidebar small a, #date_sidebar small a:visited {color: #c30;}
#date_sidebar small a:hover {color: #000;}
#date_sidebar .large_left {font-size: 5.0em; display: block; padding-left: 10px;}
#date_sidebar .date_left {font-size: 0.75em; display: block; margin-top: 35px;}

#date_sidebar .align-no {position: relative; top: 9px;}
#date_sidebar .align-both {position: relative; top: 0;}
#date_sidebar .align-up {position: relative; top: 9px;}
#date_sidebar .align-down {position: relative; top: 0;}