/*  

Theme Name: Travel-light
Theme URI: http://travel-light.h1cz.com/
Description: Theme with sea in a background. Combination of yellow, orange and blue colors. Theme has two columns and it is optimized for pages and posts. Designed by H1.cz 
Version: 1.1
Author: H1.cz
Author URI: http://www.h1.cz
Tags: Yellow, Sea, Sand, Travel, Beach, Orange, Blue, two-columns

Enjoy.

*/


html, body {
	border: 0px none;
	margin: 0px;
	padding: 0px;

	font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;
	font-size: 90%;
	color: black;
}

.reseter {
	border:  0px none;
	margin:  0px;
	padding: 0px;

	float: none;
	clear: both;

	width: 0px;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
}


body {
	text-align: center; /* centerování webu pro IE */
	background-color: #F0EFFE;
}

.separator { /* slouľí k oddělení jednotlivých částí stránek - pouze pro zobrazení bez CSS */
	display: none;
	visibility: hidden;
}


#bodywrap { /* zajią»uje "natahování" ąířky stránky - pro IE je pouľit speciální styl */
	width: 1000px;
	*width: 1002px;
  padding: 0px;
  margin: 0px auto 0px auto;
  text-align: left;
  border-left: 1px solid #F0EFFE;
  border-right: 1px solid #F0EFFE;
}

#header {
	width: 1000px;
	height: 286px;
  margin: 0px;
	text-align: left;
	position: relative;
	font-size: 1.2em;
	background: url(images/header-back.jpg) center top #193b66 repeat-x;
}


#nav {position: absolute; width: 900px; top: 224px; left: 50px; padding:0; list-style-type:none; font-size: 90%; margin: 0px; z-index:6;}
#nav li {
*display:inline; 
margin:0; padding:0;
float: left;
padding-right: 18px;
background:url("images/li-space.gif") center right no-repeat;
margin-right: 18px;
}
#nav a {color: #fff; font-size: 1em; font-weight: bold; float:left; padding:0px; text-decoration:none; cursor:pointer; overflow:hidden;
  height:62px;
  line-height: 440%;  
  text-transform: uppercase;
  }
#nav a:hover, #nav li.current_page_item a, #nav li.current_page_parent a {background:url("images/button-active.gif") center no-repeat;}




#logo-text {
  display: block;
	margin:0px; padding:0;
	position: relative;
  left:50px; 
  top:95px;
	text-align: left;
}
		
#logo-text a {
  color: #fefefe;
  font-size: 2.8em;
  font-weight: normal;
  text-decoration: none;
}

#slogan-text {
  position: relative;
  left:50px; 
  top:95px;
  color: #a3ccfb;
  font-weight: normal;
  font-size: 1.5em;
}
		

#wrapper {
  float: left;
  margin-bottom: 0px;
  z-index: 1 ;
  position: relative;
  background:url(images/content-back-2.jpg) repeat-y;
}

#content {
  width: 1000px;
  *height: 700px;
  min-height: 700px;   
	margin: 0px 0px;
	text-align: left;
	position: relative;
	float: left;
	font-size: 1em;
	color: #292929;
	background-color: #efefef;
	background:url(images/content-back.jpg) no-repeat top;
	z-index: 1;
}

 
  
#content_pad {
  margin: 0px 44px 0px 52px;
  padding: 10px 35px;
  width: 560px;
  *width: 630px;
  float: left;
  position: relative;
  background-color: white;
}

  
#content .post {
  margin: 0px;
  z-index: 4;
  position: relative;
  *margin-top: 20px;
}
  
.meta-post {
  padding: 8px 0px;
  border-bottom: 1px solid #bdc7cb;
  position: relative;
  width: 540px;
}

  .meta-post .meta-category {
    
  }
  
  .meta-post .meta-date {
    position: absolute;
    top: 8px;
    right: 0px;
  }

#content_pad #comments-top {
  text-transform: uppercase;
  font-size: 1em;
  color: #fff;
  padding: 10px 10px 10px 13px;
  width: 537px;
  *width: 560px;
  background: #205c9f;
  position: relative;
}

  #content_pad #comments-top a img {
    float: right;
    margin: 0px 2px;
    border: 0px;
    vertical-align: middle;
    *margin-top: -15px;
  }
  
  #content_pad #comments-top a:hover img {
    border: 0px;
  }

.navigation {
  text-align: right;
}

#top-navigation {
  margin-top: 20px;
  padding-right: 20px;
  margin-bottom: -10px;
}

.navigation .alignleft {
  float: left;
}

.commentlist {
  padding: 0px;
  margin: 15px 0px 0px 0px;
}

.commentlist .comment {
  text-align: right;
  border-top: 1px solid #8E8F91;
  border-left: 1px solid #fff;
  background-color: #DFEEFF;
  padding: 8px 10px 8px 10px;
  list-style: none;
}

.commentlist li.odd {
  background-color: #fff;
}
  
  

  .commentlist .comment-author {
    float: left;
  }
  
    .commentlist .comment-author img {
      vertical-align: top; 
      margin-bottom: 5px;
    }
    
    .commentlist .comment-author .says {
      display: none;
    }
    
    .commentlist .comment-author .fn {
      font-weight: bold;
      font-style: normal;
      padding-left: 5px;
    }

  .commentlist .comment-meta {
    
  }

  .commentlist .comment p {
    text-align: left;
    clear: left;
  }
  
  .commentlist .commentmetadata a {
    text-decoration: none;
    color: #8E8F91;
  }
  
  .commentlist .commentmetadata a.comment-edit-link {
    text-decoration: underline;
    color:#205C9F;
  }

.commentlist li li, .commentlist li li li, .commentlist li li li li {
  list-style: none;
  margin: 8px -10px -8px 0px;
  padding: 8px 10px 8px 10px; 
}

