/*
Aldebaran Web dünyasi
*/
/* Import Basic Files
================================================== */
@import url("base.css");                                 /* Reset & Basics */
@import url("grid.css");                                 /* 940 Grid */
@import url("fontello.css");                             /* Fontello */
@import url("magnific-popup.css");                       /* FlexSlider */

/* Table of contents

1. Body
2. Typography
3. Links
4. Header / top links, social icons, logo
5. Navigation
6. Sliders / main slider, recipes carousel
7. Content / post, open post, page navigation, 
8. Sidebar / instagram. vimeo embed, ads
9. Others / search, contact form, comment form
10. Footer / top searches, facebook
11. Responsive
12. Retina

================================================== */

/* 1. Body

================================================== */

body {
    font: 13px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #222222;
    -webkit-text-size-adjust: none;
    margin: 0;
    padding: 0;
    background:#FFC repeat;
    -webkit-font-smoothing: antialiased;
}

.container {
    position: relative;
    max-width: 960px;
    margin: 0 auto;
    overflow: hidden;
}
.ie8 .container {
    width: 1000px;
}

/* 2. Typography

================================================== */

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-family:"Times New Roman", Times, serif;
    margin: 0;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    font-weight: inherit;
}

h1 {
    font-size: 50px;
    line-height: 50px;
    margin-bottom: 14px;
}

h2 {
    font-size: 28px;
    line-height: 40px;
    margin-bottom: 10px;
}

h3 {
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 8px;
}

h4 {
    font-size: 25px;
    line-height: 30px;
    margin-bottom: 4px;
}

h5 {
    font-size: 21px;
    line-height: 24px;
}

h6 {
    font-size: 18px;
    line-height: 21px;
}

em {
    font-style: italic;
}

strong {
    font-weight: bold;
}

small {
    font-size: 80%;
}


/* 3. Links

================================================== */

a {
    color: #666666;
    text-decoration: none;
}

a, .nav-icon {
    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

img {
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
    transition: all 0.4s ease-in;
}


/* 4. Header

================================================== */

.top-bar {
    min-height: 20px;
    padding: 5px 0;
    background: #000;
}

.top-bar a {
    font-size: 12px;
    font-weight: bold;
    margin-right: 20px;
    color: #b2b2b2;
}

.top-bar a:hover {
    color: #e5e5e5;
}

.social {
    float: right;
    text-align: right;
}

.social a {
    margin-right: 0;
    margin-left: 5px;
}

.icon-twitter:hover {
    color: #00acee
}

.icon-facebook:hover {
    color: #3b5998
}

.icon-instagram:hover {
    color: #3f729b
}

.icon-flickr:hover {
    color: #ff0084
}

.main-header {
    background:#000;
    -webkit-box-shadow: 0px 3px 3px 0px #bfbfbf;
    box-shadow: 0px 3px 3px 0px #bfbfbf;
    position: relative;
    z-index: 10;
    padding: 5px 0;
	height:120px;
}

#logo {
    float: left;

}

#logo img {
    width: auto; /* IE8 hack */
   transition: opacity 0.2s ease;
    -moz-transition: opacity 0.2s ease;
    -webkit-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
		height:120px;
}
#logo img:hover { opacity: 0.8;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;

 }
.top-search, .top-search .searchform #s, .top-search .searchform {
    float: right;
	padding-left:90px;
}



/* 5. Navigaion

================================================== */

#nav-toggle {
    text-align: center;
    padding: 20px;
    position: relative;
    background: #ffe616;
    margin-top: -3px;
    z-index: 1;
    font-family: 'Bitter', serif;
    font-size: 18px;
    text-transform: uppercase;
    display: block;
    color: #222;
}

#nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
    display: block;
    background: #ffffff;
    margin-top: -3px;
    z-index: 1;
    -webkit-border-radius: 0px 0px 20px 20px;
    border-radius: 0px 0px 20px 20px;
    font-family: 'Bitter', serif;
    font-size: 18px;

}

