/*-----------------------------------------------------------------------------

RozhlednaOnline.net - stylesheet

version:   1.0

author:    Petr Tichy

email:     peter@ihatetomatoes.net

website:   http://www.ihatetomatoes.net

Note: Thankx for looking at my code. Enjoy responsibly:-)

-----------------------------------------------------------------------------*/

/* Default font size 12px */
html { font-size: 100%; /* IE hack */ }
body { font-size: 0.75em; /* Sets base font size to 11px */ }
table { font-size: 100%; /* IE hack */ }
input, select, textarea, th, td { font-size: 1.2em; }

/* Sticky footer */
html, body, #wrapper {height: 100%;}
body > #wrapper {height: auto; min-height: 100%;}
#main {padding-bottom: 40px;}  /* must be same height as the footer */
#footer {position: relative;
	margin: -40px auto 0 auto; /* negative value of footer height */
	height: 40px;
	clear:both;} 



/* =General

-----------------------------------------------------------------------------*/
h1 {font-size: 2.8em; color: #DA4F00; line-height: 1em; margin-bottom: 1.333em; font-weight: normal;}
h2 {font-size: 2.5em; color: #DA4F00; line-height: 1em; margin-bottom: 1.333em; font-weight: normal;}
h3 {font-size: 1.6em; color: #DA4F00; line-height: 1em; margin: 1.5em 0 1em 0; font-weight: normal;}
h4 {font-size: 1.5em; color: #DA4F00; line-height: 1em; margin: 1.5em 0 1em 0; font-weight: normal;}
h5 {font-size: 1.333em; color: #DA4F00; line-height: 1em; margin: 1.5em 0 1em 0; font-weight: normal; }
h6 {font-size: 1em; font-weight: bold; line-height: 1em; margin: 1.5em 0 1em 0; font-weight: normal;}
h2.pagetitle {}
.heading.archive h3 {margin-top: 3px}
p {line-height: 1.6em;}
body {
	
	line-height:1.3333em;
	background: #6d7c01 url(images/body_bcg.jpg) repeat top left;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	
}

#wrapper {
	
	width:960px;
	
	text-align: left;
	
	margin:0 auto;
	
	}

#accessibility {
	
	position:absolute;
	
	top:-5000em;
	
	}
	
.left {

	float:left;

}	

.right {

	float:right;
	
}


/* =Links

-----------------------------------------------------------------------------*/
a:link, a:visited {color: #6D7C00; text-decoration: none}
a:hover, a:active{text-decoration: underline;}

a:link.more-link, a:visited.more-link,
#sidebar a.more-link,
#video a.more-link {
	background-color: #9bb000; color: #ffffff; padding: 3px 6px;
	float: right;
}
a.more-link:hover,
#sidebar a.more-link:hover,
#video a.more-link:hover {
	text-decoration: none; background-color: #829401; color: #ffffff;
}

/* =Header

-----------------------------------------------------------------------------*/
#utilities { font-size: 0.9166em; margin: 0 10px; text-align: right; color: #c3c284; background-color: #6E7C01; border: 1px #626f00 solid; border-width: 0 1px 1px 0px; width: auto; float: right;}
#utilities a {color: #c3c284;}
#utilities .utilities-inside {padding: 3px 19px;}
#header {
	height: 147px;
}

#logo {
	
	height:34px;
	width:290px;
	position: relative;
	overflow:hidden;
	left:30px;
	font-size: 2em;
	line-height: 1em;
	top: 51px;
	text-indent: -9999px;
	
}

#logo a {color:#81B02C;}

#logo a:hover {
	background-position: bottom;
	cursor: hand;
}

#logo a span {
	display:block;
	width:290px;
	height:34px;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	margin: 0;
	padding:0;
	background:url("images/img_logo-rozhledna-online.png") top left no-repeat;
}

#blog-description {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color: #4a4d01;
	display:inline;
	position: relative;
	top:55px;
	left:30px;
}

/* =MainNavigation

-----------------------------------------------------------------------------*/
ul#mainNav {list-style: none; padding-left: 19px;}
ul#mainNav li {
	width: auto;
	float: left;
	margin-right: 5px
}
ul#mainNav li a {color: #ffffff; background-color: #9bb000; display: block; padding: 4px 12px;}
ul#mainNav li a:hover {color: #685328; background-color: #e2e5ce; text-decoration: none;}
ul#mainNav li.active a {background-color: #ffffff; color: #685328;}

ul#nav {list-style: none; padding-left: 19px;}
ul#nav li {
	width: auto;
	float: left;
	margin-right: 5px
}
ul#nav li a {
	color: #ffffff; 
	background-color: #9bb000; 
	display: block; 
	padding: 4px 12px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
}
ul#nav li a:hover {color: #685328; background-color: #e2e5ce; text-decoration: none;}
ul#nav li.current_page_item a {background-color: #ffffff; color: #685328;}

