/*
Theme Name: TričkoBlog Default
Theme URI: http://trickoblog.cz/
Description: Custom theme for trickoblog.cz.
Version: 1.0
Author: Brainz.cz
Author URI: http://brainz.cz/
Tags: white, custom header, fixed width, two columns, widgets

Brainz.cz
http://brainz.cz/

This theme was designed by Zdeněk Krejčí (http://www.wert.cz)
and built by Láďa Durchánek for Brainz.cz (http://www.brainz.cz)

*/

* {
  padding: 0;
  margin: 0;
}

html {
  font-family: 'Arial', sans-serif;
  font-size: 100%;
  line-height: 1.125em;
}

/* Basic font size 12px; */
body {
  background-color: #f7f7f7;
  font-size: 0.75em;
}

h1.img {
  font-size: 0px;
  line-height: 0px;
  text-indent: -2000px;
  overflow: hidden;
  background: url('images/logo.gif') no-repeat;
  width: 417px;
  height: 60px;
  margin: 25px 0 20px;
}

h2 {
  font-size: 1.3333em;
}

a {
  color: #000;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

img {
  border: 0;
}

ul {
  /*margin-left: 30px;*/
}

/* Common classes */
.hr {
  height: 1px;
  clear: both;
  background-color: #dedede;
}

hr {
  display: none;
}

.clearer {
  clear: both !important;
  float: none !important;
  line-height: 0 !important;
  font-size: 0;
  overflow: hidden;
  height: 0;
}

a.feed {
  background: url('images/rss.gif') left center no-repeat;
  padding-left: 30px;
}

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

#header {
  padding-right: 6px;
}

#links-and-login {
  font-size: 0.833em; /* 10px / 12px */
}

#header-links {
  float: left;
}

#header-links span {
  background: url('images/top-linkgs-divider.gif') no-repeat;
  padding: 1px;
  margin: 0 12px 0 15px;
}

#login {
  float: right;
}

#main-menu {
  float: left;
  margin-top: 3px;
}

.menu li {
  float: left;
  list-style-type: none;
}

#main-menu li {
  font-size: 1.1667em;
  font-weight: bold;
  margin-right: 40px;
}

#search {
  float: right;
}

#search input {
  border: 1px solid #c1c1c1;
  color: #333333;
  font-size: 0.971667em;
  padding: 0.2727em 4px;
}

#header .hr {
  margin-top: 10px;
}

#featured-posts {
  margin-bottom: 25px;
}

#featured-posts .top {
  background: url('images/featured-posts-top.gif') no-repeat;
  height: 9px;
  overflow: hidden;
}

#featured-posts .bottom {
  background: url('images/featured-posts-bottom.gif') no-repeat;
  height: 11px;
}

#featured-posts .content-holder {
  background: url('images/featured-posts-right.gif') repeat-y top right;
  padding-right: 7px;
}

#featured-posts .gradient {
  background: #eeeeee url('images/featured-posts-background.gif') repeat-x;
  padding: 16px 0 5px
}

#featured-posts .content {
  background: url('images/featured-posts-borders.gif') repeat-y;
  /* set hasLayout to display background for IE6 */
  _height: 100%;
}

#featured-posts .post {
  float: left;
  width: 224px;
  padding: 0 9px 5px;
}

#featured-posts h2 {
  font-size: 1.6667em !important;
}

#featured-posts .post img, #featured-posts .post h2, #featured-posts .post p {
  margin-bottom: 10px;
}

#featured-posts .post p {
  font-style: italic;
  color: #4e4e4e;
}

#featured-posts .post a {
  color: #bd2579;
  font-weight: bold;
  font-style: italic;
}

#posts h2, #top-design h2, #widgets h2 {
  font-size: 1.333em;
}

#posts h2, #top-design h2, #authors h2 {
  border-bottom: 1px solid #DEDEDE;
  line-height: 1.25em;
}

#posts .content h2 {
  border-bottom: none;
}

#content {
  float: left;
}

.frontpage {
  width: 482px;
}

.subpage {
  width: 711px;
  margin-top: 25px;
}

#content h1 {
  font-size: 1.8333em;
  _line-height: 1.25em;
}

#posts .hentry {
  margin-top: 16px;
}

.post .content-holder, #comments.content-holder {
  padding-right: 4px;
  background: url('images/box-right-shadow.gif') right 0 repeat-y;
}

.subpage .post .content-holder {
  width: 707px;
}

.post .content {
  background: #fff;
  padding: 13px;
}

.post .entry a {
  color: #bd2579;
}

#posts .entry {
  font-style: italic;
}

.entry .author-date {
  float: left;
  font-size: 0.75em;
}

.attached-image {
  margin-bottom: 15px;
}

.post h2, .post h3 {
  font-size: 2em !important;
  line-height: 1.125em;
}

.author-date {
  display: block;
  margin-bottom: 10px;
  color: #838383;
}

.author-date span {
  color: #000;
}

#posts .more-link {
  color: #000000;
  font-weight: bold;
  float: left;
}

#posts .more-link, #posts .postmetadata {
  margin-top: 10px;
}

#posts .postmetadata {
  float: right;
  text-align: right;
}

.tags {
  margin-top: 10px;
}

.comments-count {
  background: url('images/comments-count.gif') left center no-repeat;
  padding-left: 14px;
  font-weight: bold;
  font-size: 1.16667em;
}