#nav li {
    border-bottom: 1px dashed #bfbfbf;
    margin-bottom: 0;
    padding: 0 0 0 15px;
    margin: 0;
    display: block;
	font-family:"Times New Roman", Times, serif;
	text-transform:uppercase;
	
}

#nav li:hover {
    background-color:#0C0;

}

.active{
	background-color:#0C0;
	}

.activee{
	background-color:#0C0;
	-webkit-border-bottom-right-radius: 22px;
	-moz-border-radius-bottomright: 22px;
	border-bottom-right-radius: 22px;
	height:58px;
	}
.js #nav {
    clip: rect(0 0 0 0);
    max-height: 0;
    position: absolute;
    display: block;
    overflow: hidden;
    zoom: 1;
}

#nav.opened {
    max-height: 9999px;
	
}

#nav li:last-child {
    border-bottom: none;
}



#nav a {
    color:#000;
    padding: 20.5px 0;
    display: block;
	font-weight:bold;
}

#nav-toggle a {
    color: #b2b2b2;
}

#nav a:hover, #nav .active, #nav .active .nav-icon, #nav a:hover .nav-icon, #nav-toggle a:hover {
    color:#000;
}


#nav .nav-icon {
    color: #ffffff;
    font-size: 32px;
    float: right;
    background-color: #ffe616;
	line-height:20px;
	padding:9.4px;
    margin-top: -21px;
    border-bottom: 1px dashed #bfbfbf;
}
#nav .nav-icon img {
	width:40px;
	height:40px;

}
#nav li:last-child .nav-icon {
    -webkit-border-radius: 0px 0px 20px 0px;
    border-radius: 0px 0px 20px 0px;
    border-bottom: none
}

.nav li:active{
	background-color:#00F;}
/* 6. Sliders

================================================== */


/* ================================================== */
@media only screen and (max-width: 640px) {
	.menuhizala{
		margin-top:100px;
		}
}
/* ================================================== */
.bayrak{
	text-align:center;}

.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
    outline: none;
}
.slides, .flex-control-nav, .flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}

.flexslider {
    margin: 0;
    padding: 0;
}
.flexslider .slides > li {

    display: none;
    -webkit-backface-visibility: hidden;
} 
.flexslider .slides img {
    width: 100%;
    display: block;
}
.flex-pauseplay span {
    text-transform: capitalize;
}

.slides:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
html[xmlns] .slides {
    display: block;
}
* html .slides {
    height: 1%;
}

.no-js .slides > li:first-child {
    display: block;
}
.flexslider {
    margin: 0;
    zoom: 1;

}

.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
}

.loading .flex-viewport {
    max-height: 300px;
}

.flexslider .slides {
    zoom: 1;
}



.flex-direction-nav {
    *height: 0;
}

.flex-direction-nav a {
    width: 30px;
    height: 30px;
    display: block;
    background: url(../images/bg_direction_nav.png) no-repeat 0 0;
    position: absolute;
    top: 50%;
    margin-top: -40px;
    z-index: 9999;
    cursor: pointer;
    text-indent: -9999px;
    opacity: 1;
    -webkit-transition: all .3s ease;
    right: 20px;
}

.flex-direction-nav .flex-next {
    background-position: 0 -40px;
    margin-top: 0;
}

.flex-direction-nav .flex-prev {
    margin-top: -40px;
}

.recipe-carousel-warp .flex-direction-nav a {
    right: -40px;
}

.recipe-carousel-warp .flex-direction-nav .flex-next {
    background-position: -40px -40px;
}

#recipe-carousel .flex-direction-nav .flex-prev {
    background-position: -40px 0;
}

#recipe-carousel .slides > li {
    margin: 0 10px;
}



#recipe-carousel .slides > li:first-child {
    margin-left: 0px;
}

.flexslider:hover .flex-next {
    opacity: 1;
}

.flexslider:hover .flex-prev {
    opacity: 1;
}

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
    opacity: 0.8;
}

