/* basics */
body {
  /*background: url(http://lucie.ruzickovi.net/content/images/design/2009/header-x.png) repeat-x top left;*/
  margin: 0;
  padding: 0;
  font-family: Calibri, sans-serif;
  text-align: center;
}
a {
  color: #7a7a7a;
  text-decoration: underline;
}
a:hover {
  color: #fd562a;
}
.category {
	border-bottom: 1px dotted #7a7a7a;
}
div.cleaner { clear: both; }
div#container {
  background: url(http://lucie.ruzickovi.net/content/images/design/2009/header.jpg) repeat-x top center;
  height: 302px;
  margin: 0;
  padding: 0;
  z-index: 1;
  height: 100%;
}
div#header {
  margin: auto;
  width: 840px;
  height: 371px;
  z-index: 2;
}
div#menu {
  background: url(http://lucie.ruzickovi.net/content/images/design/2009/menu.jpg) no-repeat top center;
  height: 371px;
  width: 840px;
  margin: 0;
}
div#content {
  margin: -20px auto 5px;
  width: 840px;
  text-align: justify;
  z-index: -1;
  background: #fff;
}
div#header h1 {
  margin: 0;
  padding: 0;
  display: none;
}
div#menu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
div#menu ul li {
  height: 225px;
  width: 132px;
  display: inline;
  float: left;
}
div#menu a.menu-blog {
display: none;
  height: 225px;
  width: 132px;
  background: transparent url(http://lucie.ruzickovi.net/content/images/design/2009/menu-blog.jpg) top left;
  display: block;
  position: relative;
  top: 38px;
  left: 158px;
  font-size: 100%;
}
div#menu a.menu-blog-active {
  height: 225px;
  width: 132px;
  background: transparent url(http://lucie.ruzickovi.net/content/images/design/2009/menu-blog-active.jpg) top left;
  display: block;
  position: relative;
  top: 38px;
  left: 158px;
  font-size: 100%;
}
div#menu a.menu-blog span {
 display: none;
}
div#menu a.menu-blog-active span {
 display: none;
}
div#menu a.menu-blog:hover {
  background: transparent url(http://lucie.ruzickovi.net/content/images/design/2009/menu-blog-hover.jpg) top left;
}
div#menu a.menu-cv {
  height: 225px;
  width: 132px;
  background: transparent url(http://lucie.ruzickovi.net/content/images/design/2009/menu-cv.jpg) top left;
  display: block;
  position: relative;
  top: 38px;
  left: 161px;
  font-size: 100%;
}
div#menu a.menu-cv-active {
  height: 225px;
  width: 132px;
  background: transparent url(http://lucie.ruzickovi.net/content/images/design/2009/menu-cv-active.jpg) top left;
  display: block;
  position: relative;
  top: 38px;
  left: 161px;
  font-size: 100%;
}
div#menu a.menu-cv span {
 display: none;
}
div#menu a.menu-cv-active span {
 display: none;
}
div#menu a.menu-cv:hover {
  background: transparent url(http://lucie.ruzickovi.net/content/images/design/2009/menu-cv-hover.jpg) top left;
}
div#menu a.menu-obrazky {
  height: 225px;
  width: 132px;
  background: transparent url(http://lucie.ruzickovi.net/content/images/design/2009/menu-obrazky.jpg) top left;
  display: block;
  position: relative;
  top: 38px;
  left: 160px;
  font-size: 100%;
}
div#menu a.menu-obrazky-active {
  height: 225px;
  width: 132px;
  background: transparent url(http://lucie.ruzickovi.net/content/images/design/2009/menu-obrazky-active.jpg) top left;
  display: block;
  position: relative;
  top: 38px;
  left: 160px;
  font-size: 100%;
}
div#menu a.menu-obrazky span {
 display: none;
}
div#menu a.menu-obrazky-active span {
 display: none;
}
div#menu a.menu-obrazky:hover {
  background: transparent url(http://lucie.ruzickovi.net/content/images/design/2009/menu-obrazky-hover.jpg) top left;
}
div#menu a.menu-komentare {
  height: 225px;
  width: 132px;
  background: transparent url(http://lucie.ruzickovi.net/content/images/design/2009/menu-komentare.jpg) top left;
  display: block;
  position: relative;
  top: 38px;
  left: 163px;
  font-size: 100%;
}
div#menu a.menu-komentare-active {
  height: 225px;
  width: 132px;
  background: transparent url(http://lucie.ruzickovi.net/content/images/design/2009/menu-komentare-active.jpg) top left;
  display: block;
  position: relative;
  top: 38px;
  left: 163px;
  font-size: 100%;
}
div#menu a.menu-komentare span {
 display: none;
}
div#menu a.menu-komentare-active span {
 display: none;
}
div#menu a.menu-komentare:hover {
  background: transparent url(http://lucie.ruzickovi.net/content/images/design/2009/menu-komentare-hover.jpg) top left;
}
div#menu a.menu-kontakt {
  height: 225px;
  width: 132px;
  background: transparent url(http://lucie.ruzickovi.net/content/images/design/2009/menu-kontakt.jpg) top left;
  display: block;
  position: relative;
  top: 38px;
  left: 165px;
  font-size: 100%;
}
div#menu a.menu-kontakt-active {
  height: 225px;
  width: 132px;
  background: transparent url(http://lucie.ruzickovi.net/content/images/design/2009/menu-kontakt-active.jpg) top left;
  display: block;
  position: relative;
  top: 38px;
  left: 165px;
  font-size: 100%;
}
div#menu a.menu-kontakt span {
 display: none;
}
div#menu a.menu-kontakt-active span {
 display: none;
}
div#menu a.menu-kontakt:hover {
  background: transparent url(http://lucie.ruzickovi.net/content/images/design/2009/menu-kontakt-hover.jpg) top left;
}
div#content h2 {
  margin: 0;
  padding: 5px;
  font-weight: normal;
  font-size: 30px;
  color: #fd562a;
}
div#content h3 a{
  color: #36832c;
  text-decoration: underline;
}
div#content h3 a:hover{
  color: #36832c;
  text-decoration: none;
}
div#content h3 {
  margin: 0;
  padding: 5px;
  font-weight: normal;
  font-size: 24px;
  color: #36832c;
}
div#content h4.cv {
  margin: 0;
  padding: 5px;
  font-weight: normal;
  font-size: 18px;
  text-transform: uppercase;
  color: #36832c;
  letter-spacing: 1px;
}
div#content p.date {
  color: #666666;
  font-style: italic;
  font-size: 13px;
  padding: 0 5px;
  margin: 0;
}
div#content div.hr {
  height: 3px;
  background: #fff url(http://lucie.ruzickovi.net/content/images/design/2009/hr.jpg) no-repeat scroll center;
  margin: 3px 0;
}
div#content div.hr hr {
  display: none;
}
div#content table.cv {
  font-size: 14px;
}
div#content table.cv th {
  width: 100px;
  color: #333333;
  text-align: left;
}
div#content div#cv-pic h2.cv {
  color: #fd562a;
  text-transform: uppercase;
  font-size: 24px;
  float: right;
  letter-spacing: 2px;
  background: transparent url(http://lucie.ruzickovi.net/content/images/design/2009/cv-line.jpg) no-repeat center left;
  width: 678px;
  text-align: right;
  position: absolute;
  display: block;
  left: -427px;
}
div#content div#cv-pic h3.cv {
  color: #fd562a;
  font-size: 18px;
  float: right;
  clear: right;
  top: 30px;
  left: 130px;
  position: absolute;
}
div#content div#cv-pic {
  background: transparent url(http://lucie.ruzickovi.net/content/images/design/2009/lucie.jpg) no-repeat top right;
  height: 158px;
  width: 260px;
  float: right;
  display: block;
  margin: -30px 0 0 0;
  padding: 0 140px 0 0;
  position: relative;
}
div#content p.kontakt strong {
  font-weight: normal;
  color: #36832c;
}
div#content p.kontakt strong a {
  color: #36832c;
  text-decoration: underline;
}
div#content p.kontakt strong a:hover {
  text-decoration: none;
}
div#content div.cms-guestbook strong, div#footer strong {
 color: #36832c;
 font-weight: normal;
}


