/*
Theme Name: FreeBit
Theme URI: http://freebit.cz/
Description: WordPress vzhled pro stránky <a href="http://freebit.cz">Freebit.cz</a>.
Version: 1.0
Author: Robert Škramlík
Author URI: http://www.skramlik.cz/
Tags: green, fixed width, two columns, widgets
*/
body {
  background: url('images/bodybg.png') repeat-x #aede1f;
  font: 12px Verdana, Tahoma, sans-serif;
}

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

strong {
  font-weight: bold;
}

h1 {
  font-size: 1.5em;
  font-weight: bold;
}

a:hover {
  color: #8db506;
}

#wrapper {
  width: 900px;
  background: url('images/bg.png') no-repeat center top;
  padding: 23px 50px;
  margin: 0 auto;
}

#header h1 a, #header h2 a {
  display: block;
  height: 46px;
  width? 157px;
}

#header h1.blogname {
  background: url('images/freebit.png') no-repeat center center;
  float: left;
  height: 46px;
  text-indent: -9999px;
  width: 157px;
}

#header h2.blogname {
  background: url('images/freebit.png') no-repeat center center;
  float: left;
  height: 46px;
  text-indent: -9999px;
  width: 157px;
}

#header h2 {
  float: left;
  height: 41px;
  line-height: 41px;
  margin-left: 5px;
}

#header .quicknav {
  color: #fff;
  text-align: right;
}

#header .quicknav a {
  color: #fff;
}

#header #search {
  float: right;
}

#header #search input {
  font-style: italic;
}

#header #search .submit {
  background: url('images/search.png');
  border: 0;
  width: 23px;
  height: 19px;
  margin-left: 5px;
  cursor: pointer;
}

#container {
  background: #fff;
  margin-top: 10px;
  padding: 5px;
  text-align: left;
}

#showcase {
  background: #323231;
  height: 200px;
  width: 890px;
  margin-bottom: 5px;
}

#promo {
  width: 640px;
  float: left;
}

#promo2 {
  color: #fff;
  background: #fff;
  width: 245px;
  height: 200px;
  float: right;
}

#promo .item {
  position: relative;
  background: #fff;
  margin: 5px 0 5px 5px;
  width: 385px;
  height: 190px;
  float: left;
  border-right: 5px solid #b6e026;
}

#promo .item .img {
  text-align: center;
  overflow: hidden;
}

#promo .item .img img {
  max-height: 190px;
  max-width: 385px;
}

#promo .item .block {
  position: absolute;
  height: 40px;
  width: 100%;
  top: 150px;
}

#promo .item .block h2 {
  background: #ccc;
  opacity: 0.7;
  filter: alpha(opacity=70);
  font: 14px Tahoma;
  line-height: 40px;
  height: 40px;
  padding-left: 14px;
  font-weight: bold;
}

#promo .item .block h2 a:hover {
}

#promo ul {
  float: left;
}

#promo ul li {
  border-bottom: 1px solid #5b5b5a;
  color: #fefefe;
  font: 13px Tahoma;
  height: 38px;
  width: 245px;
  line-height: 38px;  
}

#promo ul li:last-child {
  border: 0;
}

#promo ul li a {
  color: #fefefe;
  padding-left: 15px; 
}

#promo ul li a:hover {
  color: #8db506;
  background: url('images/promo_arrow.png') no-repeat 0 60%;
}

#promo ul li a.active {
  color: #8db506;
  background: url('images/promo_arrow.png') no-repeat 0 60%;
}

#main {
  width: 645px;
  float: left;
}

#container #navigation {
  background: url('images/bg_navigace.png');
  margin-bottom: 5px;
  height: 40px;
}

#container #navigation ul {
  display: inline;
  height: 40px;
}

#container #navigation ul li {
  background: url('images/nav_divider.png') no-repeat right;
  display: block;
  float: left;
  height: 40px;
  line-height: 40px;
  text-align: center;
}

#container #navigation ul li a {
  font-size: 12px;
  padding: 13px 30px; 
}

#container #navigation ul li a:hover {
  padding: 13px 30px;
  background: url('images/nav_arrow.png') no-repeat center;  
}

#main .post {
  margin-bottom: 10px;
}

#main .post .meta {
  background: #323231;
}

#main .post h2 {
  background: url('images/bg_nadpis.png');
  color: #565858;
  font: 14px Tahoma;
  height: 30px;
  line-height: 30px;
  padding: 0 23px; 
}

#main .post .meta a {
  color: #fff;
}

#main .post .meta a:hover {
  color: #B6E026;
}

