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

body { 
	color: #252525; background: #fff;
	font: normal 62.5% Arial, Helvetica, sans-serif;
}

a { color: #252525; font-weight: bold; text-decoration: none; }
a:hover, a:active, a:focus { color: #780000; text-decoration: underline; }

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

.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-size: 0;
}

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

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

#holder{
	position: relative;
	min-width: 421px; max-width: 1263px;
	margin: 0 auto;
}

#header{
	position:relative;
	margin: 0 0 40px 0; padding: 30px 0 2px 0;
	background: url(../img/bg-header.png) no-repeat 50% 100%;
}

#social{
	position:absolute;
	top:10px; right:0;
	text-align:right;
}

#content.cols-3{
	margin: 0 0 20px 0;
	background: url(../img/bg-cols-3.png) repeat-y 0 0;
}
	.cols-3 .col{
		float: left; display: inline;
		width: 400px;
		margin: 0 1px 0 0; padding: 0 10px;
	}

#content.cols-2{
	margin: 0 0 20px 0;
	background: url(../img/dot.png) repeat-y 50% 0;
}
	.cols-2 .col{
		float: left; display: inline;
		width: 50%; min-width: 420px;
	}
	.cols-2 .col-2{
		width: 402px;
	}

#footer{ 
	padding: 6px 0;
	border-top: 1px solid #e5e5e5;
}

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

/* =========================== skiplinks ============================ */

#skiplinks{ position: absolute;	top: 0; left: 0; height: 1.5em; list-style: none; }
#skiplinks a{ position: absolute; left: -9999px; font-size: 0; white-space: nowrap; }
#skiplinks a:active, #skiplinks a:focus { top: 0; left: 0; font-size: 1.2em; }

/* ========================= end skiplinks ========================== */

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

h1{
	float: left;
}

#navigation{
	float: right;
	min-width: 420px;
	padding: 23px 0 0 0;
}
#navigation h2{
	float: left; position: relative; display: inline;
	height: 21px;
	margin: 0 0 0 15px;
}
#navigation h2.h2-kategorie{ width: 84px; }
#navigation h2.h2-archiwum{ width: 89px; }
#navigation h2 span{
	position: absolute;
	width: 100%; height: 100%;
}
#navigation h2.h2-kategorie span{ background: url(../img/h2-kategorie.png) no-repeat 0 0; }
#navigation h2.h2-archiwum  span{ background: url(../img/h2-archiwum.png) no-repeat 0 0; }
#navigation .select{
	float: left; position: relative;
	width: 160px; height: 20px;
	border-bottom: 1px solid #bebebe;
	font-size: 1.2em;
	overflow: hidden;
}
#navigation .select:hover{
	height: auto;
	overflow: visible;
}
#navigation ul{
	position: absolute;
	width: 158px;
	background: #fff url(../img/bg-nav.png) no-repeat 100% 0;
	border: 1px solid #bebebe;
}
#navigation .select:hover ul{
	background: #fff;
}
#navigation ul li a{
	display: block;
	padding: 3px;
}
#navigation ul li a:hover,
#navigation ul li a:focus,
#navigation ul li a:active{
	background: #e7e7e7;
}

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

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

.excerpt .date{
	float: right; display: inline;
	margin: 0 0 10px 0; padding: 3px 5px;
	color: #fff; background: #595959;
	font-size: 0.9em; font-weight: bold; text-transform: uppercase;
}
.excerpt h2{
	clear: both;
	height: 2.4em;
	margin: 0 0 10px 0;
	font-size: 2.6em; font-weight: normal; text-align: right;
}
.excerpt h2 a{
	font-weight: normal;
}
.excerpt .thumb{
	display: block;
	border: 1px solid #959595;
}
.excerpt .thumb:hover,
.excerpt .thumb:focus,
.excerpt .thumb:active{
	border: 1px solid #780000;
}
.excerpt .text{
	min-height: 2.8em;
	margin: 0 0 15px 0; padding: 15px 0;
	font-size: 1.4em; font-weight: bold; line-height: 1.4;
	border-bottom: 1px solid #c7c7c7;
}
.excerpt .more-link{
	float: right; display: inline;
	margin: 0 0 0 15px; padding: 6px 9px;
	font-size: 1.4em; font-weight: bold; text-transform: lowercase;
	color: #fff; background: #780000;
	border: 1px solid #780000;
}
.excerpt .more-link:hover,
.excerpt .more-link:focus,
.excerpt .more-link:active{
	color: #780000; background: #fff;
	text-decoration: none;
}
.excerpt .meta{
	font-size: 1.1em; line-height: 1.3;
}

.cols-2 .col .meta{
	padding: 0 10px 0 0;
}
.cols-2 .col .post{
	padding: 0 0 0 25px;
}

