/* Base */
@import url(https://static.typepad.com/.shared/themes/walt/styleless/theme.css);

@import url(https://static.typepad.com/.shared/themes/common/bxslider.css);
@import url(https://static.typepad.com/.shared/css/widgets.css);
@import url(https://static.typepad.com/.shared/themes/common/recentpostsfancy.css);

/* Tip Jar */
@import url(https://static.typepad.com/.shared/themes/common/tipjar.css);

/* Portal */

/* Theme */
@import url(https://static.typepad.com/.shared/themes/typepad/theme-bootstrap-simple/main.css);


/* Theme - Colors & Fonts */

        
            /* uploaded_background_image: https://ninecooks.typepad.com/.a/6a00d83451fa5069e201b7c7de581f970b-pi */
            
        


body {
    background-color: #B28861;
    background-image: url('https://ninecooks.typepad.com/.a/6a00d83451fa5069e201b7c7de581f970b-pi');
    background-position: top left;
  
      background-repeat: repeat;
  
}

/* BANNER BACKGROUND */

    header.main { background: #265884; }


#banner { text-align: center; }
#banner h2 { padding-top: 5px; }
#banner h1 a, #banner-title, #banner-title a { color: #FFFFFF !important; }
#banner h2, #banner-desc, #banner-desc a { color: #FFFFFF; }

.left-container a, .left-container a:hover, .left-container a:visited {
    color: #996633;
}
.post hr { border: none; margin-top: 0; }

.pager-right:hover, .pager-left:hover {
    border: 1px solid rgba(153,102,51,0.2);
}

#social a, .fa-bars,
#previous_story a, #next_story a,
.navtext a, .navtitle a {
    color: #996633 !important;
}

#previous_story .fa, #next_story .fa  {
    background-color: #B28861;
}

.module-header, .module-header a {
    color: #996633 !important;
}

.module-header {
    border-bottom: 2px solid rgba(153,102,51,0.2);

}

::-webkit-input-placeholder {
color: #996633 !important;
}
:-moz-placeholder {
color: #996633 !important;
}
::-moz-placeholder {
color: #996633 !important;
}
:-ms-input-placeholder {
color: #996633 !important;
}


.module-search .form-control {
    background-color: #FFFFFF !important;
    border-color: #996633 !important;
}

.module-search .btn {
    background: #996633 !important;
    color: #FFFFFF !important;

}

#footer, #footer a {
    color: #777777;
}

.widgets a {
    color: #996633;
}

.widgets {
    color: #996633;
}

.bx-viewport,
.left-container {
    background: #FFFFFF !important;
}

.widgets {
    background: #FFFFFF;
}

.post,
.individual-post,
.entry-body,
.search-subheader,
.flip-excerpt {
    color: #000000;
}

.flip-excerpt a,
.search-subheader a {
    color: #996633;
}

span.drop-l:hover span,
span.drop-r:hover span {
    background: #FFFFFF;
    border: 3px solid #B28861;
    color: #000000;
}

.login-list,
.login-list a {
    color: #000000 !important;
}

h2.entry-header a,
h5.date-header a,
h5.date-header {
     color: #000000 !important;
}

.search-results h3.comment-header,
h3.entry-header,
.flip-title a {
     color: #363535 !important;
}

.overlay-text h3 {
     color: #363535 !important;
}
.overlay-text h5 {
     color: #777777 !important;
}


.overlay-text {
     background: rgba(, 0.7); 
}


.left-container .feat-text {
     color: #777777 !important;
}

.entry-footer-info,
.entry-footer-info a,
.entry-footer-tags a {
    color: #777777 !important;
}

.entry-body  blockquote p { 
  font-family: 'Lato' !important;
  font-size: 16px !important;  
  line-height: 25.6px;
} 

.font-entrybody a { text-decoration: underline !important; }

#comment-text,
#comment-author,
#comment-email,
#comment-url,
#comment-preview-confirmation,
#comment-preview-confirmation p,
#comment-text.form-control,
#comment-post-button.form-control,
#comment-preview-button.form-control,
#comment-confirm-post,
#comment-edit {
   background: #FFFFFF;
   color: #000000;
}

#comment-text,
#comment-author,
#comment-email,
#comment-url,
#comment-post-button.form-control,
#comment-preview-button.form-control,
#comment-confirm-post,
#comment-edit  {
border: 1px solid #000000 !important;
}

.archive-header,
.comments-header,
.comments-open-header,
.fa-comment,
.fa-comments {
color: #363535;
}

.comments-header { margin-bottom: 20px; }

.comments-info,
.comment-content,
.comments-open-subtext,
.comments-open-moderated,
#comments-open-data p {
color: #000000!important;
}

.comment-footer,
.comments a {
color: #777777;
}

.comment-footer {
padding: 0 !important;
margin: 0 0 5px 0;
font-weight: 400;
}

#comment-post-button, #comment-preview-button {
color: #000000!important;
}

.comment { padding: 0; margin-bottom: 35px; border-bottom: 1px solid #CCC; }

.lydia_the_perfect_pantry { margin-bottom: 35px; }

.comment.lydia_the_perfect_pantry { 
clear: left;
margin: 5px 0 35px 0;
border: 1px solid #ccc;
background: #EFEFEF;
padding: 5px 10px 0px 10px;
}


/* FONTS */
  
     
#atp-comments { font-family: 'Lato' !important; font-size: 16px !important; }

.font-entrybody { font-family: 'Lato' !important; font-size: 16px !important; line-height: 25.6px !important; visibility: hidden; } .wf-lato-n4-active .font-entrybody, .wf-lato-n4-inactive .font-entrybody { visibility: visible; }
       
  .font-entryheader { font-family: 'Oswald'; font-size: 28px !important; line-height: 34px !important; visibility: hidden; } .wf-oswald-n4-active .font-entryheader, .wf-oswald-n4-inactive .font-entryheader { visibility: visible; }

.post h2.entry-header a {
    font-weight: 400;
}
       
  .font-dateheader { font-family: 'Lato'; font-size: 16px !important; line-height: 16px !important; visibility: hidden; } .wf-lato-n4-active .font-dateheader, .wf-lato-n4-inactive .font-dateheader { visibility: visible; }
       
  .font-entryfooter { font-family: 'Lato'; font-size: 14px !important; line-height: 14px !important; visibility: hidden; } .wf-lato-n4-active .font-entryfooter, .wf-lato-n4-inactive .font-entryfooter { visibility: visible; }
       
  .font-footer { font-family: 'Oswald'; font-size: 18px !important; line-height: 18px !important; visibility: hidden; } .wf-oswald-n4-active .font-footer, .wf-oswald-n4-inactive .font-footer { visibility: visible; }
       
  .font-nav { font-family: 'Oswald'; font-size: 18px !important; line-height: 18px !important; visibility: hidden; } .wf-oswald-n4-active .font-nav, .wf-oswald-n4-inactive .font-nav { visibility: visible; }
  
   #banner h1 a, #banner-title, #banner-title a { font-family: 'Oswald'; font-size: 100px; line-height: 100px; visibility: hidden; }

   #banner h2, #banner-desc, #banner-desc h2 { font-family: 'Alice'; font-size: 34px; line-height: 34px; visibility: hidden; }

   h2.module-header, h2.module-header a { font-family: 'Oswald'; font-size: 22px; line-height: 22px; visibility: hidden; }

   .module-content { font-family: 'Lato'; font-size: 16px; line-height: 16px; visibility: hidden; }

   .module-content a { font-family: 'Lato'; font-size: 16px; line-height: 16px; visibility: hidden; }

   .module-content { line-height: 19px; }
   .menu-icon { line-height: 18px; font-size: 18px; }
   #icons-container { font-size: 18px !important; line-height: 18px !important; }
    

   .type-text { height: 18px; }

   .wf-oswald-n4-active #banner h1 a, .wf-oswald-n4-inactive #banner h1 a,
   .wf-alice-n4-active #banner h2, .wf-alice-n4-inactive #banner h2,
   .wf-oswald-n4-active h2.module-header, .wf-oswald-n4-inactive h2.module-header,
   .wf-oswald-n4-active h2.module-header a, .wf-oswald-n4-inactive h2.module-header a,
   .wf-lato-n4-active .module-content, .wf-lato-n4-inactive .module-content,
   .wf-lato-n4-active .module-content a, .wf-lato-n4-inactive .module-content a { 
       visibility: visible !important; 
   }







#imageslider .bx-viewport,
.left-container,
.widgets,
#footer,
span.drop-l span,
span.drop-r span {
   border-radius: 0;
}



h2.entry-header a,
h2.content-header {
     color: #363535 !important;
}

h5.date-header a,
h5.date-header {
     color: #777777 !important;
}


   #footer {
        background: #FFFFFF;
   }






     
         #icons-container .row { margin-top: -1px; background: #FFFFFF; border: 1px solid #FFFFFF; }

            #st-trigger-effects { left: 5px; }
            #social ul {right: 5px; }

         

     

    

      .menu-icon, #social li { background-color: transparent; }





@media(min-width:0px) { 
    #banner h1 a, #banner-title, #banner-title a { font-size: 32px; line-height: 32px; }
    #banner h2, #banner-desc { font-size: 24px; line-height: 24px; }
}
@media(min-width:450px) { 
    #banner h1 a, #banner-title, #banner-title a { font-size: 38px; line-height: 38px; }
    #banner h2, #banner-desc { font-size: 24px; line-height: 24px; }
}
@media(min-width:525px) { 
    #banner h1 a, #banner-title, #banner-title a { font-size: 44px; line-height: 44px; }
    #banner h2, #banner-desc { font-size: 24px; line-height: 24px; }
}
@media(min-width:550px) { 
    #banner h1 a, #banner-title, #banner-title a { font-size: 46px; line-height: 46px; }
    #banner h2, #banner-desc { font-size: 24px; line-height: 24px; }
}
@media(min-width:600px) { 
    #banner h1 a, #banner-title, #banner-title a { font-size: 50px; line-height: 50px; }
    #banner h2, #banner-desc { font-size: 24px; line-height: 24px; }
}
@media(min-width:650px) { 
    #banner h1 a, #banner-title, #banner-title a { font-size: 54px; line-height: 54px; }
    #banner h2, #banner-desc { font-size: 24px; line-height: 24px; }
}
@media(min-width:700px) { 
    #banner h1 a, #banner-title, #banner-title a { font-size: 58px; line-height: 58px; }
    #banner h2, #banner-desc { font-size: 24px; line-height: 24px; }
}
@media(min-width:750px) { 
    #banner h1 a, #banner-title, #banner-title a { font-size: 63px; line-height: 63px; }
    #banner h2, #banner-desc { font-size: 24px; line-height: 24px; }
}
@media(min-width:800px) { 
    #banner h1 a, #banner-title, #banner-title a { font-size: 67px; line-height: 67px; }
    #banner h2, #banner-desc { font-size: 24px; line-height: 24px; }
}
@media(min-width:850px) { 
    #banner h1 a, #banner-title, #banner-title a { font-size: 71px; line-height: 71px; }
    #banner h2, #banner-desc { font-size: 24.14px; line-height: 24.14px; }
}
@media(min-width:900px) { 
    #banner h1 a, #banner-title, #banner-title a { font-size: 75px; line-height: 75px; }
    #banner h2, #banner-desc { font-size: 25.5px; line-height: 25.5px; }
}
@media(min-width:950px) { 
    #banner h1 a, #banner-title, #banner-title a { font-size: 79px; line-height: 79px; }
    #banner h2, #banner-desc { font-size: 26.86px; line-height: 26.86px; }
}
@media(min-width:980px) { 
    #banner h1 a, #banner-title, #banner-title a { font-size: 82px; line-height: 82px; }
    #banner h2, #banner-desc { font-size: 27.88px; line-height: 27.88px; }
}
@media(min-width:992px) { 
    #banner h1 a, #banner-title, #banner-title a { font-size: 83px; line-height: 83px; }
    #banner h2, #banner-desc { font-size: 28.22px; line-height: 28.22px; }
}
@media(min-width:1200px) { 
    #banner h1 a, #banner-title, #banner-title a { font-size: 100px; line-height: 100px; }
    #banner h2, #banner-desc { font-size: 34px; line-height: 34px; }
}

     /* TEXTBANNER MARGIN */
     
     @media(min-width:0) {
        #banner { margin-top: 10px; margin-bottom: 10px; }
        #banner h2 { margin: 2px 0 0; }
     }
     @media(min-width:768px) {
        #banner { margin-top: 15px; margin-bottom: 15px; }
        #banner h2 { margin: 5px 0 0; }
     }
     @media(min-width:992px) {
        #banner { margin-top: 25px; margin-bottom: 25px; }
        #banner h2 { margin: 12px 0 0; }
     }
     @media(min-width:1200px) {
        #banner { margin-top: 35px; margin-bottom: 35px; }
        #banner h2 { margin: 15px 0 0; }
     }
     


       

       


/* SIDEBAR ALIGNMENT */
            .widgets, .feat-text { text-align: left; }
.module-sidebarimage img { margin-left: 0 !important; } .module-photo, .module-photo img { text-align: left; } .widgets .module-featured .top-no-excerpt { text-align: left; }



@media(min-width:0) {
  .two-column-right .left-container {
       
     border-bottom-left-radius: 0;
  }
  .two-column-right .widgets {
     margin-top: 0;
     border-top-right-radius: 0;
       
   }
  .two-column-left .left-container {
     
     border-bottom-right-radius: 0;
  }
  .two-column-left .widgets {
     margin-top: 0;
     border-top-left-radius: 0;
     
   }
}
@media(min-width:768px) {
  .two-column-right .left-container {
     margin-right: 0;
     
  }
  .two-column-right .widgets {
     margin-left: 0;
     
   }
  .two-column-left .left-container {
     margin-left: 0;
     
  }
  .two-column-left .widgets {
     margin-right: 0;
     
   }
}
 

/* Collapsed divider code */
/*
@media(min-width:0) {
  .two-column-right .widgets {
    border-left: 0;
    border-top: 1px dotted black;
  }
  .two-column-left .widgets {
    border-right: 0;
    border-top: 1px dotted black;
  }
  .one-column .widgets {
    border-top: 1px dotted black;
  }
}
@media(min-width:768px) {
  .two-column-right .widgets {
    border-left: 1px dotted black;
    border-top: 0;
  }
  .two-column-left .widgets {
    border-right: 1px dotted black;
    border-top: 0;
  }
}
*/


/* Smush margin */





  

.two-column-right .col-sm-4 { padding-right: 15px; padding-left: 0; }
.two-column-right .col-sm-8 { padding-right: 0; padding-left: 15px; }
.two-column-left .col-sm-4 { padding-right: 0; padding-left: 15px; }
.two-column-left .col-sm-8 { padding-right: 15px; padding-left: 0; }

.one-column .widgets { margin-top: 0; }
.one-column .left-container { border-bottom-left-radius:0 !important; border-bottom-right-radius:0 !important; }
.one-column .widgets { border-top-left-radius:0 !important; border-top-right-radius:0 !important; }

@media(max-width:767px) {
  .two-column-right .widgets, .two-column-left .widgets { margin: 0; }
  .two-column-right .col-sm-8, .two-column-right .col-sm-4, .two-column-left .col-sm-8, .two-column-left .col-sm-4 { padding: 0 15px; }
   
               .pagebody {  margin-top:20px !important; }
}
@media(min-width:768px) {
   
}




/* Navbar */


#icons-container { margin-bottom: 30px; }

 #icons-container .content  { display: inline-block; margin: 0; padding: 10px 10px 10px 5px; }#icons-container { margin-bottom: 30px; }



#icons-container .navtext { float: right; text-align: right; } #icons-container .navtext a { padding: 0 0 0 44px; }

.overlay {
   vertical-align: bottom;
} 

     

#imageslider { margin-top: 0px; }#imageslider { margin-bottom: 40px !important; }



#footer { text-align: left; }


   #footer-inner { width: auto; }





/* Slider Nav for Text Nav on small screens */
   @media(min-width:0) {
      .navtext { width: auto; float: left !important; }
      .navtitle { margin-left: 12px; }     
   }
   @media(min-width:768px) {
      .navtext { width: 100%; }
      .navtitle { margin-left: 0px; }
   }


/* Banner Text Overlay */

/* Use sidebar text size and family for calendar td */
.module-calendar th {
font-size: 12.8px !important;
line-height: 12.8px !important;
font-family: 'Lato';
}
.module-calendar td, .module-calendar td a {
font-size: 16px !important;
line-height: 16px !important;
font-family: 'Lato';
}



/* Borders */
.left-container {
border-left: 0; border-right: 0; border-top: 0; border-bottom: 0;
}
.widgets {
border-left: 0; border-right: 0; border-top: 0; border-bottom: 0;
}



#admodule { position: relative; width: 100%; top: 0px !important; margin: 0 auto; padding: 0; clear: both; }
#admodule-inner { margin: -15px auto 15px !important; text-align: center; }





         /* Hide mobile navs in regular view */
           #nav-bottom { display:none !important; }
           #mobile-headernav { display:none !important; }


/* Theme - Custom Banner */






/* Custom CSS */
#icons-container {
    border-top-width: 0;
    margin-bottom: 0;
}