.flex-direction-nav .flex-disabled {
    opacity: .5!important;
    filter: alpha(opacity=30);
    cursor: default;
}

.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: -40px;
    text-align: center;
}

.flex-control-nav li {
    margin: 0 6px;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.flex-control-paging li a {
    width: 11px;
    height: 11px;
    display: block;
    background: #666;
    background: rgba(0,0,0,0.5);
    cursor: pointer;
    text-indent: -9999px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
}

.flex-control-paging li a:hover {
    background: #333;
    background: rgba(0,0,0,0.7);
}

.flex-control-paging li a.flex-active {
    background: #000;
    background: rgba(0,0,0,0.9);
    cursor: default;
}

.flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden;
}

.flex-control-thumbs li {
    width: 25%;
    float: left;
    margin: 0;
}

.flex-control-thumbs img {
    width: 100%;
    display: block;
    opacity: .7;
    cursor: pointer;
}

.flex-control-thumbs img:hover {
    opacity: 1;
}

.flex-control-thumbs .flex-active {
    opacity: 1;
    cursor: default;
}
#slider img {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
}
.slider-warp {
    float: right;
    margin-top:10px;
    position: relative;
}
.ie8 .slider-warp {
    float: none;

}
.flexslider .slides > li:first-child,
#carousel .slides > li:first-child {display: block; -webkit-backface-visibility: visible;}
.flexslider .slides > li,
#carousel .slides > li {display: none; -webkit-backface-visibility: hidden;}

.recipe .slider-warp {
    float: none;
    margin: 0;
    width: 100%;

}


.carousel-warp {
     padding: 10px; 
    position: absolute;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.7);
    bottom: 0;
    z-index: 10000;
    border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -o-border-radius: 0 5px 0 5px;
    max-width: 600px;
    width: 100%
}


.ie8 .flex-caption, .ie8 .carousel-warp { max-width: 100%; background-color: #000 }

#carousel li {
    margin-right: 20px
}



#carousel img {
    height: 80px;
    width: auto;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    cursor: pointer;
}


.recipe #carousel, .recipe #slider img {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0
}


 

.flex-caption {
    position: absolute;
    display: block;
    max-width: 620px;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    bottom: 100px;
    text-align: center;
 overflow-x: hidden;

}
.ie8 .flex-caption {
    max-width: 100%;
}
.flex-caption h3 {
    line-height: 16px;
    margin: 10px;
}

.flex-caption h3 a,.flex-caption h3  {
    color: #ffffff;
}

.flex-caption h3 a:hover {
    color: #ffe616;
}

.recipe-carousel-warp {
    max-width: 940px;
    margin: 0 auto;
    position: relative;
    overflow: visible;
}

.recipe-block {
    width: 300px;
    min-height: 330px;
    display: block;
    background-color: #FFF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-box-shadow: 0px 2px 2px #d9d9d9;
    box-shadow: 0px 2px 2px #d9d9d9;
    margin-bottom: 5px;
}

.recipe-block a h3 {
    border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
    color: #222222;
    padding: 10px 10px;
    margin-bottom: 0;
    background-color: #ffe616;
    text-align: center;
    min-height: 52px;
}

.recipe-block h5 {
    font-size: 18px;
    line-height: 14px;
    margin: 25px 0 0 0;
}

.img-warp {
    overflow: hidden;
    position: relative;
}

.info-icon {
    font-size: 32px;
}

.img-warp .img-caption {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
}

.img-warp img {
    display: block;
    position: relative;
}

.img-warp ul {
    color: #ffffff;
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0 25px;
}

.img-warp li {
    margin: 0;
    padding: 0;
}

.ie8 .recipe-block:hover .img-caption { 

background-color: #ffe616
}

.recipe-block .img-caption {
    background-color: rgba(255, 230, 22, 0.9);
    top: -200px;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 0.3s ease-out 0.5s;
    -moz-transition: all 0.3s ease-out 0.5s;
    -o-transition: all 0.3s ease-out 0.5s;
    -ms-transition: all 0.3s ease-out 0.5s;
    transition: all 0.3s ease-out 0.5s;
}