span.cms-guestbook-entry-email{
  float: left;
  display: inline;
  margin-top: 7px;
}

div.cms-guestbook-entry-homepage{
   margin-top: 5px;
}

span.cms-guestbook-entry-email a,
div.cms-guestbook-entry-homepage a{
  position: relative;
  display: block;
  height: 9px;
  width: 9px;
  overflow: hidden;
}

span.cms-guestbook-entry-email a{
  height: 7px;
  width: 10px;
}


span.cms-guestbook-entry-email a span,
div.cms-guestbook-entry-homepage a span{
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  background: transparent url(http://lucie.ruzickovi.net/content/images/design/2009/comments-homepage.png) no-repeat top left;
  width: 100%;
  height: 100%;
  z-index: 2;
  cursor: pointer;
}

span.cms-guestbook-entry-email a span{
  background: transparent url(http://lucie.ruzickovi.net/content/images/design/2009/comments-email.png) no-repeat top left;
}


span.cms-guestbook-entry-email a:hover span,
span.cms-guestbook-entry-email a:focus span,
div.cms-guestbook-entry-homepage a:hover span,
div.cms-guestbook-entry-homepage a:focus span{
  background-position: bottom left;
}





div#content a.facebook {
  background: transparent url(http://lucie.ruzickovi.net/content/images/design/2009/facebook.jpg) no-repeat top right;
  width: 155px;
  height: 58px;
  display: block;
}
div#content a.facebook span {
  display: none;
}
div#content a.facebook:hover {
  background: transparent url(http://lucie.ruzickovi.net/content/images/design/2009/facebook_hover.jpg) no-repeat top right;
}
div#content a.picasa {
  background: transparent url(http://lucie.ruzickovi.net/content/images/design/2009/picasa.jpg) no-repeat top right;
  width: 189px;
  height: 70px;
  display: block;
}
div#content a.picasa span  {
  display: none;
}
div#content a.picasa:hover {
  background: transparent url(http://lucie.ruzickovi.net/content/images/design/2009/picasa_hover.jpg) no-repeat top right;
}
div#content form#contact-form strong {
  color: #36832c;
  font-weight: normal;
}
div#content img {
  padding: 6px;
  border: 1px solid #ccc;
  margin: 4px;
}
div#content img.left {
	float: left;
	margin-right: 1em;
}
div#content img.right {
	float: right;
	margin-left: 1em;
}

