/*
Theme Name: TPWP
Theme URI: http://michal-pawelczyk.net
Description: Official TPWP website theme
Version: 1
Author: Michał Pawełczyk
Author URI: http://michal-pawelczyk.net
Tags: black, gray, red, clean
*/


/* Reset
------------------------------------------- */
* {margin: 0; padding: 0; color: #444; font-family: Arial, Helvetica, sans-serif; font-size: 100%;}
body {position: relative; font-size: 0.75em; line-height: 1.5em;}
a, span, strong {font-size: 1em;}
span {color: inherit;}
a, a:visited {color: #779323; text-decoration: none;}
a:hover {color: #a00; text-decoration: none;}
img {border: none;}
html {height: 100.01%; padding: 0;}

@font-face {font-family: 'Museo500'; src: url('fonts/museo500-regular-webfont.eot?') format('eot'), url('fonts/museo500-regular-webfont.woff') format('woff'), url('fonts/museo500-regular-webfont.ttf') format('truetype'), url('fonts/museo500-regular-webfont.svg#webfontF6Q0K87Y') format('svg'); font-weight: normal; font-style: normal;}

/* basic text elements */
h1 {margin: 0 0 1em 0; padding-bottom: 5px; border-bottom: 3px solid #ddd; color: #a00; font:  2em/1.5em Museo500,Arial,sans-serif;}
h1.impreza {padding-top: 15px;}
h2 {margin: 1.5em 0 0 0; padding: 0; border-bottom: 2px solid #a00; color: #000; font: normal 1.7em/1.5em Museo500,Arial,sans-serif;}
h3 {margin: 1em 0 -1em 0; color: #000; font: normal 1.4em/1.5em Museo500,Arial,sans-serif;}
h4 {margin: 1em 0; font-family: Museo500, Arial, sans-serif; font-size: 1.2em;}
p {margin: 1.5em 0;}
ul, ol {margin: 1.5em 0;}
ul {list-style-image: url(images/red-arrow.png);}
ul li {margin: 0 0 0 20px;}
ol li {margin: 5px 0 5px 30px;}

/* basic form elements */
fieldset {border: none;}
legend {display: none; font-weight: bold;}
label {display: block; float: left; clear: left; width: 150px; margin: 5px 0;}
input, textarea, select {width: 275px; margin: 5px 0; padding: 2px; border: 1px solid #000; background: #fff;}
	input.chk, input.radio {width: auto; border: none;}
textarea {height: 100px;}
button {margin-left: 170px; padding: 2px 5px; border: 2px solid #fff; background: #a00; color: #fff; font-weight: 700; text-align: center; cursor: pointer;}

/* layout
------------------------------------------- */
body {position: relative; background: #fff;}
.wrapper {background: url(images/back.jpg) repeat-x;}
.content {position: relative; width: 960px; margin: 0 auto;}

.header {position: relative; z-index: 50; height: 134px; background-position: center top;}
.header .content {z-index: 20; height: 134px;  background: url(images/header.jpg) center top no-repeat;}
.header .content * {margin: 0;}
.header .content h1 {border-bottom: none;}
.header .logo {display: block; position: absolute; left: 75px; top: 26px; overflow: hidden; width: 737px; height: 77px; text-indent: -10000px;}

.mainmenu {position: absolute; left: 0; top: 107px; list-style: none;}
.mainmenu li {position: relative; overflow: hidden; float: left; padding-left: 2px; background: url(images/catmenu-back.jpg) left top no-repeat;}
.mainmenu li:hover {overflow: visible;}
.mainmenu li a, .mainmenu li a:visited {display: block; float: left; position: relative; z-index: 1; height: 25px; padding: 0 10px; color: #fff; line-height: 25px;}
.mainmenu li a:hover, .mainmenu li:hover a {background: #fff; color: #000;}
.mainmenu ul {position: absolute; z-index: 0; left: 1px; top: 25px; width: 200px; border: 1px solid #ccc; border-top: none; background: #fff; list-style: none; -moz-box-shadow: #888 0 0 5px; -webkit-box-shadow:  #888 0 0 5px; box-shadow: #888 0 0 5px;}
.mainmenu ul li {float: none; padding-left: 0; border-top: 1px solid #ccc;}
.mainmenu ul li a, .mainmenu ul li a:visited {float: none; padding: 2px 10px; height: auto; background: #fff; background-image: none; color: #333; line-height: 1.5em;}
.mainmenu ul li a:hover {background: #eee; color: #a00;}

.searchform {position: absolute; top: 5px; left: 743px;  }
.searchform input#s {width: 115px; height: 18px; padding: 1px 2px 0 25px; border: 1px solid #686868; background: url(images/search.jpg) left center no-repeat; color: #ccc; line-height: 18px;}
.searchform button, .searchform label {display: none;}

.lang {position: absolute; float: right; right: 0; top: 5px; list-style: none; margin: 0; padding: 0 5px; border: none;}
.lang li {padding: 0 3px; float: left; }
.lang li a, .lang li a:visited {float: left; overflow: hidden; width: 16px; height: 11px; padding: 5px; background-position: center center; background-repeat: no-repeat; line-height: 11px; text-indent: -500px; opacity: 0.5;}
.lang li a.pl, .lang li a.pl:visited {background-image: url(images/pl.png);}
.lang li a.de, .lang li a.de:visited {background-image: url(images/de.png);}
.lang li a.en, .lang li a.en:visited {background-image: url(images/gb.png);}
.lang li a:hover {opacity: 1;}

.wp-post-image {float: left; margin: 0 10px 0 0; padding: 2px; border: 1px solid #e0e0e0; }

.banner {background-position: 0 -134px;}
.banner .content {position: relative; overflow: hidden; height: 284px; background: url(images/slider-back.jpg) center top no-repeat;}
.banner ul {position: absolute; z-index: 1; overflow: hidden; list-style: none; margin: 0;}
.banner ul li {width: 960px; height: 284px; margin: 0; padding: 0; text-align: left;}
.banner ul li .picture {float: left; position: relative; width: 481px; height: 255px; margin-top: 25px; background: url(images/photo-shadow.png) left top no-repeat;}
.banner ul li .picture img {position: absolute; left: 8px; top: 7px;}
.banner ul li .picture img.wp-post-image {margin: 0; padding: 0; border: none;}
.banner ul li .descr {float: right; width: 450px; margin-top: 25px; }
.banner ul li .descr h2 {margin-top: 0; margin-bottom: 0; border-bottom: none; font-family: Museo500, Arial, sans-serif;}
.banner ul li .descr h2 a {font-family: Museo500, Arial, sans-serif;}
.banner ul li .descr p {margin-top: 0.5em;}
.banner ul.slideshow-nav {position: absolute; bottom: 0; right: 1px; z-index: 2; float: right; list-style: none; width: 450px; height: 20px; padding: 0; border-bottom: none;}
.banner ul.slideshow-nav li {float: left; clear: none; width: auto; margin: 0 1px; }
.banner ul.slideshow-nav a {float: left; clear: none; width: 20px; height: 20px; background: #ccc; color: #666; font-size: 0.917em; line-height: 20px; text-align: center;}
.banner ul.slideshow-nav a.current {margin-top: 2px; color: #333;}
.banner ul.slideshow-nav a:hover {background: #779323; color: #fff;}
.banner .shr-bookmarks {display: none;}
.shr-bookmarks {padding-bottom: 15px;}

.body {padding: 30px 0; background: #fff url(images/content-back.jpg) top repeat-x;}
.body.home {padding: 0;}
.body .content {position: static; overflow: hidden; width: 960px; margin: 0 auto; padding: 0;}
.main {float: left; width: 600px; padding-bottom: 10px; }
.main h2 {clear: left; }
.main h2 a, .main h2 a:visited {color: #000; font-family: Museo500, Arial, sans-serif;}
.main h2 a:hover {color: #a00;}

.sidebar {float: right; width: 315px; padding-top: 40px;}
.sidebar ul {margin: 0; list-style: none;}
.sidebar ul li {margin: 0 0 30px 0; padding: 10px 0;}
.sidebar ul ul {border-top: 0 solid #ddd;}
.sidebar ul ul li {margin: 0; padding: 0; border: none; background: none; padding: 0; }
.sidebar ul ul a, .sidebar ul ul a:visited {display: block; padding: 5px 20px; border-bottom: 1px solid #ddd; background: url(images/red-arrow.png) left center no-repeat; color: #666;}
.sidebar ul ul a:hover {color: #a00;}
.sidebar ul ul#recentcomments li {margin: 0; padding: 5px 20px; border-bottom: 1px solid #ddd; background: url(images/red-arrow.png) left center no-repeat;}
.sidebar ul ul#recentcomments li a, .sidebar ul ul#recentcomments li a:visited {clear: none; display: inline; padding-left: 0; background: none; border-bottom: none; color: #779323;}
.sidebar h2 {position: relative; top: -34px; margin: 0 0 -35px 0; padding-bottom: 0.5em; border: none; color: #777; font-size: 1.5em;}
.sidebar p {margin: .5em 0;}
.sidebar ul select {width: 270px; border: 2px solid #bbb; background: #fff;}
.sidebar .box {width: 280px; padding: 15px; border: 1px solid #e9e9e9; background: #f1f1f1; -moz-box-shadow: #aaa 0 0 5px; -webkit-box-shadow:  #aaa 0 0 5px; box-shadow: #aaa 0 0 5px;}

.footer1 {clear: both; border-top: 3px solid #000; background: #141414 url("images/footer-background.png") top repeat-x;}
.footer1 ul.footer-widgets {overflow: hidden; width: 990px; margin: 0 auto; padding: 25px 0 15px; list-style: none;}
.footer1 ul.footer-widgets>li {float: left; width: 300px; margin: 0; padding: 0 15px; color: #999;}
.footer1 ul.footer-widgets>li h2 {margin: 0; border-bottom: none; color: #8AAF15; text-shadow: #4C5F12 0 -1px 1px;}
.footer1 ul.footer-widgets>li p, .footer1 ul.footer-widgets>li p *, .footer1 ol li, .footer1 ol li strong {color: #aaa;}
.footer1 ol li a {color: #fff;}
.footer1 ol li a:hover {color: #fff; text-decoration: underline;}
.footer1 ul.footer-widgets>li ul {list-style: none; border-bottom: 1px solid #444;}
.footer1 ul.footer-widgets>li ul li {margin: 0; padding: 5px; border-top: 1px solid #444; color: #aaa; line-height: 1.5em;}
.footer1 ul.footer-widgets>li ul li:hover {background: #333;}
.footer1 ul.footer-widgets>li a {color: #ccc;}
.footer1 ul.footer-widgets>li a:hover {color: #fff;}
.footer1 ul.footer-widgets>li a.download-pdf {display: block; padding-left: 30px; background: url("images/pdf.png") 5px center no-repeat; font-weight: bold; line-height: 25px;}
.footer1 ul.footer-widgets>li a.download-pdf:hover {background-color: #333;}
.footer1 ul.footer-widgets>li.widget_links li {padding: 0;}
.footer1 ul.footer-widgets>li.widget_links li a {display: block; padding: 5px;}

.footer2 {overflow: hidden; height: 60px; border-top: 1px solid #333; background: #0e0e0e url("images/footer-bottom.png") bottom repeat-x;}
.footer2 .content {height: 40px; padding: 10px 0; background: url("images/footer-logo.png") right bottom no-repeat;}
.footer2 p.reg {margin-top: 2em; margin-bottom: 0; color: #999; font-size: 0.917em; text-align: left;}
.footer2 p.reg span {padding-left: 10px; color: #555;}
.footer2 p.reg span a {color: #555;}
.footer2 p.reg span a:hover {color: #ccc;}

/* repetitive stuff
------------------------------------------- */
.clear {overflow: hidden; clear: both; height: 0;}
.secret {display: none;}
.banner {margin-top: 0; text-align: center;}
.l {float: left; margin: 0 15px 5px 0; padding: 2px; border: 1px solid #ccc;}
.ok {padding: 5px 15px; background: #E7E7DD; color: #3E4F0A; font-weight: bold;}
div.ok {margin: 1.5em 0 ; border: 2px solid #779323;}
.ok strong {color: #fff;}
.ok p {color: #3E4F0A; font-weight: normal;}
.ok p strong {color: #3E4F0A;}
.error {padding: 5px 15px; background: #a00; color: #fff; font-weight: bold;}
.errors {margin: 1em 0; padding: 5px 15px; background: #a00;}
.errors p {margin: 0.5em 0; color: #fff; font-weight: bold;}
p.hint {margin: 10px 0 0 0; font-size: .85em; color: #999;}
a.download, a.download:visited {display: block; clear: both;  width: 225px; margin: 0 auto; padding-left: 30px; background: url(images/pdf24.png) left center no-repeat; color: #000; font: bold 1.2em/24px Arial,Helvetica,sans-serif;}
a.download:hover {color: #779323;}
img.box-img {display: block; margin: 10px auto; padding: 2px; border: 1px solid #ccc;}
img.alignleft {margin: 10px 15px 10px 0; padding: 3px; border: 1px solid #ccc}
img.alignright {margin: 10px 0 10px 15px; padding: 3px; border: 1px solid #ccc}

.gallery-item {width: 195px; float: left;}
.gallery-caption {display: none;}

p.address {font-weight: bold; text-align: center;}

.post {margin-bottom: 50px; background: url(images/post-bottom.png) right bottom no-repeat;}
.post-metadata {margin-top: 0; padding: 3px 15px; border-bottom: 1px solid #ccc; background: #e7e7dd; color: #666; font-size: .9em;}
.post.single h1 {margin-bottom: 0;}
.author {float: right;}
.comment-link {float: right; clear: right; padding-left: 20px;}
.wp-caption {border: 1px solid #ccc; padding: 5px; text-align: center;}
.wp-caption-text {margin-top: .5em; margin-bottom: 0; color: #777; text-align: left;}

.alignleft {float: left; margin: 0 15px 15px 0;}
.alignright {float: right; margin: 0 0 15px 15px;}

.tags {clear: both; margin-top: 15px; margin-right: 100px; padding-bottom: 5px; font-size: .85em;}
.navigation {clear: both; overflow: hidden;}
.navigation div {text-align: center;}
.navigation.bottom {position: relative; top: -20px;}
.image {text-align: center;}
.image img {padding: 5px; border: 1px solid #ccc; background: #fff;}
.navigation a img, .navigation a:visited img {padding: 3px; border: 1px solid #ccc; background: #fff; opacity: 0.4;}
.navigation a:hover img {opacity: 1; background: #666;}

li.linkcat {margin-left: 0; list-style: none;}
.caption {margin: 0 0 30px 0; text-align: center;}
p.nocomments {clear: both;}

.respond h3 {margin-bottom: -1px; padding: 0; line-height: 1em;}
.respond form {padding: 15px 30px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #e7e7dd;}
.respond label {width: 170px; color: #666;}
.respond input, .respond textarea {width: 330px; border: 1px solid #ccc; background: #fff;}
.respond textarea {width: 510px; height: 150px;}

form.contact {margin: 15px 0; padding: 15px 30px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #e7e7dd;}
form.contact label {width: 170px; color: #666;}
form.contact input, textarea {width: 330px; border: 1px solid #ccc; background: #fff;}
form.contact textarea {width: 510px; height: 150px;}

h3.comments {clear: both; margin-top: 0;}
ol.commentlist {margin: 30px 0; list-style: none;}
ol.commentlist li {margin: 0; padding: 15px; border-bottom: 1px solid #ccc;}
ol.commentlist li.odd {background: #EFEFE0;}
ol.commentlist li img.avatar {float: left; margin: 0 15px 15px 0; padding: 5px; border: 1px solid #ccc; background: #fff;}
ol.commentlist li .comment-author, ol.commentlist li .comment-meta.commentmetadata a{font-size: .9em;}
ol.commentlist li p {clear: left; margin: .5em 0 0 0; }

.col3 {float: left; width: 280px; padding: 0 20px;}
.col3.mid {padding: 0 19px; border: 1px solid #e0e0e0; border-top: none; border-bottom: none;}
.col3 h2 {margin-top: 0;}

.home .main h2 {margin-top: 0;}
.home .sidebar {margin: 0; padding: 0;}
.home .sidebar h2 {position: static; margin: 0 0 10px; padding: 0; border-bottom: 2px solid #a00; color: #000; font-size: 1.75em; font-weight: 400; font-family: Trebuchet MS, Arial, sans-serif;}
.home .sidebar ul {margin: 0; padding: 0;}
.home .sidebar ul li {padding-top: 0; border-top: none;	}

ul.post-list {list-style: none; overflow: hidden;}
ul.post-list li {position: relative; top: -1px; overflow: hidden; float: left; width: 290px; margin: 0; padding: 10px 15px; border-top: 1px solid #e0e0e0;}
ul.post-list li.nl {clear: left;}
ul.post-list h4 {margin: 0; font-size: 1.083em; font-weight: bold; line-height: 1.3em; }
ul.post-list p.post-date {margin: 0 0 10px; color: #999; font-size: .917em;}
ul.post-list p.readmore {display: none;}
ul.post-list li a.post-thumbnail {float: left; margin: 0.5em 0;}
ul.post-list p.excerpt {margin: 0.5em 0; font-size: .917em;}
.post-date {color: #666; font-size: .9em;}

.wp-caption-text, .wp-caption-dd, .gallery-caption {font-size: .9em; text-align: left;}
.wp-caption.aligncenter {margin: 15px auto;}
.wp-caption.aligncenter * {text-align: center;}
.gallery-item {height: 100px;}

.recentcomments a:hover {color: #a00;}

p.nofree {padding: 5px 10px; background: #c00; color: #fff; font-weight: bold;}

/* special sections and elements
------------------------------------------- */
h2.reservation {margin-top: 0;}
.reservation {margin: 1.5em 0; padding: 15px 30px; border: 1px solid #ccc; background: #e7e7dd url(images/form-decoration.jpg) right bottom no-repeat;}
.reservation label {width: 170px; color: #666;}
.reservation input, select {width: 330px; border: 1px solid #ccc; background: #fff;}
.reservation p.nofree {width: 500px;}
.reservation p.submit {clear: left; margin: 0;}
p.expl {font-size: .917em;}

.errors

form.order-postcards {margin: -10px 0 0 0; padding: 0;}
form.order-postcards label {float: none; margin: 5px 0 0 0; color: #666; font-size: .917em;}
form.order-postcards input, form.order-postcards textarea {width: 269px; margin: 0; border: 1px solid #ccc; font-size: .917em;}
form.order-postcards input:focus, form.order-postcards textarea:focus {border: 1px solid #000; background: #E8EFD1;}
form.order-postcards textarea {height: 40px;}
form.order-postcards button.submit {margin: 5px 0;}
.col3 .error, .col3 .ok {padding: 5px; font-size: .917em;}
p.transfer-data {font-size: .917em;}

ul.postcards {position: relative; overflow: hidden; list-style: none; width: 275px; height: 208px; margin: 10px 0 -10px 0; padding: 0; background: url(images/pocztowki.png) center top no-repeat;}
ul.postcards li {position: absolute; left: 22px; top: 22px; margin: 0; padding: 0;}

p.reservation {margin: 15px 0; padding: 50px 350px 50px 50px; border: 1px solid #ccc; background: #e7e7dd url(images/tr5.jpg) right bottom no-repeat;}

.statut_paragraf {margin-bottom: -0.8em; font-weight: bold; text-align: center;}

.wp-pagenavi {text-align: right; font-size: .9em;}
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	border: 1px solid #ccc;
	color: #555;
	background-color: #eee;
}

.wp-pagenavi a:hover {
	color: #000000;
	background-color: #FFFFFF;
}

.wp-pagenavi span.pages {
	padding: 2px 4px 2px 4px;
	margin: 5px;
	border: none;
}
.wp-pagenavi span.current {
	padding: 2px 4px 2px 4px;
	margin: 5px;
	font-weight: bold;
	border: 1px solid #aaa;
	color: #555;
	background-color: #eee;
}

.wishes {position: absolute; left: 50%; top: 170px; z-index: 100; width: 960px; height: 400px; margin-left: -480px; border: 5px solid #333;}
.wishes img {position: absolute; z-index: 1;}
.wishes a.close {display: block; float: right; position: absolute; right: 0; top: 0; z-index: 2; height: 20px; padding-left: 23px; background: #333 url(images/x.png) 4px center no-repeat;}
.wishes a.close:hover {background-color: #eee;}

.related {clear: both; padding: 15px 30px; border: 1px solid #eee; border-left: none; border-right: none; background: #fafafe;}
.related h4 {margin: 0; font-size: 1em;}
.related ol {margin: 0; }
.related ol li {margin: 2px 0 0 20px; font-size: .917em;}

p.tooltip {position: absolute; z-index: 500; width: auto; height: 22px; margin: 0; padding: 0 10px; border: 1px solid #779323; background: url("images/tooltip-bg.png") repeat-x; color: #fff; font-size: 0.917em; line-height: 22px; -moz-box-shadow: #666 0 0 3px; -webkit-box-shadow:  #666 0 0 5px; box-shadow: #666 0 0 3px;}
p.tooltip span {display: block; position:absolute; left: 10px; bottom: -5px; width: 9px; height: 6px; background: url("images/tooltip-point.png");}

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev {
	left: 0;
	float: left;
}
#lightbox-nav-btnNext {
	right: 0;
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px;
	color: #666;
}
#lightbox-container-image-data #lightbox-image-details {
	width: 70%;
	float: left;
	text-align: left;
}
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block;
	clear: left;
	padding-bottom: 1.0em;
}
#lightbox-secNav-btnClose {
	width: 66px;
	float: right;
	padding-bottom: 0.7em;
}