#main .post .meta span.date {
  background: url('images/kalendar.png') no-repeat;
  color: #fff;
  font: 11px Tahoma;
  height: 25px;
  line-height: 25px;
  margin: 0 0 0 23px;
  padding: 0 21px; 
}

#main .post .meta span.comments {
  background: url('images/komentar.png') no-repeat;
  color: #fff;
  font: 11px Tahoma;
  height: 25px;
  line-height: 25px;
  padding: 1px 0px 2px 21px; 
}

#main .post .meta span.categories {
  background: url('images/categories.png') no-repeat;
  color: #fff;
  font: 11px Tahoma;
  height: 25px;
  line-height: 25px;
  margin: 0 0 0 23px;
  padding: 1px 0px 2px 21px; 
}

#main .post .entry {
  background: #fff;
  border: 2px solid #323231;
  border-top: 0;
  min-height: 225px;
  padding: 20px;
}

#main .post .entry img.thumb {
  max-height: 190px;
  max-width: 385px;
  overflow: hidden;
  float: left;
}

#main .post .entry img {
  margin: 20px;
}

#main .post .entry p {
  color: #323231;
  font: 12px Verdana, sans-serif;
  padding: 10px 0;
}

#main .post .entry ul, #main .post .entry ol {
  padding: 5px;
}

#main .post .entry ul li {
  padding: 5px;
  list-style-type: disc;
  list-style-position: inside;
}

#main .post .entry ol li {
  padding: 5px;
  list-style-type: decimal;
  list-style-position: inside;
}
 
#main .post .more {
  background: #b6e026;
  color: #323231;
  float: right;
  font: 12px Verdana, sans-serif;
  padding: 5px 20px;
  position: relative;
  top: -24px;
}

#main #pagination {
  color: #fff;
}

#main #pagination .older a {
  color: #fff;
  padding: 5px 10px 5px 30px;
  background: url('images/pagination_back.png') no-repeat 10px #323231;
}

#main #pagination .newer a {
  color: #fff;
  padding: 5px 30px 5px 10px;
  background: url('images/pagination_forward.png') no-repeat 100px #323231;
}

#sidebar {
  width: 240px;
  float: right;
}

#sidebar h3 {
  background: #b9e72a url('images/bubbles.png') no-repeat 95% center;
  font-size: 14px;
  color: #575756;
  line-height: 30px;
  margin: 5px 0;
  padding: 0 10px;
}

#sidebar ul li {
  font-size: 13px;
  padding: 0 10px;
  line-height: 18px;
}

#sidebar ul li a:hover {
  color: 
}

.clear {
  clear: both;
}

/* Basics */

.alignleft {
  float: left;
}

.alignright {
  float: right;
}

#subfooter {
  margin: 20px 0;
}

#subfooter .widget h3 {
  color: #fff;
}

#subfooter .widget {
  width: 286px;
  padding: 0 5px;
  float: left;
}

#subfooter .widget_tag_cloud {
  font-family: Georgia, serif;
}

#subfooter .widget h3 {
  font-family: Verdana, Tahoma, sans-serif;
  background: #323231;
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
}

#subfooter .widget ul li {
  font-size: 13px;
  line-height: 18px;
  padding: 0 10px;
}

#footer {
  margin: 20px 0;
  width: 900px;
}

#footer ul {
  display: inline;
}

#footer ul li {
  display: block;
  float: left;
  margin: 0 5px
}

#footer ul li a {
  padding: 5px 10px;
}

#footer ul li a:hover {
  background: #323231;
  color: #fff;
}

/** Comments **/

#main #comments, #respond h3 {
	font-size:19px;
	font-style:italic;
	font-weight:normal;
	color:#323231;
	padding-bottom:5px;
}

#main .navigation, #respond {
}

#main .commentlist li {
	background-color:#B6E026;
	clear:both; 
	display:block;
	width:623px;
	padding:7px;
	margin-bottom:7px;
	overflow:hidden;
	border:1px solid #323231;
}

#main .commentlist li .avatar { 
	float: left;
	border: 1px solid #eee;
	padding: 2px;
	background: #ffffff;
	margin-right:5px;
}

#main .commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
}

#main .commentlist p {
	clear:both;
	line-height: 1.5em;
}

#main #commentform input, #commentform textarea {
	background-color:#D6E0B4;
	color:#323231;
	font:normal 12px Georgia,"Times New Roman","Bitstream Charter",Times,serif;
	border:1px solid #dce9f3;
	padding:6px;
}

#main #commentform p {
	margin-bottom:6px;
}

#main #commentform #submit {
	background-color:#B6E026;
	font-size:18px;
	font-style:italic;
	color:#323231;
	padding:0 6px;
	height:37px;
	line-height:37px;
}

#main #commentform textarea { width:623px; }