/* ============================ common ============================== */

body { 
	color: #3b3b3b; background: #f3f0f0 url(../img/bg-body.png) repeat-y -6px 0;
	font: normal 62.5% "Segoe UI", Helvetica, "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, Arial, sans-serif;
}

a{ color: #541e3d; text-decoration: none; }
a:hover, a:active, a:focus { text-decoration: underline; }

img 	{ display: block; }
a img 	{ border: none; }
a span	{ cursor: pointer; }
strong 	{ font-weight: bold; }
em 		{ font-style: italic; }
cite	{ font-style: normal; }

/* forms */
textarea,
input{
	padding: 2px;
	font: normal 1em "Segoe UI", Helvetica, "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, Arial, sans-serif;
	border: 1px solid #e9e4e4; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
	color: #3b3b3b; background: #f9f6f6;
}
textarea{ width: 98%; }
textarea:hover,
input:hover,textarea:active, textarea:focus, 
input:active, input:focus{ border: 1px solid #a28796;  }
input#submit,
input.sendbutton{ 
	padding: 2px 5px; 
	color: #fff; background: #a28796; 
	border: 1px solid #a28796; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
	font: normal 1em "Segoe UI", Helvetica, "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, Arial, sans-serif;
	text-transform: uppercase;
}
input#submit:hover,
input.sendbutton:hover{
	border: 1px solid #541e3d;
}
input#submit:active, input#submit:focus,
input.sendbutton:active, input.sendbutton:focus{ 
	border: 1px solid #541e3d;
	color: #fdfcdc;
}

.clearfix:after {
	clear: both;
	display: block; visibility: hidden;
	height: 0;
	content: ".";   
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.aural{
	position: absolute;
	left: -2007px;
	font: 0;
}

/* ========================== common end ============================ */

/* ============================ layout ============================== */

#content{
	float: left; display: inline;
	width: 712px;
	margin: 0 0 0 15px; padding: 10px 0;
}
#side-bar{
	float: left; display: inline;
	width: 236px;
	margin: 216px 5px 0 20px;
}

/* ========================== layout end ============================ */

/* ============================ header ============================== */

h1{
	position: absolute;
	top: 0; left: 754px;
}

/* ========================== header end ============================ */

/* ============================ content ============================= */

h2.pagetitle{
	margin: 0 28px 15px 28px;
	font-size: 3.6em;
	color: #100010;
}

.post{
	margin: 20px 29px 30px 28px; padding: 0 0 10px 0;
	border-bottom: 1px solid #c1bfbf;
}
.post .meta{
	margin: 0;
	font-size: 1.3em;
	color: #9e9c9c;
}
.post h2{
	margin: 0 0 15px 0;
	font-size: 3.6em;
	color: #100010;
}
.post h2 a{
	color: #100010;
}
.post h3{
	margin: 0 0 15px 0;
	font-size: 2em;
	color: #100010;
}
.post p{
	margin: 0 0 1em 0;
	font-size: 1.4em; line-height: 1.4;
}
.post ul{
	margin: 0 0 1em 2em;
	font-size: 1.4em; line-height: 1.4;
	list-style: disc;
}
.post ul{
	margin: 0 0 1em 2em;
	font-size: 1.4em; line-height: 1.4;
	list-style: decimal;
}
.post img{
	display: inline;
}
.post .comment-link{
	float: right;
	font-size: 1.5em;
}

.navigation{
	margin: 0 0 15px 0; padding: 15px 28px;
	font-size: 1.4em;
	color: #fff; background: #765769;
}
.navigation a{
	color: #fff;
}
.alignleft{
	float: left;
}
.alignright{
	float: right;
}

h3#comments{
	margin: 10px 28px 15px 28px;
	font-size: 2.4em;
	color: #100010;
}
.commentlist{
	margin: 0 28px 15px 28px;
}
.commentlist li{
	padding: 10px;
	background: url(../img/bg-comment.png) no-repeat 0 0;
}
.commentlist li.odd{
	background: #f3f0f2 url(../img/bg-comment.png) no-repeat 0 0;
}
.commentlist li .avatar { 
	float: right;
	padding: 2px;
	border: 1px solid #eee;
	background: #fff;
}
.commentlist .comment-author{
	font-style: normal; font-size: 1.3em;
	color: #9e9c9c;
}
.commentlist .comment-author .fn{
	color: #100010;
}
.commentlist .comment-meta{
	margin: 0 0 10px 0;
	font-style: normal; font-size: 1.2em;
	color: #9e9c9c;
}
.commentlist p {
	font-size: 1.3em; line-height: 1.4em;
}
.commentlist p img{
	display: inline;
}
.commentlist p code{
	font-family: monospace;
}