/* rounded corners */
.tl {
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
}
.tr {
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
}
.bl {
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}
.br {
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
}
.rounded-corners,
#sidebar .widget ul,
#sidebar .widget ol
 {
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
}

.tl10 {
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
}
.tr10 {
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
}
.bl10 {
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
}
.br10 {
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
}


/* =MainContent

-----------------------------------------------------------------------------*/
.entry {width: 480px; overflow: hidden;}
#main_content {
	clear: both;
	color: #5e4b21;
}
#main_content .col {
	background-color: #ffffff;
}
#main_content .col2 {
	background: #ffffff url(images/bcg_sidebar.gif) repeat-y 220px 0;
}
#main_content .col_inside {
	padding: 35px 20px;
}
#main_content p {margin-bottom: 1.333em;}

/* post */
.post {margin-bottom: 3em;}
/*.post.sticky {background: url(images/ico_nove.gif) no-repeat top left; width: 528px; margin: 0 0 0 -48px;}
.post.sticky .post_inside {padding-left: 48px; background: url(images/bcg_post-bottom.jpg) no-repeat 115% 100%}*/
.post .post_inside {background: url(images/bcg_post-bottom.jpg) no-repeat 50% 100%; padding-bottom: 50px;}
.post .heading {margin-bottom: 1.333em; padding-bottom: 7px; margin-bottom: 4px; border-bottom: 1px #696057 dotted;}
.post .heading h2,
.post .heading h3 {width: 420px; float: left; margin-bottom: 0;}
.post .heading .comments-count {width: 45px; height: 32px; float: right;  font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.6667em; margin-top: -8px; position: relative;}
.post .heading .comments-count a {display: block; text-align: center; color: #90805d; background: #e3dbcd url(images/bcg_comments-count.gif) no-repeat top left; height: 28px; padding-top: 4px;}
.post .heading .comments-count a:hover {background-position: bottom left; text-decoration: none;}
.post .heading h2 a,
.post .heading h3 a {color: #da4f00; font-weight: normal}
.post .heading h2 a:hover,
.post .heading h3 a:hover {color:#675327; text-decoration: none;}
.post .post-utils {font-size: 0.9166em; color: #483918; margin-bottom: 1.5em;}
.post .post-utils a {color: #483918;}
.post .timeStamp {background: url(images/ico_timeStamp.gif) no-repeat 0 50%; padding-left: 17px;}

.wp-caption {
	background-color:#f5f6ec;
	border:1px solid #b5b5b5;
	border-color: #e6e6e6 #b5b5b5 #b5b5b5 #e6e6e6;
	margin: 1.333em 0;
	padding-top:5px;
	text-align:center;
}
.wp-caption .wp-caption-text {margin: 0 !important; padding: 5px;}
.alignleft {float: left; margin-right: 15px; margin-top: 0px}
.alignright {float: right; margin-left: 15px; margin-top: 0px}
.wp-caption.first {margin-top: 0 !important;}
.navigation {margin-bottom: 3em;}
.menu.navigation {margin: 0;}
.navigation .alignleft {float: left;}
.navigation .alignright {float: right;}
.entry img.size-full,
.entry img.size-thumbnail {
	border:1px solid #b5b5b5;
	border-color: #e6e6e6 #b5b5b5 #b5b5b5 #e6e6e6;
	background-color:#f5f6ec;
	padding: 5px;
}
/*.entry img.size-full {width: 468px;}*/

.wp-caption img.size-full,
.wp-caption img.size-thumbnail {background: none; border: none; padding: 0;}

/* comments */
h3#comments,
#respond h3 {font-size: 1.333em; margin-bottom: 0.8em;}
.commentlist {margin-bottom: 2em; border: 1px #e6e8cf solid; border-width: 0 1px 1px 1px;}
.commentlist .comment,
.commentlist li {padding: 10px 20px 2px 20px; background: #f1f3e3 url(images/bcg_comments.gif) repeat-x top left; margin-bottom: 1px; border-top: 1px #e6e8cf solid;}
.commentlist .children li {background: url(images/ico_reply-comment.png) no-repeat 0 5px; padding: 5px 0 0 30px; border: none;}
.commentlist .comment p {margin-bottom: 1em;}
.commentlist .comment-head {
	padding-left: 0; 
	min-height:22px;
	margin-bottom: 4px;
	width: 70%;
	float: left;
}
.commentlist .reply {float: right; padding-top: 5px; font-size: 0.9166em;}
.commentlist .reply a {color: #6D7C00;}
.commentlist .reply a:hover {text-decoration: underline;}
.comment-author {padding-top:4px;}
.comment-meta {}
.comment-author cite {font-style: normal; font-weight: bold; font-size: 1.1667em}
.comment-author .avatar {
	background-color: #ffffff; 
	padding: 3px; 
	float: left;
	position: absolute;
	top: 3px;
	right: 0;
}
.commentlist .movie,
.commentlist .youtube {margin-left:-20px}
.commentlist .comment-text {clear: both;}
.commentlist .comment-head a {color: #6d7c00; font-size: 0.9166em;}
#commentform textarea {width: 98%; padding: 5px; height: 80px;}
#commentform input {margin-right: 10px;}

.register-note {background-color: #6E7C01; color: #ffffff; padding: 10px;}
.register-note a.more-link {float: none;}
.register-note p {float: left; margin-bottom: 0 !important;}

/* timeline list */
ul.timeline {float: left; width: 100%; background-color: #f5f6ec;}
ul.timeline li.title {background-color: #E8E2D6; border-bottom: 1px white solid; width: 100%;}
ul.timeline li.title span {padding: 10px 10px 10px 80px;display: block;}
ul.timeline li {float: left; border-bottom: 1px white solid; width: 100%;}
ul.timeline li span.time {font-size: 1.5em; color: #aecc33; padding: 10px; width: 50px; display: block; float: left; text-align: right; font-family: Georgia, "Times New Roman", Times, serif; font-style:italic}
ul.timeline li span.desc {width: 300px; padding: 10px; display: block; float: left}
ul.timeline li span.img {float: right; padding: 2px; display: block;}

/* Pagination for comments */
#main_content p.paginated-comments-pages {text-align: center; margin-bottom: 2em;}
.paginated-comments-pages a, .paginated-comments-pages a:link {
background-color:#F5F6EC;
border:1px solid #7b8c01;
color:#777777;
margin:2px;
padding:2px 4px;
text-decoration:none;
}
.paginated-comments-pages a:visited {
background-color:#F5F6EC;
border:1px solid #7b8c01;
color:#777777;
margin:2px;
padding:2px 4px;
text-decoration:none;
}
.paginated-comments-pages a:hover {
background-color:#9BB000;
border:1px solid #7b8c01;
color:#ffffff;
}
.paginated-comments-pages a:active {
background-color:#F3F1E9;
border:1px solid #7b8c01;
color:#777777;
margin:2px;
padding:2px 4px;
text-decoration:none;
}
.paginated-comments-pages span.pages {
background-color:#F5F6EC;
border:1px solid #7b8c01;
color:#777777;
margin:2px;
padding:2px 4px;
}
.paginated-comments-pages strong {
background-color:#9BB000;
border:1px solid #7b8c01;
color:#ffffff;
font-weight:bold;
margin:2px;
padding:2px 4px;
}
.paginated-comments-pages span.extend {
background-color:#E8E2D6;
border:1px solid #7b8c01;
color:#777777;
margin:2px;
padding:2px 4px;
}


.search-results h3 {margin-bottom: 0;}

/* Diskuse */
.page-template-diskuse-php .heading h2,
.page-template-video-php .heading h2 {margin-bottom: 1em; width: 175px !important; float:left;}
.page-template-diskuse-php .heading .add-comment {width: 200px; float: right; padding-top: 6px}
.page-template-diskuse-php .post {margin: 0;}
.page-template-diskuse-php .heading {border: none;}
.page-template-diskuse-php h3#comments {display: none;}

/* =Sidebar

-----------------------------------------------------------------------------*/
#sidebar,
#video {margin-bottom: 20px;}
#sidebar h2,
#video h2 {font-size: 1.25em; color: #DA4F00; margin-bottom: 0.5em;}
#sidebar a,
#video a {color: #6d7c00; text-decoration: none;}
#sidebar a:hover,
#video a:hover {color: #6d7c00; text-decoration: underline;}
#sidebar ul li {margin-bottom: 2.75em; clear: both;}
#sidebar .widget ul,
#sidebar .widget ol {border: 3px #e8e2d6 solid; border-width: 3px 0}
#sidebar .widget ol {list-style: decimal; background-color: #E8E2D6; padding: 0 0 0 30px; border-width: 3px 3px 3px 0}
#sidebar .widget ul li,
#sidebar .widget ol li {background-color: #f5f6ec; margin-bottom: 1px; padding: 10px 12px}

#sidebar #get-recent-comments a {font-weight: bold;}

#sidebar .widget.widget_recent_entries ul li,
#sidebar .wp_widget_mylinkorder ul li {padding: 0;}
#sidebar .widget_recent_entries a,
#sidebar .wp_widget_mylinkorder a {display: block; padding: 10px 12px;}
#sidebar .widget_recent_entries a:hover,
#sidebar .wp_widget_mylinkorder a:hover {background-color: #eeeae2; text-decoration: none;} 

#sidebar .widget_search label {font-size: 1.25em; color: #DA4F00; margin-bottom: 0.5em; display: block;}
#sidebar .widget_search input {width: 100%; margin-bottom: 6px;}
/* =Sidebar2

-----------------------------------------------------------------------------*/
#sidebar-right .col_inside {padding-left: 0;}

/* countdown widget*/
#sidebar #peters-date-countdown strong {font-size: 57px; line-height: 1em; display: block; text-align: center; font-family: Georgia, "Times New Roman", Times, serif; color: #90805D; margin-bottom: 10px;}

#sidebar #world-clock-widget .date {color: #aea489; font-size: 0.9166em;}
#sidebar #world-clock-wrap {border: 3px #e8e2d6 solid; border-width: 3px 0; background-color: #f5f6ec; padding: 10px; font-size: 0.9166em;}

#sidebar #picasa-widget .picasa-widget-wrap {
	background-color: #f5f6ec;
	border: 3px #e8e2d6 solid; border-width: 3px 0;
	width: 180px;
	padding: 6px 0;
}
#sidebar #picasa-widget a {
	border: 1px dashed #B5B5B5;
	padding: 6px;
	float: left;
	margin: 6px;
	display: inline;
	background-color: #ffffff;
	width: 64px;
}
#sidebar #picasa-widget a:hover {
	border-color: #616e00;
}
#sidebar #picasa-widget a img {
	display: block;
}
#sidebar #picasa-widget span {
	padding: 0 6px;
	display: block;
	font-size: 0.9166em;
}
#sidebar .widget_kalendarium_cz ul:first-of-type li{
	margin-bottom: 0;
	padding-bottom: 0;
}
#sidebar .widget_kalendarium_cz ul:first-of-type {
	border-bottom: none medium;
}
#sidebar .widget_kalendarium_cz ul:last-of-type {
	border-top: none medium;
}


#video {
	background-color: #ffffff;
	background-image: none;
	float: right;
}
.movie {margin-bottom: 1.333em;}

/* my picasa webalbum */
.myPicasawebAlbum {width: 480px; float:left;}
.myPicasawebAlbum .wrapper {float: left; margin: 0 4px 4px 0; display: inline; padding: 3px;}
.myPicasawebAlbum .wrapper a,
.myPicasawebAlbum .wrapper.pic-thumb div,
.myPicasawebAlbum .wrapper.album {
	border: 1px dashed #B5B5B5;
	padding: 6px;
	background-color: #ffffff;
}
.myPicasawebAlbum .wrapper a {
	display: block;
}
.myPicasawebAlbum .wrapper a:hover,
.myPicasawebAlbum .wrapper.pic-thumb:hover div {
	border-color: #616e00;
}
.myPicasawebAlbum .wrapper.album {margin: 0 8px 8px 0;}
.myPicasawebAlbum .wrapper.album:hover {background-color: #E8E2D6;}
.myPicasawebAlbum .wrapper.album img {display: block; margin-bottom: 3px;}
.myPicasawebAlbum .wrapper.pic-thumb div {background-color: #F5F6EC; height: 72px; width: 72px; text-align: center; line-height: 72px;}
.myPicasawebAlbum .wrapper.pic-thumb:hover div {background-color: #E8E2D6;}
.myPicasawebAlbum h2 {margin: -1em 0 0.5em 0; font-size: 1.5em;}

#widget_google_translate .title {display: block; margin-bottom: 4px;}
#widget_google_translate select {width: 100% !important; margin-bottom: 4px; font-size: 1em !important;}
#widget_google_translate input {font-size: 1em !important;}
#widget_google_translate .return-original {display: block;}

label.error {color: red; padding: 4px 0 0 3px; display: block;}

/* =Footer

-----------------------------------------------------------------------------*/

#footer {
	height:40px; 
	line-height:40px;  
	color:#c3c996;
	text-align: left;
	padding-left: 25px;
	width: 960px;
	font-size: 0.9166em;
}

#footer span {
	border-top:1px #2F3B27 dotted;
	border-bottom:1px #2F3B27 dotted;
	padding:8px 0;	
}

#footer a {
	text-decoration:none;
	color:#C3C996;
}
#footer p {
	margin-bottom: 0;
	line-height: 40px;
}

#footer a:hover {
	text-decoration:underline;
	color:#fff;
}