/* 
Theme Name:Tasty 0.1
Description:Theme for the hair-stylist saloon
Author:Tomek Sułkowski
Author URI:http://lightforms.pl
Version:0.1
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,
s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body { line-height:1; }
ol,ul { list-style:none; }
blockquote,q { quotes:none; }
blockquote:before,blockquote:after,
q:before,q:after { content:'';content:none; }
:focus { outline:0; }
ins { text-decoration:none; }
del { text-decoration:line-through; }
table { border-collapse:collapse;border-spacing:0; }


html {overflow-y: scroll; overflow-x: hidden; background: #e9e9e9;}
body {background: url(images/bg.jpg) no-repeat center top #3a3a3a; font-family: Tahoma;}
h1 {font-size: 33px; background: url(images/h1-bg.gif) repeat-x; line-height: 30px; padding: 0 27px 0 20px; font-weight: bold; color: #202020; text-transform: capitalize; display: inline-block; margin-bottom: 22px;}


.clearer {clear: both;}
.left {float: left;}
.right {float: right;}

.aligncenter, div.aligncenter {display: block; margin-left: auto; margin-right: auto;}
.alignleft {float: left; margin-right: 25px;}
.alignright {float: right;}

.columns-2 .column, .columns-3 .column {float: left;}
.columns-3 .column {width: 330px; margin-right: 30px;}

.nav {}
.nav a {display: block; height: 319px; width: 75px; position: absolute; top: 15px; text-align: center; text-indent: -9999px;}
.nav .left {left: 15px;}
.nav .right {right: 15px;}

.post-edit-link {position: absolute; left: -50px; color: #66c; top: -1px; font-size: 9px; text-transform: uppercase; text-decoration: none;}
.post-edit-link:hover {top: 0;}

.wpcf7-not-valid-tip-no-ajax, .wpcf7-validation-errors {padding: 5px; color: #2ebfd9; font-weight: bold;}

#tooltip {position: absolute; z-index: 3000; background: #2ebfd9; color: #fff; font-size: 11px; font-weight: bold; padding: 2px; height: 11px; overflow: hidden;}
#tooltip h3, #tooltip div {margin: 0;}


#header {height: 120px; width: 960px; margin: 0 auto; position: relative;}
#header li a {font-size: 14px; font-size: 14px; text-transform: uppercase; color: #ececec; text-decoration: none; display: block; height: 15px;}

#menu {position: absolute; left: -17px; top: 73px;}
#menu li {float: left;}
#menu li a {padding: 0 12px; border-left: solid 1px #565556; text-align: center;}
#menu li a:hover {color: #2ebfd9;}
#menu li.current_page_item a, .portfolio-projekt #menu li.page-item-10 a, .oferta #menu li.page-item-8 a {font-weight: bold; color: #2ebfd9; font-size: 15px;}
#menu li.page-item-4 a, #menu li.page-item-6 a {border-left: none;}
#menu li.page-item-6 a {padding-left: 0px;}
#menu li.page-item-4 {padding-right: 97px; margin-top: -51px;}
#menu li.page-item-4 a {background: url(images/tasty-logo.png) no-repeat 0 0; width: 217px; height: 101px; display: block; text-indent: -9999px;}
#menu li.page-item-4 a:hover {background-position: 1px -101px;}

#menu li.page-item-6  a {width: 52px;}
#menu li.page-item-8  a {width: 64px;}
#menu li.page-item-10 a {width: 91px;}
#menu li.page-item-12 a {width: 77px;}
#menu li.page-item-14 a {width: 48px;}

#sidemenu {width: 290px; margin-top: 58px; float: left;}
#sidemenu li {height: 28px;}
#sidemenu a {display: block; font-size: 19px; color: #3b3b3b; font-weight: 900; text-decoration: none; background: url(images/sidemenu-bg.gif) no-repeat top right; margin-bottom: 4px; padding: 2px 17px;}
#sidemenu a:hover {color: #fff;}
#sidemenu .current_page_item a {background-position: right -28px;}
#sidemenu .current_page_item a:hover {color: #3b3b3b;}
.shifted {margin-left: 325px; padding-top: 50px; padding-bottom: 205px;}
.shifted h1 {position: absolute; left: 0; top: 0;}
#content .shifted h2 {font-size: 19px; font-weight: normal; color: #ababab;}
#content .shifted h3 {font-size: 20px; font-weight: bold; color: #2ebfd9;}
.shifted .clearer {clear: none;}
.shifted p {position: relative;}
.shifted p img {position: absolute; top: 30px; display: none;}

#langs {position: absolute; right: 0; top: 73px;}
#langs li {float: left;}
#langs li a {padding: 0 8px;}
#langs li#pl {border-right: solid 1px #565556;}
#langs li.current_lang_item a {font-weight: bold; color: #2ebfd9; font-size: 15px;}
#langs li a:hover {color: #2ebfd9;}

#content {color: #aeaeae; font-size: 11px; width: 960px; margin: 19px auto 0; padding-bottom: 40px; position: relative;}
#content p, #content li {line-height: 16px;}
#content p {margin-bottom: 7px;}
#content h2 {color: #2ebfd9; font-size: 20px; font-weight: bold; line-height: 30px; margin-bottom: 10px;}
#content h3 {color: #ececec; font-size: 19px; font-weight: normal; margin-bottom: 7px;}

.home #slider-wrapper {width: 990px; height: 349px; background: url(images/homepage-slider-bg.png); margin: 10px -15px 27px; position: relative; overflow: hidden;}
.home #slider {width: 960px; height: 319px; margin: 15px; overflow: hidden;}
.home #slider .inner {position: relative; left: 0;}
.home #slider .project {width: 960px; height: 319px; float: left; position: relative;}
.home #slider .project span.new {position: absolute; left: 0; top: 0; background: url(images/badge-new.png) no-repeat; width: 77px; height: 77px; display: block; text-indent: -9999px;}
.home #slider .project .description {position: absolute; bottom: 0; width: 945px; padding-left: 15px; height: 68px; background: #000; opacity: 0.65; border-top: solid 1px #2ebfd9;}
.home #slider .project .description img {float: left; margin-right: 15px;}
.home #slider .project .description h4 {font-size: 15px; color: #d3d3d3; font-weight: normal; margin: 14px 0 8px;}
.home #slider .project .description a {background: url(images/mini-arrow.gif) #2ebfd9 no-repeat 6px 3px; padding: 1px 7px 1px 19px; font-size: 10px; text-decoration: none; color: #fff; text-transform: uppercase; font-weight: bold;}
.home #slider .nav a {background: url(images/arrows-blue.gif) no-repeat 25px 15px; width: 150px; opacity: 0; height: 250px;}
.home #slider .nav a.right {background-position: -175px 15px;}
.home #content .column {font-size: 10px;}
.home #content .column h2 {color: #e7e7e8; font-size: 24px; font-weight: normal; margin-top: -7px;}
.home #content .column h2 strong {font-size: 24px;}
.home #content .column .alignleft {margin-right: 13px;}
.home #content .column img.alignleft {margin-right: 13px; margin-bottom: 27px;}
.home #content .dynamic-col-1 {cursor: pointer;}
.home #content .dynamic-col-2 {cursor: pointer;}
.home #content .dynamic-col-3 {cursor: pointer;}
.home #content .dynamic-col-3 {width: 209px;}
#en.home #content .dynamic-col-3 {position: relative; left: 10px;}
.home #content .dynamic-col-3 p {position: relative; text-align: center; margin-top: -5px; width: 12px;}
#en.home #content .dynamic-col-3 p {left: -15px;}
.home #content .dynamic-col-3 a {display: none; position: absolute; top: 12px; height: 100px; width: 100px;}

.tasty #content img.alignleft {margin-bottom: 90px;}

.kontakt #content h3 {color: #ababab; margin: 10px 0 4px;}
.kontakt #content {color: #757575;}
.kontakt #content .wpcf7 {margin: -10px 0 0 325px;}
.kontakt #content .wpcf7 input, .kontakt #content .wpcf7 textarea {background: url(images/inputs-bg.gif) repeat; font-weight: bold; color: #757575; padding: 5px 8px 6px; font-family: Tahoma; border: none; font-size: 11px; width: 300px;}
.kontakt #content .wpcf7 textarea {width: 630px;}
.kontakt #content .wpcf7 br {height: 10px;}
.kontakt #content .wpcf7 span.wpcf7-form-control-wrap {display: block; margin-bottom: -24px;}
.kontakt #content .wpcf7 span.your-message {margin: 13px 0 10px;}
.kontakt #content .wpcf7 input.submit {width: 99px; height: 23px; text-indent: -9999px; position: relative; background: url(images/submit-button.gif) no-repeat; cursor: pointer;}
#en.kontakt #content .wpcf7 input.submit {background-image: url(images/submit-button-en.gif);}

.portfolio #content h1 {margin-bottom: 12px;}
.portfolio #content {min-height: 325px;}
.portfolio #content h2 a {color: #ababab; text-decoration: none; font-weight: bold;}
.portfolio #content h2 a:hover {color: #fff;}
.portfolio #content h2 a.active {color: #2ebfd9;}
.portfolio #portfolio .item {width: 188px; height: 282px; overflow: hidden; position: relative; float: left; margin: 0 4px 3px 0; cursor: pointer;}
.portfolio #portfolio .item img {position: absolute; top: 0;}
.portfolio #portfolio .item img.b-w {left: -188px;}
.portfolio #portfolio .item .excerpt {background: rgba(0, 0, 0, 0.7); position: absolute; bottom: 0; width: 168px; height: 123px; padding: 10px 10px; font-size: 10px; line-height: 12px; border-top: solid 1px #2ebfd9;}
.portfolio #portfolio .item .excerpt p {line-height: 12px;}
.portfolio #portfolio .item h2 {font-weight: normal; font-size: 15px; color: #d3d3d3; line-height: 20px; margin: 0; padding: 0; line-height: 0; margin-bottom: 10px;}
.portfolio #portfolio .item h3 {margin-bottom: 4px;}
.portfolio #portfolio .item h3 a {font-weight: bold; color: #2ebfd9; font-size: 16px; margin: 0; padding: 0; line-height: 0; margin-bottom: 0; text-decoration: none;}
.portfolio #portfolio .item .date {position: absolute; bottom: -5px; left: 8px;}
.portfolio #portfolio .archive {display: none;}
.portfolio #portfolio .new-hidden {display: none;}
.portfolio #portfolio .archive-visible {display: block;}
.portfolio .oldfolio {display: none;}
.portfolio .oldfolio {padding: 0 25px 1px; background: url(images/sidemenu-bg.gif) top right; font-size: 19px; font-weight: bold; text-decoration: none; color: #202020; display: inline-block; margin: 25px 5px 22px; float: right;}
.portfolio .oldfolio:hover {background-position: bottom right;}
.portfolio #oldfolio-new.oldfolio {position: absolute; top: -13px; right: 0; background-position: top left; display: none;}
.portfolio #oldfolio-new.oldfolio:hover {position: absolute; top: -13px; right: 0; background-position: bottom left;}

.portfolio-projekt h1 {color: #2ebfd9;}
.portfolio-projekt #images-wrapper {margin-left: -34px; padding: 0 34px; width: 1000px; background: url(images/cienie_portfolio.png) -51px 0 no-repeat;}
.portfolio-projekt #images {min-height: 462px; width: 960px; position: relative;}
.portfolio-projekt #images .set {left: 0; position: relative;}
.portfolio-projekt #images .image {float: left; opacity: 0.1; position: relative;}
.portfolio-projekt #images .image #description {position: absolute; right: 45px; bottom: 0px; text-align: right; font-size: 10px; color: #757575; width: 384px; height: 163px; line-height: 12px; height: 464px;}
.portfolio-projekt #images .image #description .inner {margin-top: 40px;}
.portfolio-projekt #images .image #description h2 {font-size: 19px; font-weight: normal; color: #d3d3d3; line-height: 10px; margin-top: 15px;}
.portfolio-projekt #images .nav {position: relative; z-index: 1; width: 960px;}
.portfolio-projekt #images .nav a {top: 0; height: 462px; width: 125px; background: url(images/strzalka_lewo.png) no-repeat 20px 145px; opacity: 0;}
.portfolio-projekt #images .nav .left {left: 0;}
.portfolio-projekt #images .nav .right {right: 0; background-image: url(images/strzalka_prawo.png);}
.portfolio-projekt #bottom-nav a {font-size: 19px; font-weight: bold; text-decoration: none; color: #202020; display: inline-block; background: url(images/sidemenu-bg2.gif) bottom left; margin-top: 20px;}
.portfolio-projekt #bottom-nav a.left {padding: 0 25px 1px;}
/*.portfolio-projekt #bottom-nav a.right {padding: 0 25px 1px; background-position: bottom right;}*/
.portfolio-projekt #bottom-nav a.right {padding: 0 25px 1px; background: url(images/sidemenu-bg.gif) top right;}
.portfolio-projekt #bottom-nav a:hover {background-position: top left; color: #3b3b3b;}
.portfolio-projekt #bottom-nav a.right:hover {background-position: bottom right;}


#footer {clear: both; background: #e9e9e9; font-size: 9px;}
#footer-content {width: 960px; margin: 0 auto; padding: 18px 0 110px;}
#footer a {color: #3b3b3b; text-decoration: none;}
#footer a:hover {text-decoration: underline;}
#footer strong {color: #2ebfd9;}
#footer #facebook {padding-right: 58px; margin-right: 20px; background: url(images/facebook.gif) no-repeat right;}
#footer #twitter {background: url(images/twitter.gif) no-repeat right; padding-right: 30px;}
#footer #mini-tasty {margin-left: 15px; padding-right: 25px; background: url(images/tasty-mini.gif) no-repeat right; margin-top: -9px; line-height: 24px; display: inline-block; height: 15px;}