@charset "utf-8";
/* RESET CSS */
  html,body,h1,h2,h3,h4,h5,h6,p,address,img,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: normal;font-size: 100%; font-family: Arial, Georgia, sans-serif; vertical-align: baseline;}
  /* tables still need 'cellspacing="0"' in the markup */
  table {border-collapse: collapse;border-spacing: 0;}
  caption, th, td {text-align: left;font-weight: normal;}
  ol, ul {list-style: none;}
  input, textarea, select { font-family: Arial, Verdana, sans-serif; font-size: 100%; color: #aaa}
  body {min-width: 980px; font-family: Arial, Verdana, sans-serif; font-size: 12px; line-height: 160%; background: #000 url('images/body-bg.jpg') fixed top center; color: #888;}

  a span {cursor: pointer;}

  input.hidden {display: none !important;}

  .clear {display: block; clear:both; height:0px; line-height:0px; font-size:0px;}
  .no {display: none !important;}

  hr {display: none;}

/* konec RESET CSS */

/* MRIZKA WEBU */
  #header {height: 115px; background: url(images/header-bg.jpg) top center repeat-x;}
  #header .nav {position: relative; width: 958px; height: 115px; margin: 0 auto;}
  #header .nav .nutcase {display: block; position: absolute; top: 0; left: 0; width: 140px; height: 61px;}
  #header .nav .nutcase span {background-image: url(images/logo-nutcase.jpg);}
  #header .nav .news {display: block; position: absolute; top: 0; left: 180px; width: 200px; height: 112px;}
  #header .nav .news span {background-image: url(images/logo-news.jpg);}
  #header .nav .snickers {display: block; position: absolute; top: 0; right: 0px; width: 150px; height: 34px; padding: 18px 120px 10px 0; line-height: 12px; color: #888; background: url(images/logo-snickers.jpg) no-repeat top right; text-transform: uppercase; font-size: 10px;}


  #page {width: 958px; margin: 0 auto;}

  #content {float: left; position: relative; width: 658px; padding-top: 50px;}
  #sidebar {float: left; width: 300px; padding-top: 50px}
  #sidebar .categories {margin-bottom: 30px;}

  #footer {height: 40px; margin: 20px 0; background: url(images/footer-bg.jpg) #000 no-repeat center left;}

  .goBack {position: fixed; top: 167px; left: 0px; width: 76px; height: 30px;}
  .goBack a {display: block; width: 100%; height: 100%; line-height: 30px; background: url(images/back.jpg) no-repeat; text-align: center;}

/* konec MRIZKA WEBU */

/* TXT */
  h2 {font-size: 24px; font-weight: normal; font-family: Arial, sans-serif; line-height: 120%; letter-spacing: -0.2px; color: #6adffd;}
  h3, h4 {letter-spacing: -0.2px; }
  a {color: #6adffd; text-decoration: none;}
  a:hover {text-decoration: underline;}
/* konec TXT */

/* IMAGE REPLACEMENT */
  .ir {display: block; position: relative;}
  .ir span {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-repeat: no-repeat; background-position: top left;}
  a.ir:hover span {background-position: bottom left;}
/* konec IMAGE REPLACEMENT */

/* VYPIS CLANKU */
  .blog .post {margin-bottom: 30px;}
  .blog .post .myThumb a {display: block; position: absolute; top: 0; left: 0; width: 160px; height: 80px; padding: 1px 15px 16px 1px; background: url(images/thumb-bg.png) no-repeat top left;}
  .blog .post h2 {padding-left: 200px; font-size: 18px;}
  .blog .post .time {margin-bottom: 0px; padding-left: 200px;}
  .blog .post p, .blog .post .myThumb p {padding-left: 200px;}

  .archive h2 {margin-bottom: 30px;}
  .archive .post {margin-bottom: 30px;}
  .archive .post .myThumb a {display: block; position: absolute; top: 0; left: 0; width: 160px; height: 80px; padding: 1px 15px 16px 1px; background: url(images/thumb-bg.png) no-repeat top left;}
  .archive .post h3 {padding-left: 200px; font-size: 18px;}
  .archive .post .time {margin-bottom: 0px; padding-left: 200px;}
  .archive .post p, .archive .post .myThumb p {padding-left: 200px;}

/* konec VYPIS CLANKU */

/* DETAIL CLANKU */
  .post {position: relative; padding-right: 60px;}
  .post .time {margin-bottom: 40px;}

  .post .entry p {padding: 10px 0 10px 0; font-size: 14px;}

  .post a.piclenselink {width: 49px; height: 34px;}
  .post .piclenselink img {display: block; width: 49px; height: 14px; margin: 10px 0;}
  .post .ngg-galleryoverview {margin-bottom: 10px;}
  .post .ngg-gallery-thumbnail img {padding: 0; border: 1px solid #1a1a1a;}
  .post .ngg-gallery-thumbnail a:hover img {padding: 0; border: 1px solid #888;}

  .post .fbconnect_share {text-align: left; border-top: 1px solid #1a1a1a;}

  h3#comments {overflow: hidden; position: relative; margin: 15px 0; text-indent: -10000px; background: url(images/comments-title.png) no-repeat top left;}

  .commentlist {padding-right: 60px;}

  li.comment {margin-top: 20px; padding: 15px; background-color: #0d0d0d; border: 1px solid #1a1a1a;}
  li.comment .comment-author {height: 40px;}
  li.comment cite, li.comment a.url {font-style: normal; font-size: 14px;}
  li.comment cite, li.comment .says {float: left; margin-right: 5px;}
  li.comment .time {display: block; float: right; width: 300px; text-align: right;}
  li.comment .time a {color: #959595;}

  li.comment .commentmetadata {width: 50px; height: 50px; float: right; padding: 8px 0 0 0;}
  li.comment p {float: left; width: 490px; padding-top: 5px;}

  h3.commentAdd {overflow: hidden; position: relative; margin: 35px 0 15px 0; text-indent: -10000px; background: url(images/comment-add.png) no-repeat top left;}

  #commentform {padding: 10px 0 30px 0;}
  #commentform input {width: 198px; margin-top: 10px; background-color: #0d0d0d; border: 1px solid #1a1a1a;}
  #commentform textarea {width: 598px; margin-top: 10px; background-color: #0d0d0d; border: 1px solid #1a1a1a;}
  #commentform #submit {width: 128px; height: 38px; margin-left: 250px; border: none;}

  #captchaImgDiv {position: relative; height: 70px;}
  #captchaImgDiv .captchaImage {position: absolute; top: 0; right: 0; width: 260px; height: 70px; }

/* konec DETAIL CLANKU */


/* FACEBOOK */
  .fbconnect_head_share {position: absolute; top: 5px; right: 10px; width: 150px; height: 30px;}
/* konec FACEBOOK */

/* FOOTER */
  #footer .twofresh {display: block; float: right; width: 40px; height: 40px; padding-right: 30px; line-height: 40px; background: url(images/logo-2fresh.jpg) no-repeat top right; color: #000; font-size: 11px; font-weight: bold;}
  #footer .twofresh:hover {color: #6adffd; background-position: bottom right; text-decoration: none;}

/* konec FOOTER */