/**
 * CSS Hacks
 */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

p.podpis {
	text-align: center;
} 
p.more {
	margin-top: 3px;
	font-weight: bold;
	color: red;
}

.pagination {
	clear: both;
	height: 40px;
}

.content span a {
	color: darkblue;
	text-decoration: bold;
	font-size: 12px;
}
.pagination li {
	list-style: none;
	display: inline;
}
	.pagination li a {
		border:1px solid #fff;
		margin-right:2px;
		padding: 3px 6px;
		float: left;
		display: block;
	}
	.pagination li a:hover{
		border: 1px solid #cc0000;
	}
	.pagination li.active {
		float: left;
		padding: 4px 6px;
		font-size:14px;
		font-weight:bold;
		border: 1px solid #cc0000;
	}
.previousPage, .nextPage {
	color: #333;
	display: block;
	float: left;
	padding: 3px 4px;
	border: 1px solid #fff;
}
.previousPage a, .nextPage a{
	color: #f2c800;
	padding: 0;
	float: none;
	border: none;
}



object {
	margin: 5px auto;
	display: block;
}

img {border: 0;}

#main img {
	display: block;
	border: 1px solid #ddd;
	background: #fff;
	padding: 4px;
	-moz-box-shadow: #ccc 0 1px 3px;
	-webkit-box-shadow: #ccc 0 1px 3px;
}

* {
	margin: 0;
	padding: 0;
}
a {
	color: #336699;
	text-decoration: none;
}

span a {
	color: red;
	text-decoration: bold;
	font-size: 18px;
}

p, li, .content, label, dl {
	font: 12px/1.5 Georgia, serif;
}
li {
	list-style: none outside none;
}

p {
	padding: 5px 0
}

h1 {font: bold 17px/1.2 Georgia, serif;}
h2 {
	font: 15px/28px Georgia, serif; 
	color:#CC0000;}
h3,
.topArticles .article h3,
.latestArticles .article h3,
.recommendedArticles .article h3,
.articlesListing .article h3,
.galleries .gallery h3 {
	font: 12px/1.2 Georgia, serif; padding-bottom: 4px;
	margin-top: 4px;
}
.article h3,
.gallery h3 {font: 22px/1.2 Georgia, serif; padding-bottom: 5px;}
.comments h3 {font-weight: bold;}

h4 {font: bold 12px/1.2 Georgia, serif;}

body {
	background: #eef;
}

.page {
	background: #fff;
	width: 1000px;
	border: 1px solid #ddd;
	margin: 10px auto 30px;
	padding: 15px 5px 10px;
	/*
	-moz-border-radius: 10px 10px;
	-webkit-border-radius: 10px 10px;
	*/
	-moz-box-shadow: #F00 0 6px 6px;
	-webkit-box-shadow: #F00 0 6px 6px;
}
.header {
	border-bottom: 3px solid #ddd;
	margin: 0 0 10px;
}
.widget {
	margin: 0 0 5px 0;
	background: #fff;
}
.menu li, .place li{
	list-style: none;
	border-bottom: 1px solid #ddd;
	padding: 3px 0;
}

#main {
	
}
#header {
	clear: both;
	position: relative;
	margin: 0 5px;
}
	#logo{
		
	}
	#mainMenu {
		display: inline;
		padding-left: 20px;
	}
	#mainMenu li {
		display: inline;
	}
	
		#extrasyDlaPW {
			position: absolute;
			top: -10px;
			right: 0;
			width: 230px;
		}
			#extrasyDlaPW p {
				font-size: 10px;
			}
			#searcher {
				
				width: 230px;
				
			}
			
	.photos {
			padding: 10px 0;
		}
			.photos li {
				width: 140px;
				height: 120px;
				float: left;
				display: inline;
				margin: 3px;
				border: 1px solid #eee;
				
				display: table; position: static;
				overflow: hidden; .position: relative;
			}
				.photos li a {
					display: block;
					text-align: center;
					
					display: table-cell; vertical-align: middle; position: static;
					.position: absolute; .top: 50%;
				}
				.photos li a:hover {
					background: #eee;
				}
					.photos li a img {
						border: 0;
						display: block;
						margin: auto;
						
						.position: relative; .top: -50%; .left: -50%;
					}


#top {
	float: left;
	width: 750px;
	display: inline;
	margin: 5px 5px 0;
	border-bottom: 1px solid #ddd;
}
	#top .featured {
		
	}
	#top .featured h4 {
		display: inline;
		clear: left;
		font: bold 10px/1.2 Georgia, serif;
	}
	#top .featured ul {
		display: block;
		margin-top: 3px;
		padding-top: 5px;
	}
	#top .featured li {
		display: inline;
		line-height: 1.0;
	}
	#top .featured li ul li {
		padding-left: 6px;
	}
	#top .featured li ul li a {
		white-space: pre;
		font: 10px/1.2 Georgia, serif;
	}
	.banner {
		
		clear: both;
	}

