/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight:bold }
em { font-style:italic }
a img { border:none } /* Gets rid of IE's blue borders */
a {text-decoration: none;outline: none; -moz-outline-style: none;}


/* TYPOGRAPHY */
/* ----------------------------------------- */

body {font: 12px Tahoma; color: #545454;}
.post p {margin: 6px 0; line-height: 16px;}
#center a {color: #3ea3a7; border: none;}
#center a:hover {color: #c37f49; border-bottom: 1px solid #bdbdbd;}
a:active, input {outline: none;}
a:focus, input {-moz-outline-style: none;}
input::-moz-focus-inner { border: 0; }

/* LAYOUT */
/* ----------------------------------------- */

/*	Hack & Stuff */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

/*	General Classes */
.hide {display:none;}
.clear {clear:both; font-size: 1px;}
.clr {overflow: hidden;}
.alignright {float: right; margin: 0 0 0 10px;}
.alignleft {float: left; margin: 0 10px 0 0;}
.txtcenter {text-align: center;}
.txtright {text-align: right;}

/* 	Body & Wrapping */
/*body {background: #fff url(../img/body/bg-strip.gif) 50% 134px repeat-x;}
#filler {background: transparent url(../img/body/bg.jpg) 50% 134px no-repeat;}*/
body {background: #fff url(../img/body/bgnew.jpg) 0 0 repeat;}
body.single,
body.blog,
body.archive,
body.single #filler,
body.blog #filler,
body.archive #filler {background-attachment: fixed;}

#wraper {width: 940px; margin: 0 auto; position:relative; padding: 0 10px;}

/* Header */
#header {height: 113px; position: relative; background: #fff; border-left: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0}
.logo {display:block; width: 264px; margin: 0 auto;}

.topmenu{height: 30px; line-height: 100%; border-top: 1px solid #c0c0c0; background:transparent url(../img/header/menubg.gif) 0 0 repeat-x; list-style: none; text-align:center;}
.topmenu li,
.topmenu a {display: inline-block;}
.topmenu li {position:relative;}
.topmenu a,
.topmenu a:link,
.topmenu a:visited{font-size:14px;color:#fff; text-transform: uppercase; padding: 8px 10px 10px;}
.topmenu a.lowercase, .topmenu a.lowercase:link, .topmenu a.lowercase:visited{text-transform: lowercase;}
.topmenu a:hover {color: #acf;}
.topmenu ul {display: none; margin: 0; padding: 0; position: absolute; top: 29px; left: 0; height: auto; background:#575757; background:rgba(87, 87, 87, 0.8); z-index:99; text-align:left;
	border: 1px solid #c8d3d4; border: 1px solid rgba(200, 211, 212, 0.8);}

.topmenu li:hover > ul,
.topmenu li.ioshover > ul {display: block;}
.topmenu ul a,
.topmenu ul a:link,
.topmenu ul a:visited {padding: 7px 10px;}
.topmenu ul a:hover {background: #696969;}

li.page-item-900 ul a {width: 110px;}
li.page-item-901 ul a {width: 170px;}
li.page-item-902 ul a {width: 130px;}

/* Middle */
#center {border: 1px solid #c0c0c0; background: #fff; position:relative; min-height: 625px;}

/* Sidebar */
#sidebarholder {width: 20px; position:absolute; top:-1px; right:-22px; font: 14px Tahoma;  text-transform: lowercase;}
#sbhi {position: relative;} /*to be fixed, need js support*/
#sidebarswitcher {display: block; width: 20px; height: 420px; float: right; background: #fff url(../img/sidebar/sidebarbg.gif) 0 50% no-repeat; cursor: pointer; margin: 0; border: 1px solid #c0c0c0;}
#sidebarswitcher.hovered {background: #e8e9e9 url(../img/sidebar/sidebarbg.gif) -20px 50% no-repeat;}
#center a#sidebarswitcher:hover {text-decoration: none; border-bottom: none;}
#sidebar {float: left; width: 150px; padding: 10px 10px 0 10px; margin: 0; position: absolute; right: 9999px; background: #fff; border-left: 2px solid #dfe6e6;}
#sidebar span,
#sidebar li li a {display: block; padding: 3px 0 3px 10px;}
#sidebar span {color: #957460;}
#sidebar li {background: url(../img/blog/menuline.gif) no-repeat 0 23px; padding: 0 0 1px;}
#sidebar li li a {color: #545454; padding: 3px 0 3px 20px; background:url(../img/blog/menubullet.gif) 8px 50% no-repeat;}
#sidebar li li a:hover {color: #b88f76; border: none; background: #e8e9e9;}

/* Footer */
#footer {text-align: center;font-size: 10px;color: #b3cccd; padding: 4px 0;}
#footer.home {width: 760px; float: right;}
#home-social {width: 180px; float: left;}
#footer h1 {font-size: 10px;color: #b3cccd; display: inline;}
.bottommenu {display: inline;}
.bottommenu li {display: inline;}
.bottommenu a {padding: 0 8px 0 4px; border-right: 1px solid #c1d0d4; color: #b3cccd;}
.bottommenu a.last {border-right: none;}

/* Hp */
#hp {position:relative; height: 625px; overflow: hidden;}
.hpcontent, 
.hpcontentsw {position: absolute; bottom: 0px; left: 0px;}
.hpcontent {width: 900px; height: 625px; z-index: 100; padding: 0 20px; background: transparent url(../img/hp/contentbg.png) 0 0 repeat;}
.hpcontentsw {width: 938px; height: 28px; z-index: 110; border: 1px solid #706f6f; cursor: pointer; background:transparent url(../img/hp/hpcontentswbg.png) 0 0 repeat-x;}
.hpcontentsw.hover {background-position:0 -30px;}
.hpcontentsw a {display: block; width: 20px; height: 28px; margin: 0 auto;}
#center .hpcontentsw a:hover {border: none;}
.hpcontentsw a.off { background:transparent url(../img/hp/togglerimg.png) 0 2px no-repeat;}
.hpcontentsw a.on { background:transparent url(../img/hp/togglerimg.png) 0 -26px no-repeat;}
.hpcontentsw.hover a.off { background:transparent url(../img/hp/togglerimg.png) 0 -54px no-repeat;}
.hpcontentsw.hover a.on { background:transparent url(../img/hp/togglerimg.png) 0 -82px no-repeat;}

.hpcontent .box {width: 440px; overflow: hidden; margin-top: 20px;}
.hpcontent .box.left {float: left;}
.hpcontent .box.right {float: right;}
.hpcontent .box img {float: left; border: 2px solid #b4b4b4; margin: 5px 10px 6px 0;}
.hpcontent .box h2 {font-size: 18px; color: #dccbbd; padding: 0 0 8px;}
.hpcontent .box p {line-height: 20px; color: #ffffff;}
.hpcontent .box strong {font-weight: bold; color: #fdd5b8;}
#hp .rotator {position:relative;}
#hp #rotator .blogimages {background: #000;}
.ssnav {width: 938px; position:absolute; bottom: 6px; text-align: center; z-index: 999;} /*Set same width as a bove*/
.ssnav a {display: inline-block; width: 13px; height: 13px; margin:0 2px; background:transparent url(../img/hp/bullets.png) 0 -16px no-repeat; text-indent: -9999px;}
#center .ssnav a:hover {background-position:0 -1px; border: none;}
#center .ssnav a.activeSlide, #center .ssnav a.activeSlide:hover {background-position:0 -31px; border: none;}
													
/* Gallery */
#gallery {padding: 10px; overflow: hidden;}
#gallery a {display: block;width: 220px;height: 590px;float: left;text-indent: -9999px;position: relative; margin: 0 12px 0 0;}
#gallery a.last {margin: 0px;}

#gallery a.przygotowania {background: url(../img/gallery/przygotowania.jpg) no-repeat 0 -590px;}
#gallery a.ceremonia {background: url(../img/gallery/ceremonia.jpg) no-repeat 0 -590px;}
#gallery a.wesele {background: url(../img/gallery/przyjecie.jpg) no-repeat 0 -590px;}
#gallery a.plener {background: url(../img/gallery/plener.jpg) no-repeat 0 -590px;}

#gallery a:hover {background-position: 0px 0px;}

/* SLOWFADE MOD */
#gallery a span										{position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; cursor: pointer;}
#gallery a.slowfade_mod								{background-position: 0px -590px;}
#gallery a.przygotowania span 						{background: url(../img/gallery/przygotowania.jpg) no-repeat 0 0px;}
#gallery a.ceremonia span 							{background: url(../img/gallery/ceremonia.jpg) no-repeat 0 0px;}
#gallery a.wesele span 								{background: url(../img/gallery/przyjecie.jpg) no-repeat 0 0px;}
#gallery a.plener span								{background: url(../img/gallery/plener.jpg) no-repeat 0 0px;}

/* Offer */
#offer {overflow:hidden;}
#offer h3 {color: #957460; font-size: 18px; padding-bottom: 20px;}
#offer p {display: block;}
#offer .count {height:60px;}
#offer .what {height: 130px;}
#offer .items {height: 80px;}
#offer .include {height: 110px;}
#offer .offer {border: 1px solid #c8d3d4; padding: 10px; width: 428px; }
#offer .first {background:transparent url(../img/offer/of001.jpg) 100% 0 no-repeat; float: left; margin: 10px 0 10px 10px;}
#offer .second {background:transparent url(../img/offer/of002.jpg) 100% 0 no-repeat; float: right; margin: 10px 10px 10px 0;}
#offer .third {width: 918px; margin: 0 10px 10px; float: left; position: relative; background: url(../img/offer/of004.jpg) 100% 0 no-repeat; }
#offer .third img {float: left; margin: 0 10px 0 0; border: 1px solid #c8d3d4;}
#offer a.contact {display: block; width: 368px; height: 46px; padding: 21px 0 0 40px; position:absolute; top:70px; left:151px; font-size: 18px; color: #fff; background:transparent url(../img/offer/arrow.gif) 0 0 no-repeat;}
#offer a.contact:hover {background-position: 0 -67px; color: #545454; border: none;}

/* Why us */
#whyus {padding: 110px 10px 159px; overflow: hidden; font-size:14px; background:#FFF url(../img/whyus/bg.gif) 50% 0 no-repeat;}
#whyus p {margin: 16px 0;}
#whyus p.txtcenter {line-height: 18px;}
#whyus strong {font-size: 16px;}

/* Contact */
#contact {padding: 10px; overflow: hidden; background: url(../img/contact/bg.gif) 100% 0 no-repeat; position:relative;}
#contact img {float: left; border: 1px solid #c8d3d4;}
#contact .box {position:absolute; right:40px; top:50px; width: 440px; padding: 10px 0 0; border: 1px solid #c8d3d4; background:#fff; text-align: center;}
#contact p {padding: 2px 0;}
#ajax_response {padding: 150px 0; display: none;}
#ajax_response h3 {font-size: 16px; font-weight: bold;}
#ajax_form {margin: 20px 0;}
#ajax_form .leftcol {width: 540px; float: left; position: relative;}
#ajax_form .rightcol {width: 320px; padding : 0 0 0 588px;}
#ajax_form form {width: 400px; margin: 0px auto; overflow: hidden;}													 
#ajax_form form p {text-align: center; padding: 10px 0 0 0; line-height: 20px; font-size: 12px;}
#ajax_form #message {width: 398px;}
#ajax_form #emailbox {display: none;}

#ajax_form #namebox,
#ajax_form #phonebox,
#ajax_form #datebox {float: left; overflow: hidden;}

#ajax_form #contactbox,
#ajax_form #countrybox,
#ajax_form #timebox {padding: 10px 0 0 207px;}

#ajax_form #datebox input {text-align: center;}
#ajax_form input, 
#ajax_form textarea	{background: #e8f2f3; color: #545454; border: 1px solid #c8d3d4; font-size: 16px;}

#ajax_form #namebox input,
#ajax_form #contactbox input, 
#ajax_form #phonebox input,
#ajax_form #countrybox input,
#ajax_form #datebox input,
#ajax_form #timebox input{width: 190px;}

#ajax_form .ajax_alert input, 
#ajax_form .ajax_alert textarea,
#ajax_form .ajax_false input, 
#ajax_form .ajax_false textarea {border: 1px solid red;}
#ajax_form #send {width: 99px; height: 25px; padding: 0 0 3px; border: 1px solid #c8d3d4; background: #778f91; color:#fff; line-height: 10px; font-size :14px; cursor: pointer;}
#ajax_form #send:hover {color:#000; background: #fff;}
#ajax_form .sent {margin: 0 auto; width: 250px; padding: 50px 0 0;}



/* Blog */
.post {padding: 10px 10px 0 10px; width: 918px; margin: 0 0 10px;}
.post.divider {padding: 10px 10px 80px 10px; background:transparent url(../img/blog/divider.png) 10px 100% no-repeat;}
#center .post_title,
#center .post_title a  {font-size: 18px;	color: #957460;}
#center .post_title a:hover {color:#e3b89e;}
#center .big_comments a {color: #545454; display: block; width: 140px; height: 42px; position:relative; background: url(../img/blog/commentcloud.gif) 100% 0 no-repeat; font-size: 14px; padding: 2px 0 0; float: right;}
#center .big_comments a:hover {border: none; color :#e3b89e; background-position: 100% -50px;}
#center .big_comments a span {display:block; width: 40px; font-size: 20px; color: #fff; position:absolute; right: 6px; top: 2px; text-align: center;}
.post_category,
.post_datetime,
.post p.post_comments,
.post p.post_links {padding: 3px 0 3px 24px; margin: 0px;}
.post_datetime {background: url(../img/blog/sprites.gif) 0 -61px no-repeat;}
.post_category {background: url(../img/blog/sprites.gif) 0 -1px no-repeat;}
.post_comments {background: url(../img/blog/sprites.gif) 0 -28px no-repeat;}
.post_data { padding: 2px 0 10px 20px; background: url(../img/blog/sprites.gif) 0 -77px no-repeat;}
.post_body {overflow: hidden; width: 918px;}
.post .blogimages {overflow: hidden; text-align: center;}
.post img {border: 1px solid #c8d3d4; margin: 4px 0;}
.post img.wp-smiley {border: none; margin: 0px;}
.post-featured-image a {position:relative; width: 918px; height: 662px; display:block; text-align: center;}
.post-featured-image a img {margin: 0px; width: 916px; height: 660px;}
.post-featured-image a span {position: absolute; bottom: 0px; left: 1px; display: block; width:916px; height: 174px; background: url(../img/blog/readmore.png) 0 0 no-repeat; border-top: 1px solid #C8D3D4; border-bottom: 1px solid #C8D3D4;}
.post-featured-image a:hover span {opacity:0.4; filter:alpha(opacity=40);}
#center .post-featured-image a:hover {text-decoration: none; border: none;}
.post_socialbar {overflow: hidden;}
.post-fb-like {margin: 2px 0 0; width: 110px; float: left;}
.post-google-like {margin: 2px 0 0; width: 70px; float: left;}
.linkwithin_div {width: 600px; margin: 0 auto;}

/*related posts*/
.post ol {margin: 0 0 6px 20px;}
.post ol li {padding: 2px 0; list-style-type: disc;}
.post_body hr {margin: 10px 0;}

/*Comment Bar*/
.commentbar {margin: 4px 0 0; overflow: hidden;}
.commentbar p {display: inline;}
.commentbar p.post_comments {float: left;}
.commentbar p.post_links {float: right;}
.commentbar .post_links a{margin: 0 0 0 40px;}

/*Comments section*/
ol.comments {margin: 0px; overflow: auto;  max-height: 160px !important; border: 1px solid #c8d3d4; margin: 10px 0; padding: 3px 0; background: #f2feff;}
ol.comments li {list-style-type: none; margin: 0px 10px; padding: 5px 0 8px; background:transparent url(../img/blog/commentsdivider.gif) 0 100% repeat-x;}
ol.comments li.last-comment { background: none;}
ol.comments p {margin: 0px;}
ol.comments .comment-author {color: #3ea3a7; font-weight: bold; margin: 0px;}
ol.comments .author {color: #957460; font-weight: bold; margin: 0px;} /* Compatibility with older version. To be removed */
ol.comments .date {color: #bbb; float: right; margin: 0px; line-height: 18px;}

/*Comment form section*/
#addcomment {background:transparent url(../img/blog/addcommentbg.gif) 400px -19px no-repeat;}
#addcomment form {width: 492px; padding: 10px; border: 1px solid #c8d3d4; background: #fff;}

#commentform p {display: block; float: left; height: 46px; margin: 0 10px 0 0;}
#commentform p.last {margin: 0px;}
#commentform p.commentbox {float: none; height: auto;}
#commentform  label {display: block; padding: 0 0 4px 0;}
#commentform  input[type=text] {width: 155px;}
#commentform  textarea {width: 489px; height: 100px; margin: 0 0 8px 0;}
#commentform  input[type=text],
#commentform  textarea {background: #e8f2f3; color: #545454; border: 1px solid #c8d3d4; font-size: 16px;}

#commentform #submit, #commentform .cancel-reply {width: 99px; height: 25px; padding: 0 0 3px; border: 1px solid #c8d3d4; background: #778f91; color:#fff; line-height: 10px; font-size :14px; cursor: pointer; margin-right: 10px;}
#commentform #submit:hover, #commentform .cancel-reply:hover {color:#000; background: #fff;}
#commentform #submit.submitting {color:#fff; background: #778f91; cursor: default;}

/* Pagination */
.navigation {height: 30px; margin-top: 20px; margin-left: 20px;}
.navigation .alignright {float: right; margin-right: 10px;}
.navigation .alignleft {float: left; margin: 0px;}
#wp_page_numbers {float: left; padding: 0 5px;} 
#wp_page_numbers .active_page a,
#wp_page_numbers .active_page a:hover {border-bottom: 2px solid #bdbdbd; cursor: default; color: #545454;}
#wp_page_numbers ul, #wp_page_numbers li {display: inline;}

/* Tag Cloud */
p.tagcloud {display: block; padding: 10px; text-align:center; }