.recipe-block:hover .img-caption {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    top: 0px;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    -ms-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-animation: bounceY 0.9s linear;
    -moz-animation: bounceY 0.9s linear;
    -ms-animation: bounceY 0.9s linear;
    animation: bounceY 0.9s linear;
}

@keyframes bounceY { 
    0% { transform: translateY(-205px) }
    40% { transform: translateY(-100px) }
    65% { transform: translateY(-52px) }
    82% { transform: translateY(-25px) }
    92% { transform: translateY(-12px) }
    55%,
    75%,
    87%,
    97%,
    100% { transform: translateY(0px) }
}
@-moz-keyframes bounceY { 
    0% { -moz-transform: translateY(-205px) }
    40% { -moz-transform: translateY(-100px) }
    65% { -moz-transform: translateY(-52px) }
    82% { -moz-transform: translateY(-25px) }
    92% { -moz-transform: translateY(-12px) }
    55%,
    75%,
    87%,
    97%,
    100% { -moz-transform: translateY(0px) }
}
@-webkit-keyframes bounceY { 
    0% { -webkit-transform: translateY(-205px) }
    40% { -webkit-transform: translateY(-100px) }
    65% { -webkit-transform: translateY(-52px) }
    82% { -webkit-transform: translateY(-25px) }
    92% { -webkit-transform: translateY(-12px) }
    55%,
    75%,
    87%,
    97%,
    100% { -webkit-transform: translateY(0px) }
}
.recipe-date { margin-top: 20px;
               padding: 10px;
               color: #b2b2b2;
               float: left;
             }

.rating-warp {
    float:right;
    margin: 25px 10px 0 0;
    
}

.post .rating-warp {
    float: none;

}
.rating a {
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: color 0 ease-in;
    transition: none;
}
.rating{
    list-style:none;
    margin: 0px;
    padding:0px;
    width: 100px;
    height: 20px;
    position: relative;
    background: url(../images/star-rating.png) top left repeat-x;       
}
.rating li{
    padding:0px;
    margin:0px;
    /*\*/
    float: left;
    /* */
}
.rating li a{
    display:block;
    width:20px;
    height: 20px;
    text-decoration: none;
    text-indent: -9000px;
    z-index: 20;
    position: absolute;
    padding: 0px;
}
.rating li .active{
    background: url(../images/star-rating.png) left -20px;
    z-index: 1;
    left: 0px;
}

.rating li a:hover {
    background: url(../images/star-rating.png) left bottom;
    z-index: 1;
    left: 0px;
} 
.rating a.one-star{
    left: 0px;
}
.rating a.one-star:hover{
    width:20px;
}
.rating a.two-stars{
    left:20px;
}
.rating a.two-stars:hover{
    width: 40px;
}
.rating a.three-stars:hover{
    width: 60px;
}
.rating a.three-stars{
    left: 40px;
}
.rating a.four-stars{
    left: 60px;
}   
.rating a.four-stars:hover{
    width: 80px;
}
.rating a.five-stars{
    left: 80px;
}
.rating a.five-stars:hover{
    width: 100px;
}
        


/* 7. Content

================================================== */
#primary { margin: 30px 0 20px;
           float: right;
         }
.primary-content { background: #fff;
                   -webkit-border-radius: 5px;
                   -moz-border-radius: 5px;
                   border-radius: 5px;
                   -webkit-box-shadow: 0px 2px 2px #d9d9d9;
                   box-shadow: 0px 2px 2px #d9d9d9;
                   padding: 20px;
                 }