.comments-count {
  color: #000 !important;
} 

.ratings-count {
  font-size: 1.16667em;
}

.post .bottom, #comments .bottom {
  background: url('images/post-category-bottom.gif') no-repeat;
  height: 6px;
}

.frontpage .post .bottom {
  background: url('images/post-list-bottom.gif') no-repeat;
  height: 6px;
}

#sidebar {
  float: left;
}

#top-design {
  float: left;
  margin-left: 6px;
  width: 223px;
}

#top-design .list {
  margin-top: 16px;
}

#top-design .content-holder {
  padding-right: 4px;
  background: url('images/box-right-shadow.gif') 219px 0 repeat-y;
}

#top-design .content {
  background: #fff;
  padding: 8px 13px 13px;
}

#top-design .entry img {
  margin: 5px 0;
}

#top-design .content .hr {
  margin-top: 5px;
}

#top-design .bottom {
  float: left;
  background: url('images/top-design-bottom.gif') top left no-repeat;
  width: 223px;
  height: 6px;
}

#widgets {
  float: left;
  margin-left: 6px;
  width: 250px;
}

#widgets .hr {
  margin-bottom: 18px;
}

#widgets .ad {
  margin-bottom: 18px;
}

#widgets #stay-in-touch ul {
  margin-top: 15px;
}

#widgets #stay-in-touch li {
  list-style-type: none;
  margin-top: 5px;
}

#last-comments, #authors, #related-posts {
  margin: 25px 0 0 6px;
  width: 250px;
}

#last-comments h2 {
  margin-bottom: 15px;
}

#last-comments img {
  float: left;
}

#last-comments .content {
  margin-left: 90px;
}

#last-comments .content {
  font-size: 0.8333em;
}

#last-comments .content small {
  font-size: 1em;
  color: #999999;
}

#last-comments .content p {
  font-weight: bold;
  line-height: 1.125em;
}

#last-comments .content p a {
  color: #bd2579;
}

#last-comments .hr {
  margin: 10px 0;
}

#related-posts h3 {
  margin-top: 10px;
}

#related-posts {
  margin-bottom: 15px;
}

#related-posts .author-date {
  margin-bottom: 5px;
}

#authors h2 {
  margin-bottom: 10px;
}

#widgets #authors {
  margin: 0;
}

#widgets #authors h2, #last-comments h2 {
  border-bottom: 1px solid #DEDEDE;
}


#authors .user {
  float: left;
  margin: 0 10px 10px 0;
}

#post {
  font-size: 1.16667em;
  padding: 13px 13px 26px;
}

#post .navigation {
  margin-bottom: 13px;
  font-size: 0.75em;
}

.navigation .alignleft {
  float: left;
}

.navigation .alignright {
  float: right;
}

#post h1 {
  margin-bottom: 5px;
  float: left;
  line-height: 100%;
}

#post #comments-and-rating {
  float: right;
}

.entry p {
  margin-bottom: 5px;
}

.entry .wp-caption {
  background-color: #EBEBEB;
  font-size: 0.8333em;
  text-align: center;
  padding: 10px 5px 5px;
}

.entry .wp-caption img {
  margin-bottom: 5px;
}

.entry .wp-caption p {
  margin-bottom: 0;
}

.entry .alignnone {
  margin: 10px 0;
}

.entry .alignleft {
  float: left;
  margin: 0 10px 10px 0;
}

.entry .alignright {
  float: right;
  margin: 0 0 10px 10px;
}

.entry .gallery {
  margin-top: 10px;
  font-size: 0.75em;
  line-height: 1.25em;
}

.entry .gallery-row {
  margin-bottom: 10px !important;
}

.gallery img {
  border: 1px #ccc solid;
  padding: 1px !important;
}

.gallery a {
  color: #000 !important;
}

.sociable_tagline {
  clear: both;
  font-size:1.16667em;
  font-weight: bold;
  margin-bottom: 5px;
}

.gallery .gallery-caption {
  width: 150px;
  margin: 0 auto;
}

.tags {
  font-size: 0.83333em;
}

#post .tags {
  margin: 0 0 10px;
}

.tags a {
  font-weight: bold;
}

#comments {
  margin-top: 10px;
}

#comments .hr {
  margin: 20px 0;
  background: transparent url('images/dashed-line.gif') repeat-x;
}

#comments .content {
  background-color: #ebebeb;
  padding: 25px 20px 30px;
}

li.comment {
  list-style-type: none;
}

.comment .avatar-holder {
  float: left;
  width: 65px;
}

.comment .comment-content {
  overflow: hidden;
  position: relative;
  float: left;
  width: 602px;
}

.comment-text {
  font-size: 0.91667em; /* 11px / 12px */
  line-height: 1.125em;
}

#commentform input, #commentform textarea {
  padding: 3px 4px;
}

#commentform #submit {
  padding: 0 4px;
}

#respond h3 {
  margin-bottom: 5px;
}

#commentform p {
  margin-bottom: 4px;
}

#footer {
  margin: 20px 6px 0 0;
  background: #d1d1d1;
  padding: 7px 13px;
  font-weight: bold;
}

#footer li {
  margin-right: 25px;
}

#footer .copyright {
  margin-right: 75px;
}

#footer li a {
  color: #616161;
}