h3#respond{
	margin: 10px 28px 15px 28px;
	font-size: 2.4em;
	color: #100010;
}
#commentform{
	margin: 0 28px;
	font-size: 1.3em;
}
#commentform p{
	margin: 0 0 10px 0;
}


#side-bar h2{
	margin: 0 0 10px 0;
	color: #100010; background: url(../img/bg-h2.png) repeat-x 0 0;
}
#side-bar h2 span{
	float: left;
	padding: 5px 0;
	border-top: 1px solid #c3bebf;
	font-size: 1.1em; text-transform: uppercase;
}

.featured{
	margin: 0 0 18px 0;
}
.featured li{
	float: left;  display: inline;
	width: 52px; height: 52px;
	margin: 0 7px 7px 0;
}
.featured li a{
	display: block;
	width: 100%; height: 100%;
	text-indent: -2007px; overflow: hidden;
}
.featured li.feat-1 a{ background: url(../img/rzeczy-dla-dzieci.png) no-repeat 0 100%; }
.featured li.feat-2 a{ background: url(../img/kwestia-smaku.png) no-repeat 0 100%; }
.featured li.feat-3 a{ background: url(../img/grabarz.png) no-repeat 0 100%; }
.featured li.feat-4 a{ background: url(../img/wojtek.png) no-repeat 0 100%; }
.featured li.feat-5 a{ background: url(../img/miod-i-orzeszki.png) no-repeat 0 100%; }
.featured li.feat-6 a{ background: url(../img/franio-i-julka.png) no-repeat 0 100%; }
.featured li.feat-7 a{ background: url(../img/zoltan.png) no-repeat 0 100%; }
.featured li a:hover,
.featured li a:focus,
.featured li a:active{
	background-position: 0 0;
}

.gallery{
	margin: 0 0 18px 0;
}
.gallery li{
	float: left;  display: inline;
	margin: 0 5px 5px 0;
}
.gallery li:nth-child(3n),
.gallery li.last{
	margin-right: 0;
}

#searchform{
	margin: 0 0 25px 0; padding: 10px;
	background: #e4e1e1;
	-moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
}
#searchform .textbox{
	float: left; display: inline;
	width: 160px;
	padding: 3px;
	font-size: 1.3em;
}
#searchform .submit{
	float: right;
	padding: 0;
	border: 0;
	-moz-border-radius: 0; -khtml-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
}

.contact{
	margin: 0 0 25px 0;
	font-size: 1.4em; line-height: 1.4;
}

.blogroll{
	margin: 0 0 25px 0;
	font-size: 1.2em; line-height: 1.4;
}

.archive{
	margin: 0 0 25px 0;
	font-size: 1.2em; line-height: 1;
}
.archive li{
	margin: 0 0 5px 0;
	color: #908d8d;
}
.archive li a{
	float: left; width: 200px;
	background: url(../img/bg-archive.png) repeat-x 0 100%;
}

.post .updated, .post .error {
	margin: 0 0 15px 0;
	padding: 10px;
}

.updated, .login .message {
	background-color:#FFFFE0;
	border-color:#E6DB55;
}

.updated, .error {
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	border-style:solid;
	border-width:1px;
	margin: 5px 0 10px 0;
	padding: 10px;
}
.post .updated p{
	margin: 0;
}

.gplus{
	float: left;
	margin-right: 4px;
}
/* ========================== content end =========================== */

/* ============================= footer ============================= */



/* =========================== footer end =========================== */