.primary-content a:hover { border-bottom: solid 1px #eaeaea }
.primary-content #slider a {border-bottom: none}
.post { padding: 20px 0;
        border-bottom: 1px dashed #e5e5e5;
        position: relative;
      }
.post:last-child { padding-bottom: 0px;
                   border-bottom: none;
                 }
a.continue-reading { color: #b2b2b2;
                     font-size: 12px;
                     font-style: italic;
                   }
.post a:hover { color: #666666 }
.post .post-thumbnail { width: 30%;
                        padding-right: 20px;
                      }
.post-thumbnail a:hover { opacity: 0.7;
                          -moz-opacity: 0.7;
                          filter: alpha(opacity=70);
                          -khtml-opacity: 0.7;
                          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";


                        }
.post-content { width: 42%;
                position: relative;
                z-index: 1;
                padding-right: 10px;
              }
.post .post-meta { width: 28%;
                   padding: 20px 0 20px 20px;
                   border-left: 1px solid #e5e5e5;
                   color: #b2b2b2;
                   position: relative;
                 }
.post-meta-item { margin-bottom: 40px;
                  position: relative;
                  z-index: 100;
                }
.post-meta-item:last-child { margin-bottom: 0 }
.post-meta-item div { position: absolute;
                      right: 0;
                      border: solid 3px #999;
                      padding: 10px;
                      -webkit-border-radius: 30px;
                      -moz-border-radius: 30px;
                      border-radius: 30px;
                      margin-top: -30px;
                      font-style: italic;
                      background: #fff;
                      vertical-align: middle;
                      text-align: center;
                      overflow: hidden;
                      
                    }
.post-meta-item span { display: none }
:hover {
-webkit-user-select: none;
-webkit-touch-callout: none;        
}
.post-meta-item div:hover, .post-meta-item div.hover-effect { width: 130px;
                            -webkit-transition: all .3s ease-in-out;
                            -moz-transition: all .3s ease-in-out;
                            -o-transition: all .3s ease-in-out;
                            transition: all .3s ease-in-out;
                          }
.post-meta-item div:hover span, .post-meta-item div.hover-effect span  { display: inline-block;
                                 padding-left: 5px;
                               }
.post-open .post-meta { margin-top: 20px;
                        padding-top: 10px;
                        border-top: solid 1px #e5e5e5;
                      }
.post-open .post-meta,
.post-open .post-meta a { color: #b2b2b2 }
.post-open .post-meta a:hover { color: #222222 }
.post-open .post-meta span:after { padding: 0 10px;
                                   content: "  /  ";
                                   color: #cccccc;
                                 }
.post-open .post-meta span:last-child:after { padding: 0;
                                              content: none;
                                            }
.post-open .post-thumbnail { margin: 20px 0 }
.icon-reply { color: #bbc766 }
.icon-heart { color: #ff6375 }
.archives li { line-height: 25px;
               color: #ffe616;
             }
.pagenav { clear: both;
           margin: 20px 0;
           position: relative;
           font-size: 12px;
           text-transform: uppercase;
         }
.pagenav a { color: #b2b2b2 }
.pagenav a:hover { color: #222222 }
.pagenav .inactive { display: none }
.previous,
.next { position: absolute;
        width: 25%;
        float: none;
      }
.next { text-align: right;
        right: 0;
        top: 0;
      }
.pagelist { width: 50%;
            margin: 0 auto;
            text-align: center;
          }
.pagelist a,
.pagelist .current { display: inline-block;
                     width: 8%;
                     padding: 0 1px;
                   }
.reset-padding { margin: 0 -20px }
.recipe-meta { background-color: #ffe616;
               margin: 0;
               padding: 20px;
             }
.recipe-meta ul { margin: 0;
                  padding: 0;
                }
.recipe-meta ul li { list-style: none;
                     float: left;
                     display: block;
                     width: 33.333%;
                     margin: 0;
                     padding: 0;
                     text-align: center;
                   }
.recipe-meta ul li:first-child { padding: 0 }
h3.ingredients-title,
h3.directions-title { margin-top: 40px }
.ingredients { background: url(../images/ingredients-bg.png) repeat-y;
               max-width: 580px;
               border: solid 1px #b2b2b2;
               border-bottom: double #b2b2b2;
               font: 18px 'Bitter', serif;
             }
.ingredients dl { margin-top: 7px;
                  counter-reset: my-badass-counter;
                  line-height: 30px;
                  color: #222222;
                }
.ingredients dt:before { color: #b2b2b2;
                         content: counter(my-badass-counter);
                         counter-increment: my-badass-counter;
                         margin: 0 40px 0 20px;
                       }
.directions dl { counter-reset: my-badass-counter;
                 color: #222222;
               }
.directions dt { margin-bottom: 20px;
                 clear: both;
               }
.directions dt:before { color: #b2b2b2;
                        content: counter(my-badass-counter);
                        counter-increment: my-badass-counter;
                        width: 35px;
                        height: 28px;
                        padding-top: 7px;
                        display: block;
                        margin-right: 30px;
                        float: left;
                        border: solid 3px #999;
                        border-radius: 50%;
                        text-align: center;
                        font: 18px 'Bitter', serif;
                      }


/* 8. Sidebar

================================================== */
#sidebar { margin: 30px 0 20px;
           padding: 0 10px;
           float: left;
         }
.widget { padding-bottom: 30px }
.widget-title { text-align: center;
                margin-bottom: 20px;
				width:300px;
              }
#sidebar .widget-title { background: url(../images/widget-title.png) repeat-x 5px center transparent }
.widget-title span { background:#FFC repeat;
                     padding: 0 15px;
                   }

.videoWrapper { position: relative;
                padding-bottom: 56.25%;
                padding-top: 25px;
                height: 0;
              }
.videoWrapper iframe { position: absolute;
                       top: 0;
                       left: 0;
                       width: 100%;
                       height: 100%;
                     }
.instagram-widget { padding-right: 0;
                    padding-bottom: 10px;
                  }
.instagram-widget > div { margin-right: -31px }
.ie .instagram-widget > div { margin-right: -32px }
.instagram_thumbnail { float: left;
                       height: 80px;
                       margin: 0 30px 30px 0;
                       width: 80px;
                     }
.instagram_thumbnail img { -webkit-border-radius: 3px;
                           -moz-border-radius: 3px;
                           border-radius: 3px;
                         }
.instagram_thumbnail a:hover img { opacity: 0.6
                         -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
                    filter: alpha(opacity=60);
                        -moz-opacity: 0.6;
                        -khtml-opacity: 0.6; }
.cat-widget { }
.cat-widget ul { margin: 0;
                 padding: 20px;
                 background-color: #fff;
                 list-style: none;
                 border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
}
.cat-widget ul li { margin-bottom: 7px;
                    padding-bottom: 7px;
                    text-transform: uppercase;
                    border-bottom: dashed 1px #cccccc;
                  }
.cat-widget ul li:last-child { margin-bottom: 0;
                               padding-bottom: 0;
                               border-bottom: none; 
                             }
.cat-widget li span { display: none;}
.cat-widget li:hover span { display: block;
                            float: right;
                            padding: 0 5px;
                            border-radius: 3px;
                            -webkit-border-radius: 3px;
                            -moz-border-radius: 3px;
                            -o-border-radius: 3px;
                            background-color: #ffe616;
                          }
.cat-widget a:hover { color: #b2b2b2;}

/* 9. Others

================================================== */
.searchform { display: block;
              padding-top: 36px;
              width: 80%;
            }
.searchform ::-webkit-input-placeholder { color: #e5ce87 }
.searchform :-moz-placeholder { color: #e5ce87 }
.searchform ::-moz-placeholder { color: #e5ce87 }
.searchform :-ms-input-placeholder { color: #e5ce87 }
#footer .searchform { float: left }
.lt-ie8 .searchform { display: inline }
.searchform input { padding: 10px 0px;
                    color: #d0ba7a;
                  }
.searchform .assistive-text,
.searchform input#searchsubmit,
.searchform input#fsearchsubmit { display: none }
.searchform #s,
.searchform #fs { -webkit-transition-duration: 300ms;
                  -webkit-transition-property: width;
                  -webkit-transition-timing-function: ease;
                  -moz-transition-duration: 300ms;
                  -moz-transition-property: width;
                  -moz-transition-timing-function: ease;
                  -o-transition-duration: 300ms;
                  -o-transition-property: width;
                  -o-transition-timing-function: ease;
                  font-size: 13px;
                  padding-left: 11px;
                  padding-right: 30px;
                  -webkit-border-radius: 30px;
                  -moz-border-radius: 30px;
                  border-radius: 30px;
                  width: 80%;
                  background-color: #fffcf2;
                  background-image: url(../images/search-magnify.png);
                  background-position: right 13px;
                  background-repeat: no-repeat;
                  border: 1px solid #fff2cc;
                  -webkit-box-shadow: inset 0px 3px 2px 0px #fff2cc;
                  box-shadow: inset 0px 3px 2px 0px #fff2cc;
                }
.searchform #s:focus,
.searchform #fs:focus { width: 100% }
.lt-ie9 .searchform #s:focus,
.lt-ie9 .searchform #fs:focus { width: 100% }
.contact-form p,
.comment-form p { margin-bottom: 20px }
.contact-form input,
.comment-form input { float: left;
                      margin: 0 10px 0 0;
                      width: 260px;
                    }
.contact-form textarea,
.comment-form textarea { width: 90%;
                         margin: 0;
                       }
.contact-form input,
.contact-form textarea,
.comment-form input,
.comment-form textarea { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
                         font-size: 14px;
                         background: #fff;
                         color: #b2b2b2;
                         border: 1px solid #cecece;
                         padding: 5px 10px;
                         -moz-border-radius: 3px;
                         border-radius: 3px;
                       }
.contact-form input:focus,
.contact-form textarea:focus,
.comment-form input:focus,
.comment-form textarea:focus { border-color: #999999;
                               color: #414141;
                             }
.contact-form label,
.comment-form label { position: relative;
                      top: 6px;
                    }
.contact-form .submit,
.comment-form .submit { float: none;
                        font-size: 13px;
                        font-weight: bold;
                        color: #222222;
                        padding: 5px 10px;
                        margin: 0;
                        cursor: pointer;
                        background: #ffe616;
                        -webkit-border-radius: 6px;
                        -moz-border-radius: 6px;
                        border-radius: 6px;
                        width: 90px;
                        border: solid 2px #ffe616;
                      }
.comment-form .submit { width: 150px }
.contact-form .submit:hover { border-color: #222222;
                              background: #fff;
                            }
.comment-form .submit:hover { border-color: #222222;
                              background: transparent;
                            }
.comments-num,
.leave-comment { font-size: 18px;
                 margin-top: 40px;
               }
.require { color: #ffe616 }
.comments ol { list-style: none;
               padding: 0;
               margin: 0;
             }
.comments ul { list-style: none;
               padding: 0;
               margin: 0 0 0 100px;
             }
.comments ol > li { padding: 40px 0;
                    border-bottom: solid 1px #c7c2b4;
                  }
.comments ul li { margin-top: 40px;
                  padding-top: 40px;
                  border-top: solid 1px #c7c2b4;
                  border-bottom: none;
                }
.comment .avatar { float: left;
                   margin-right: 30px;
                   display: block;
                   width: 50px;
                   height: 50px;
                   border-radius: 50%;
                   -webkit-box-shadow: 0px 2px 2px #d9d9d9;
                   box-shadow: 0px 2px 2px #d9d9d9;
                 }
.comment > div { margin-left: 100px }
.comment-author,
.comment-date,
.reply-link { text-transform: uppercase }
.comment-author { margin-top: 20px }
.comment-author a { font-weight: bold;
                    color: #222222;
                    margin-top: 20px;
                  }
.comment-date { font-size: 11px;
                color: #666666;
              }
a.reply-link { float: right;
               font-size: 11px;
               color: #222222;
               padding: 2px 5px;
               margin: 0;
               display: block;
               background: #ffe616;
               -webkit-border-radius: 3px;
               -moz-border-radius: 3px;
               border-radius: 3px;
               border: solid 2px #ffe616;
             }
a.reply-link:hover { background: transparent;
                     border-color: #222222;
                   }


/* 10. Footer

================================================== */
#footer { border-top: 1px solid #ccc;
          font-size: 12px;
        }
.footer-upper { border-top: 5px solid #ffe599;
                padding: 10px 0px 0px;
              }
#footer a { color: #222 }
.fb-warp { min-height: 250px }
.search-keywords { margin-top: -5px }
.search-keywords a { display: inline-block;
                     padding: 5px 0px 5px 65px;
                   }
.search-keywords a:after { margin-left: 5px;
                           
                         }
.search-keywords a:last-child:after { margin-left: 0;
                                      content: "";
                                    }
.footer-down { clear: both;
               background-color: #fff;
               padding: 0px 0;
               font-size: 10px;
               color: #b2b2b2;
               text-transform: uppercase;
             }
.copyright { float: left;
margin-left: 10px; padding-top:3px; }
.credit { float: right;
margin-right: 10px; }

#fb-root { display: none }
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget span iframe[style] { width: 100% !important }


/* 11. Resposive

================================================== */
@media screen  and (max-width: 639px) { 
    #logo.col { float: none;
                text-align: center;
              }
    .carousel-warp { display: none }
    .flex-caption { bottom: 0; overflow: hidden; }
    .top-search, .top-search .searchform #s, .top-search .searchform {
    float: none;
}

    .searchform { text-align: center;
                  margin: 0 auto;
                }
    .post-meta-item em { display: none }
    .fb-widget {
padding-top: 20px;}
.footer-down {
    text-align: center;
}
.copyright, .credit {

    float: none;
}

    
}
@media screen and (min-width: 640px) { 
    .js #nav {
    position: relative;
  }
  .js #nav.closed {
    max-height: none;
  }
  #nav-toggle {
    display: none;
  }
}
@media screen and (max-width: 430px) { 
    .contact-form input,
    .contact-form textarea { width: 90% }
    .recipe-meta ul li { float: none;
                         width: 100%;
                         padding-top: 20px;
                       }
}
@media screen and (max-width: 1000px) { 
    .recipe-carousel-warp .flex-direction-nav a { right: 10px }
}


/* 9. Retina

================================================== */
@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
    body { background-size: 54px 54px;
           background: url(../images/pattern-2x.png);
           filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../images/pattern-2x.png', sizingMethod='scale');
           -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../images/pattern-2x.png', sizingMethod='scale')";
         }
    .flex-direction-nav a { 
                            background-size: 30px 30px;
                            background: url(../images/bg_direction_nav-2x.png);
                            filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../images/bg_direction_nav-2x.png', sizingMethod='scale');
                            -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../images/bg_direction_nav-2x.png', sizingMethod='scale')";
                 }
    .ingredients { background-size: 578px 30px;
                   background: url(../images/ingredients-bg-2x.png);
                   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../images/ingredients-bg-2x.png', sizingMethod='scale');
                   -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../images/ingredients-bg-2x.png', sizingMethod='scale')";
                 }
    .searchform #s,
    .searchform #fs { background-size: 20px 11px;
                      background-image: url(../images/search-magnify-2x.png);
                      filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../images/search-magnify-2x.png', sizingMethod='scale');
                      -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../images/search-magnify-2x.png', sizingMethod='scale')";
                    }
                    .rating, .rating li a:hover, .rating li .active{
                        background-size: 20px 40px;
                        background: url(../images/star-rating-2x.png) left bottom; 
                        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../images/star-rating-2x.png', sizingMethod='scale');
                            -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../images/star-rating-2x.png', sizingMethod='scale')";}
}