header.main,
.pagebody {
    margin-top: 0 !important;
}


#icons-container .row {
    margin: 0 auto;
    max-width: 1110px !important;
    padding: 0;
}

#icons-container {
    display: block;
    max-width: 100% !important;
    padding-bottom: 0 !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    padding-top: 0 !important;
    width: 100% !important;
}

.post hr { border: 1px solid #fff; }

.excerpt {
    margin-bottom: 0;
    margin-top: 10px;
}

.highlight-image-wrapper,
.entry-body img,
.entry-more img {
    border: 1px solid #8b8b8b;
}


.font-entrybody h3 {
color: #363535;
font-family: 'Oswald', Verdana, sans-serif;
font-size: x-large;
line-height: normal;
text-align: left;
font-weight: 400;
}

.font-entrybody h4 { 
color: #999999;
font-family: 'Oswald', Verdana, sans-serif;
font-size: x-large;
line-height: normal;
text-align: left;
font-weight: 300;
}

.post .highlight-image { margin-bottom: 0; }



.entry-footer {
border-top: 1px solid #CCC;
padding-top: 10px;
}

h2.module-header, h2.module-header a {
    font-weight: 300 !important;
}


#social a, .fa-bars, #previous_story a, #next_story a {
    color: #000 !important;
}
#previous_story a, #next_story a {
    color: #000;
}

