﻿/* * Gives you some sensible styles for printing pages.
   * See Readme file in this directory for further instructions.
      
   Some additions youll want to make, customized to your markup:
   #header, #footer, #navigation { display:none; }
   
-------------------------------------------------------------- */
body, html, #Wrapper {
    width: 100%;
    height: auto;
}

body {
    line-height: 1.5;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000;
    background: none;
    font-size: 10pt;
}

/* Layout
-------------------------------------------------------------- */

.page_container {
    background: none;
}

hr {
    background: #ccc;
    color: #ccc;
    width: 100%;
    height: 2px;
    margin: 2em 0;
    padding: 0;
    border: none;
}

    hr.space {
        background: #fff;
        color: #fff;
    }


/* Text
-------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
    font-family: "Helvetica Neue", Arial, "Lucida Grande", sans-serif;
}

code {
    font: .9em "Courier New", Monaco, Courier, monospace;
}

img {
    float: left;
    margin: 1.5em 1.5em 1.5em 0;
}

a img {
    display: none;
}

p img.top {
    margin-top: 0;
}

blockquote {
    margin: 1.5em;
    padding: 1em;
    font-style: italic;
    font-size: .9em;
}

.small {
    font-size: .9em;
}

.large {
    font-size: 1.1em;
}

.quiet {
    color: #999;
}

.hide {
    display: none;
}

header,.topBanner, .breadcrumb, .spacer, .rotator, .tagsSharePrint, .relatedRecipesWrap, footer {
    display: none;
}
.bodyContent {
    padding-top: 0;
}
.recipeCopy p {
    margin-bottom: 10px;
    line-height: 1em;
}
.recipePageWrap .bottomSection  {
    margin-bottom: 0;
}
.recipePageWrap .bottomSection .leftColumn {
    width: 70%;
    padding-right: 20px
}
.recipePageWrap .bottomSection .rightColumn {
    width: 30%;
}
.recipePageWrap .bottomSection .leftColumn ul {
    margin-bottom: 15px;
}
.recipePageWrap .bottomSection .rightColumn .details {
        display: block;
        border-top: none;
        border-bottom: none;
    }

        .recipePageWrap .bottomSection .rightColumn .details .tile {
            width: 100%;
            max-width: none;
            display: block;
            border-right: none !important;
            text-align: left;
            padding: 0;
        }

            .recipePageWrap .bottomSection .rightColumn .details .tile img {
                display: none;
                padding-right: 5px;
            }

            .recipePageWrap .bottomSection .rightColumn .details .tile .detailsTitle {
                display: inline;
            }

                .recipePageWrap .bottomSection .rightColumn .details .tile .detailsTitle::after {
                    content: ': ';
                }

            .recipePageWrap .bottomSection .rightColumn .details .tile .detail {
                display: inline;
                color: #000;
            }
h1 {
    color: #262626;
    font-size: 45px;
}

h3 {
    font-weight: 600;
}
/* Links
-------------------------------------------------------------- */

a:link, a:visited {
    display: none;
}



/* If you're having trouble printing relative links, uncomment and customize this:
   (note: This is valid CSS3, but it still won't go through the W3C CSS Validator) */

/* a[href^="/"]:after {
  content: " (http://www.yourdomain.com" attr(href) ") ";
} */