.meta .date{
	float: right; display: inline;
	margin: 0 0 10px 0; padding: 3px 5px;
	color: #fff; background: #595959;
	font-size: 1.1em; font-weight: bold; text-transform: uppercase;
}
.meta h2{
	clear: both;
	margin: 0 0 40px 0;
	font-size: 4em; font-weight: normal; text-align: right;
}
.meta h2 a{
	font-weight: normal;
}
.meta h3{
	clear: both;
	color: #863434;
	font-size: 1.8em; font-weight: normal; text-align: right;
}
.meta .categories{
	margin: 0 0 40px 0;
	font-size: 1.4em; text-align: right;
}
.meta .tags{
	float: right;
	width: 400px;
	margin: 0 0 65px 0;
	font-size: 1.4em; text-align: right;
}

#commentlist{
	float: right;
	width: 400px;
	margin: 20px 0 40px 0;
}
#commentlist li{
	margin: 0 0 20px 0;
}
#commentlist .comment-text{
	padding: 15px 15px 20px 15px;
	font-size: 1.2em; font-style: italic; text-align: right; line-height: 1.3;
	vertical-align: text-bottom;
	background: url(../img/bg-comment.png) no-repeat 100% 100%;
}
#commentlist .comment-text img{
	display: inline;
}
#commentlist cite{
	display: block;
	padding: 5px 15px 0 0;
	font-size: 1.4em; font-weight: bold; text-align: right;
}

#commentform{
	margin: 15px 0 0 0;
}
#commentform p{
	margin: 0 0 10px 0;
	font-size: 1.4em;
	text-align: right;
}
#commentform .fieldwrap{
	margin: 0 0 10px 0;
}
#commentform .text,
#commentform textarea{
	float: right;
	width: 250px;
	padding: 3px;
	font: normal 1.4em Arial, Helvetica, sans-serif;
	border: 1px solid #939393;
}
#commentform textarea{
	width: 400px;
}
#commentform .text:hover,
#commentform textarea:hover{
	border: 1px solid #780000;
}
#commentform .text:focus,
#commentform .text:active,
#commentform textarea:focus,
#commentform textarea:active{
	border: 1px solid #780000;
	background: #fff7da;
}
#commentform label{
	float: right;
	padding: 5px;
	font-size: 1.2em; text-align: right;
}
#commentform .submit{
	float: right; display: inline;
	margin: 0 0 0 15px; padding: 6px 9px;
	font: bold 1.4em Arial, Helvetica, sans-serif; text-transform: lowercase;
	color: #fff; background: #780000;
	border: 1px solid #780000;
	cursor: pointer;
}
#commentform .submit:hover,
#commentform .submit:focus,
#commentform .submit:active{
	color: #780000; background: #fff;
	text-decoration: none;
}

.post{
	width: 402px;
	font-size: 1.4em; line-height: 1.3;
}
.post img{
	margin: 0 0 10px 0;
	border: 1px solid #939393;
}
.post a:hover img,
.post a:focus img,
.post a:active img{
	color: #8d0000;
	border: 1px solid #780000;
}
.post p{
	margin: 0 0 15px 0;
}
.post ul{
	margin: 0 0 20px 2em;
	list-style: disc;
}
.post ol{
	margin: 0 0 20px 2em;
	list-style: decimal;
}

.post .left {
	float: left;
	margin: 0 13px 0 0;
}
.post .right {
	float:right;
	margin: 0 0 0 13px;
}

.post .wp-smiley {
	display:inline;
	margin: 0;
	border:none;
}

.wp-smiley {
	display:inline;
	margin: 0;
	border:none;
}

.wp-caption-text {
	text-align:center;
	font-style:italic;
	color:#666;
}

.post h3
	{
	font-size:1.33em;
	color:#999;
	padding:25px 0 15px 0;
		}

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

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

#sub-nav .next{
	float: right; display: inline;
	margin: 0 10px 6px 0; padding: 3px 0 3px 10px;
	font-size: 2.4em; font-weight: bold; text-transform: lowercase;
	color: #525252;
	border-left: 1px solid #e5e5e5;
}
#sub-nav .prev{
	float: left; display: inline;
	margin: 0 0 6px 10px; padding: 3px 10px 3px 0;
	font-size: 2.4em; font-weight: bold; text-transform: lowercase;
	color: #525252;
	border-right: 1px solid #e5e5e5;
}
#sub-nav a{
	color: #525252;
}
#sub-nav a:hover, 
#sub-nav a:active, 
#sub-nav a:focus { 
	color: #780000;
}

#legal{
	max-width: 670px;
	margin: 0 auto; padding: 5px 0 0 0;
	font-size: 1.1em; text-align: center;
	color: #4c4c4c;
}

#copyright{
	clear: both;
	padding: 8px 0 0 0;
	color: #4c4c4c; background: url(../img/bg-header.png) no-repeat 50% 0;
	font-size: 1.1em; font-weight: bold; text-align: center;
}

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