#banner { display: none; }

.navtitle a {
display: block;
text-indent: -1000em !important;
height: 140px;
width: 140px;
font-size: 0;
background: transparent url(https://www.theperfectpantry.com/assets/top-logo.png) center center no-repeat !important;
}

#icons-container .row {

}

.navtext a:hover, .navtitle a:hover {
opacity: 1;
color: #cc3333 !important;
}

@media(max-width: 768px) {
.navtitle a {
    background-size: 100px 100px !important;
    height: 100px;
    width: 100px;
}
}


@media(min-width:768px) {
#icons-container .navtext a {
    padding-left: 10px;
    padding-top: 30px;
}
}

@media(min-width:992px) {

}

@media(min-width:1024px) {
#icons-container .navtext a {
    padding-left: 30px;
    padding-top: 30px;
}
}


.highlight .post:not(:first-of-type) { margin-top: 30px; }

.widgets-inner .module:not(:first-of-type) {
  padding-top: 20px;
}

.st-menu ul a { padding: 0 0 30px 0; }

#ng-pinit-button {
    background: url('http://3.bp.blogspot.com/-y3xzTGiGzH0/UK4XOaUpdaI/AAAAAAAADw8/Z1MH4Jr4Efo/s1600/pinterestx1_72.png') no-repeat 10px 10px;
    display: block;
    position: absolute;
    width: 72px;
    height: 72px;
    z-index: 500;
}


@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 667px) { 
#blogher_160x600_ad_tpp,
#lijit_160x600_tpp { display: none; }
}


.entry-body img, .entry-more img { margin: 0 auto; max-width: 100%; }

.search-results-highlight { background-color: #FFE187; }

.search .entry-photo {
    float: left;
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 10px;
    margin-top: 5px;
    padding: 0 !important;
}





/* Mobile Search Form */


.mobile-search .form-control {
    background-color: #FFFFFF !important;
    border-color: #996633 !important;
}

.mobile-search .btn {
    background: #996633 !important;
    color: #FFFFFF !important;
    padding: 4px 15px;
}

     @media(max-width: 768px) {
        .mobile-search #search-blog { padding-top: 15px; }
        .mobile-search input[type="search"] { height: 30px; width: 160px; float: left; }
        .mobile-search .btn {  }
     }


     @media(min-width:768px) {
        .mobile-search { float: right; margin: 25px 0 0 25px; }
        .mobile-search input[type="search"] { height: 30px; width: 200px; }
     }


/* ph=1 */