p.postmetadata {
  margin-bottom: 45px;
}

#respond {
  text-align: left;
}

#sidebar {
  float: left;
  width: 209px;
  margin-top: 0px;
  line-height: 180%;
  color: white;
}

  #sidebar a {
    color: #ffff00;
  }

  #sidebar img {
    margin: 0px;
  }

  #sidebar h2 {
    color: #ffff00;
    font-size: 1.6em;
  }
  
  #sidebar ul li {
    color: #fff;
  }
  
    #sidebar ul li span {
      color: #686868;
    }

  #sidebar .box {
    padding: 5px 15px 15px 15px;
  }
  
    #sidebar .box ul {
      margin: 10px 5px 10px 25px;
      padding: 0px;
    }
    
      #sidebar .box ul li {
        line-height: 200%;      
      }
  
    #sidebar .box p {
      margin: 0px 20px 0px 0px;
    }
    
  
  #sidebar #category h2 {
    background: url('images/category-back.gif') no-repeat top right; 
    height: 32px;
    padding-top: 5px;
    margin-top: 5px;
    *margin-top: 8px;
    *display: inline;
    width: 100%;    
  }
  
  #sidebar #category ul {
    margin: 0px 10px;
    padding: 0px;
    list-style: none;
  }  
  
  #sidebar #category ul li {
    font-size: 1.1em;
    margin: 15px 0px;
    line-height: 100%;
  }
  
  #sidebar #category ul li a {
    text-decoration: none;
    color: #fff; 
    padding-left: 25px;
    display: block;
    background: url('images/li-back.gif') no-repeat left 0px; 
    height: 14px;
  }    
  
  #sidebar #category ul li a:hover {
    text-decoration: underline; 
    color: #ffff00; 
    background-position: 0px -14px;
  }
  
  #sidebar #category ul li.active a {
    text-decoration: underline; 
    color: #176484; 
  }
  
  #sidebar #links h2 {
    background: url('images/links-back.png') no-repeat top right; 
    height: 32px;
    padding-top: 5px;
    margin-top: 5px;
  }  
  
  #sidebar #share {
    text-align: center;
  }
  
    #sidebar #share img, #sidebar #share a img {
      border: 0px;
    }
 

#footer {
  width: 100%;
  background: url('images/footer-back.jpg') #bfa58c repeat-x; 
  height: 250px;
  margin: 0px 0px 0px 0px;
  *margin-top: -1px;
  color: #fff;
  font-size: 1em;
  position: relative;
  font-weight: bold;
}

  #footer-inner {
    margin: 0px auto;
    position: relative;
    width: 1000px;
    top: 135px;
  }

#footer span#copyright {
  text-align: left;
  position: absolute;
  top: 52px;
  left: 65px;
  display: block;
}

#footer span#powered {
  text-align: right;
  position: absolute;
  top: 42px;
  right: 65px;
  display: block;
}

  #footer span#powered a img {
    border: 0px;
    vertical-align: middle;
  }

#footer span#footer-links {
  text-align: left;
  position: absolute;
  top: 77px;
  left: 23px;
  width: 905px;
  display: block;
}

#footer a, #footer strong {
  color: #ffd800;
}

.hidden {
  display: none;
}



/* ========== TEXT, OBRAZKY, TABULKY .. atd ========== */

h1 {
	font-size: 2.2em;
	font-weight: normal;
	color: #000;
	margin: 0px;
}

h2 {
	font-size: 1.9em;
	font-weight: normal;
	color: #205c9f;
	text-align: left;
	margin: 15px 0px 5px 0px;
	clear: left;
}

h2 a {
	
	color: #205c9f;
        text-decoration: underline;
	
}

h2 a:hover {
	color: #205c9f;
        text-decoration: none;
}

#sidebar #doporucujeme h2 {
  color: #000;
  padding: 0px 20px;
}

h3 {
	font-size: 1.4em;
	font-weight: normal;
	color: #000;
	margin: 15px 0px 0px 0px;
	clear: left;
}

#sidebar h3 {
  color: #323232;
  font-size: 1.1em;
  padding: 25px 15px 10px 15px;
}

p {
  text-indent: 0em;
	text-align: justify;
	line-height: 150%;
	margin: 15px 0px 0px 0px;
}

p.bez_odrazeni {
  text-indent: 0em;
	text-align: justify;
	line-height: 150%;
	margin: 15px 0px 0px 0px;
}

p.odrazka {
  background: url(../images/odrazka_green.gif) no-repeat;
	text-indent: 3em;
	text-align: justify;
	line-height: 150%;
	margin: 15px 0px 0px 0px;
}

ul li, ol li {
  line-height: 150%;
}

a {
	color: #ff8000;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

a img {
  border: 3px solid #9dc4f0;
}

a:hover img {
  border: 3px solid #ffb400;
}

#content_pad img {
  border: 3px solid #9dc4f0;
}

#content_pad a:hover img {
  border: 3px solid #ffb400;
}

img.left, .alignleft {
  float: left;
  margin: 0px 15px 15px 0px;
}

img.right, .alignright  {
  float: right;
  margin: 0px 0px 15px 15px;
}

hr {
  height: 1px;
  color: #6d4d42;
  border: 0 none;
  border-top: 1px solid #6d4d42;
  margin: 10px 0px 20px 0px;
}

.tisk {
	display: none;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	background-color: #f3f3f3;
	margin-top: 15px;
	text-align: center;
	padding: 6px 4px;
}

.wp-caption p.wp-caption-text {
  text-align: center;
  margin: 5px 0px;
  font-style: italic;
  padding: 0px;
}

.wp-caption img {
	border: 0 none;
}

.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}