div#footer {
  width: 840px;
  margin: 0 auto;
  border-top: 1px solid #999;
  text-align: right;
}
div#footer p {
  position: relative;
  margin: 0;
  padding: 10px 38px 10px 10px;
  color: #7a7a7a;
  font-size: 90%;
  display: block;
}

div#footer a.nux {
	background: transparent url(http://lucie.ruzickovi.net/content/images/design/2009/nux.jpg) no-repeat top left;
	position: absolute;
        display: block;
        top: 8px;
        right: 0;
	height: 20px;
        line-height: 20px;
	margin-left: 0.5em;
        margin-right: 0;
	text-decoration: none;
	width: 31px;
        overflow: hidden;
}


div#footer a.nux span {
       visibility: hidden;
}


.vertical-resizer {
  width: 343px;
}#counter, .remark {color:#666; font-size:0.8em;}
div.cms-guestbook-pagination_header, div.cms-guestbook-pagination_nav {margin: 1em 0;}

div.cms-guestbook-entry-posted, div.cms-guestbook-entry-sender, div.cms-guestbook-entry-homepage {float:left;}

div.cms-guestbook-entry-sender {display:block; float:left; font-weight:bold; padding:0 90px 10px 10px; background:url(http://lucie.ruzickovi.net/content/images/design/2009/message.gif) right bottom no-repeat; position:relative; z-index:1;}



span.cms-guestbook-entry-email {padding-left:0px;}
div.cms-guestbook-entry-homepage { padding-left:10px;}

div.cms-guestbook-entry-posted, span.cms-guestbook-entry-sendername, span.cms-guestbook-entry-email, div.cms-guestbook-entry-homepage {padding-bottom:5px;}

div.cms-guestbook-entry-text {background:#fff; border:1px solid #999; margin:0 0 1em 0; _margin-top: -1em; padding:0 1em; clear:left; position:relative; top:-1px; z-index:0;}


div.cms-guestbook-div-insert form {border: 1px solid #999; width: 500px;}
div.cms-guestbook-div-insert tr {background:#fff;}
div.cms-guestbook-div-insert tr.odd {background:#fff;}
div.cms-guestbook-div-insert tr td {padding:8px;}

img.captchapict {display:block; margin:0.5em auto;}