.phrits,
.phrits-invert {
    font-family:            "Courier New", Courier, "Courier Prime", monotype !important;
    font-size:              105%;
    font-weight:            bold;
    text-decoration:        none !important;
    border:                 0 0 0 0 !important;
    text-transform:			lowercase !important;
}
.phrits {
    color:                  #000000 !important;
}
.phrits-invert {
    color:                  #FFFFFF !important;
}
#board {
    background-image: 		url("/images/tiled-board.jpg");
    background-repeat:		repeat;
    min-height:		 		50px;
}
span.dietary {
    font-variant:           small-caps !important;
    font-weight:            bold !important;
    color:                  #FFFFFF;
}

/* p.wrapper {
    padding: 1em;
} */

.recipe.ul {
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: inline-flex;
    cursor: default;
}


div.recipe {
    margin:        1em;
    padding:       1em;
}

li.welcome,
ul.welcome {
    list-style: none !important;
}

    ul.welcome > li {
        margin:         3em 0 3em 3em;
    }
        ul.welcome > li > h3 {
            text-align:     left;
        }
        ul.welcome > li > p {
            text-align:     left;
        }

        ul.welcome > li:first-child {
            margin-top: -1em;
        }

.ingredient {
    list-style-type: none;
    text-indent: -.5em;
  }
  
li.ingredient::before {
    display: inline-block;
    width: 2em;
  }

.emph {
    color: #ffffff;
    font-weight: bold;
}

hr.recipe {
    margin: 0;
}

img.credits,
img.writing {
    max-height: 128px;
    max-width: 128px;
}


.features section .writing,
.features section .credits {
    -moz-transition: opacity 0.5s ease, -moz-transform 0.5s ease;
    -webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
    -ms-transition: opacity 0.5s ease, -ms-transform 0.5s ease;
    transition: opacity 0.5s ease, transform 0.5s ease;
    -moz-transition-delay: 1s;
    -webkit-transition-delay: 1s;
    -ms-transition-delay: 1s;
    transition-delay: 1s;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

/* h1.credits, h1.writing, h1.resume,
h2.credits, h2.writing, h2.resume,
h3.credits, h3.writing, h3.resume,
h4.credits, h4.writing, h4.resume,
h5.credits, h5.writing, h5.resume,
h6.credits, h6.writing, h6.resume,
            p.writing {
    margin-left: 3%;
    margin-right: 3%;
} */
.resume {
    margin-top: -1em;
    margin-left: 1em;
}
h1.credits, .credits, .writing, .resume {
    margin-left: 3%;
    margin-right: 3%;
}


#footer p {
    margin: 1em;
}

#footer div.left{
    float:left;
    width: 48%;
}

#footer div.right{
    float:right;
    width: 48%;
}

#footer div.right p {
    text-align: right;
}


div.col-8 {
    margin-left: 1em;
}


ul.quickies,
ul.res_quickies {
    text-align: right;
    margin-top: -5em;
}
ul.quickies li,
ul.res_quickies li {
    display: inline-flex;
    list-style: none !important;
    font-size: 0.8em;
}

ul.quickies li a,
ul.res_quickies li a {
    text-decoration: none !important;
}


@media screen and (max-width: 480px)
{
    #top_menu {
        display: none;
    }
}
@media screen and (max-width: 360px) {
    #top_menu {
        display: none;
    }
}

#nc_seal {
    max-width: 502px;
    max-height: 504px;
}

.book_title {
    font-style: italic;
}

li.writing {
    margin-left: 4em;
    list-style: none;
}

#kilominion {
    min-width: 426px;
    /* min-height: 46px; */
}

.foreign {
    font-style: italic;
}

#euler {
    max-height: 1.25em;
    display: inline;
}

#main .inner .image {
    margin-top: -4em;
}

.image_caption {
    font-style: italic;
    font-size: 80%;
}
.filename {
    font-family: 'Courier New', Courier, monospace !important;
}

p.res_quickies {
    margin: 0;
    padding: 0;
}
.firstline {
    margin-top: -2em;
}
.fixed {
    font-family: 'Courier New', Courier, monospace;
}
ul {
    margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
ul.skills {
}

ul.skills li {
    list-style: square;
}
 ul.res_quickies {
    display: inline-block;
    padding: 0;
    margin-right: 3%;
    margin-left: 3%;
}
section.wide {
    width: auto;
}

#grampnote {
font-size: 90%;
border: 1px solid #FFFFFF;
border-right: 0;
padding: 2em;
padding-bottom: 0;
margin-top: 1em !important;
}
.meta_headshot {
    line-height: .7em;
}
.meta_caption {
    font-size: 80%;
}