#connections {
	float: left;
	clear: left;
	width: 140px;
	display: inline;
	margin: 5px;
}
	#connections h2, #extraContent h2 {
		border-bottom: 3px solid #ddd;
		padding: 0;
		font-size:16px;
	}
	#connections .widget, #extraContent .widget {
		margin-bottom: 5px;
	}

	.calendar {
		margin-top: 10px;
	}
	.calendar th {
		padding: 2px 0;
		text-align: center;
		font: 11px/1.2 "Georgia";
		border-bottom: 1px solid #ddd;
	}
	.calendar td {
		text-align: center;
		font: 11px/1.5 "Georgia";
	}
	.calendar a {
		display: block;
		padding: 1px 0;
		border: 1px solid #fff;
	}
	.calendar a:hover {
		border: 1px solid #ddd;
	}

#mainContent {
	float: left;
	width: 600px;
	display: inline;
	padding: 5px;
}
	#mainContent h2 {
		color: #c00;
		display: inline;
		line-height: 28px;
		font-size:18px;
	}
	.mainArticle {
		float: left;
	}
	.featuredArticles {
		float: right;
	}
	.topArticles {
		clear: both;
		
	}
	.latestArticles {
		clear: both;
		margin-top: 5px;
	}
	
	
		.topArticles .menu, 
		.topArticles .menu ul,
		.topArticles .menu li,
		.latestArticles .menu, 
		.latestArticles .menu ul,
		.latestArticles .menu li {
			display: inline;
			border: 0;
		}
		
		.topArticles .menu li,
		.latestArticles .menu li {
			padding-left: 15px;
		}
	
		/*------------------------------------*/
		.topArticles .mainArticle {
			width: 400px;
		}
		.topArticles .mainArticle img {
			/* height: 150px; */
			width: 390px;
		}
		.topArticles .featuredArticles {
			width: 190px;
		}
			.topArticles .featuredArticles .article {
				padding-bottom: 15px;
				
			}
		.topArticles .featuredArticles img {
			/* height: 80px; */
			width: 180px;
		}
		/*------------------------------------*/
		.latestArticles .mainArticle {
			width: 160px;
		}
		.latestArticles .mainArticle img {
			/* height: 80px; */
		}
		.latestArticles .featuredArticles {
			width: 430px;
		}
		.latestArticles .featuredArticles h3 {
			border-bottom: 1px solid #ddd;
			font-weight: normal;
			padding: 0 0 5px 0;
		}
		/*-------------------------------------*/
		.recommendedArticles {
			border-top: 1px solid #ddd;
		}
		.recommendedArticles .article{
			clear: both;
			padding: 5px 0;
			border-bottom: 1px solid #ddd;
		}
		.recommendedArticles img {
			float: right;
			
			margin: 0 0 5px 5px;
			/* height: 80px; */
		}
		
		/*-------------------------------------*/
		.articlesListing .article {
			padding: 5px 0;
			border-bottom: 1px solid #ddd;
		}
		.articlesListing .article img {
			float: left;
			margin: 0 5px 5px;
		}
		
		/*------------------------------------*/
		.meta {
			font-size: 11px;
			color: #999;
		}
		.article .content img {
			border: 1px solid #ddd;
			background: #fff;
			padding: 5px;
			-moz-box-shadow: #ccc 0 1px 3px;
			-webkit-box-shadow: #ccc 0 1px 3px;
			margin: 10px auto;
		}
		
		/*------------------------------------*/
		.comments {
			padding-top: 20px;
		}
		.comments .comment {
			padding-top: 10px;
		}
		.comments blockquote {
			border: 1px solid #ddd;
			padding: 5px;
		}
		.comments form {
			border-top: 1px solid #ddd;
			padding-top: 10px;
			margin-top: 10px;
		}
		.comments input {
			width: 500px;
			font: 14px/1.2 "Georgia";
			color: #cc0000;
			padding: 5px 2px;
		}
		.comments textarea {
			width: 500px;
			font: 14px/1.2 "Georgia";
			color: #333;
			padding: 5px 2px;
			height: 150px;
		}
		.comments button {
			margin: 10px 0;
			width: 200px;
			height: 30px;
			background: #ddd;
			font: 14px/30px "Georgia";
			border: 1px solid #ddd;
			cursor: pointer;
		}
		.comments label {
			padding: 10px 0 0;
			display: block;
		}
		
		
		/*------------------------------------*/
		.event {
			clear: both;
			padding: 10px 0;
		}
		dl.details {
			float: left;
			width: 292px;
			margin: 0 10px 10px 0;
			padding: 0;
			border: 1px solid #ddd;
			border-top: 0;
		}
		
		.details dt {
			clear: left;
			float: left;
			width: 50px;
			margin: 0;
			padding: 5px;
			border-top: 1px solid #ddd;
			font-size: 10px;
			color: #999;
			
		}
		
		.details dd {
			float: left;
			width: 221px;
			margin: 0;
			padding: 5px;
			border-top: 1px solid #ddd;
		}
		
	
#extraContent {
	float: right;
	display: inline;
	margin: 5px;
	width: 230px;
	
}
	.galleries {
		position: relative;
		height: 150px;
	}
		.galleries img {
			position: absolute;
			top: 0;
			width: 220px;
		}
		.galleries .caption {
			position: absolute;
			bottom: 0;
			z-index: 10;
			padding: 5px;
			margin: 0 5px 10px;
			background: url('shadow.png');
			color: #fff;
		}
			
	.place img {
		float: right;
		margin-top: 5px;
	}

	.author {
		clear: both;
		padding-top: 15px;
	}
	.author img {
		float: left;
		margin: 5px;
	}
#footer {
	clear: both;
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #ddd;
	text-align: center;
}