@charset "UTF-8";

@media screen {    
    /* general formatting */
    
    /* MAKE #BEERLIST, #update, #listend INTO A CLASS */
    
    
    /*CONTAINERS*/
    /*----------------------------------------------------------------------------*/
    
    body {
        color: #000;
        line-height: 1.5em;
        font-family: 'Glegoo', serif;
        font-size: 18px;
/*         background: #717171 url(../_images/tactile_noise.png) repeat 0px 0px; */
    }
    
    #page{
        max-width: 60em;
        margin: 0 auto;
        position: relative;
/*         background: #fff url(../_images/stitched_wool.png) repeat 0px 0px; */
    }
    
    
    /*TYPOGRAPHY*/
    /*----------------------------------------------------------------------------*/
    
    h1{
        font-size: 2em;
        font-weight: normal;
        color: #000;
        margin: 0 0 .5em 0; 
        line-height: 120%;
    }
    
    h2{
        font-size: 1.7em;
        font-weight: normal;    
        margin: 0 0 1em 0;
    }
    h3.promo{
        color: darkred;
        font-style: italic;
        line-height: 120%;
        margin: 0;
    }
    h4.promo{
        color: darkred;
        font-style: italic;
        line-height: 120%;
        font-weight: normal;
        margin-top: 0;
    }
    
    
    h3{
        font-size: 1.5em;
        font-weight: normal;    
        margin: 0 0 1em 0;
    }
    
    p{
        font-weight: lighter;   
        margin: 0 0 .75em 0;
    }
    
    ul.hours{
        list-style: none;
        margin: 0 0 2em;
        padding: 0;
    }
    ul.hours li{
        padding: 0;
        font-size: 1.2em;
    }
    
    h3.hours{
        margin-bottom: 0;
    }
    
    /*LAYOUT*/
    /*----------------------------------------------------------------------------*/
    
    #breaker{
        height: 1em;
        border-bottom: 2px dotted #ccc;
        margin: 1em 0 2em 0;
    }
    
    p.header_info{
        color: #36586b;
    }
    
    .promo h3{
        font-size: 1.1em;
        margin: 0;
    }
    
    .promo p{
        line-height: 1.2em; 
        font-size: .9em;
        margin: 0 .5em 0 0;
    }
    
    .promo{
        background-repeat: no-repeat;
    }
    
    .promo.one{
        background-image: url(../_images/promo_1.jpg);
    }
    
    .promo.two{
        background-image: url(../_images/promo_1.jpg);
    }
    
    .promo.three{
        background-image: url(../_images/promo_1.jpg);
    }
    
    
    footer{
        font-size: .5em;
        color: inherit;
        background: none;
        padding: 12px 0 10px 40px;
    }
    
    nav {
        background-color: #36586b;
    }
    
    nav a{
        color: #fff;
        text-transform: uppercase;
        text-decoration: none;
        display: inline-block;
        font-weight: bold;
        font-size: 12px;
    }
    
    nav a:hover{
        color:#a5fcf0;
    }
    
    .clearit{
        clear: both;
        line-height: 1px;
        }
    
    
    /*LINKS*/
    /*----------------------------------------------------------------------------*/
    
    a{
        color: #ff0000;
    }
    
    a:hover{
        color: #009cff;
    }
    
    a.cta{
        text-transform: uppercase;
        font-size: .9em;
        font-weight: bold;
        text-decoration: none;
        margin: .5em 0 0;
        padding: 0 12px 0 0;
        background: url(../_images/cta_arrow.png) no-repeat right -1px;
    }
    
    a.cta:hover{
        background-position: right -51px;
    }
    
    
    /*LINKS*/
    /*----------------------------------------------------------------------------*/
    
    .beerlist {
        padding: 12px 0 10px 20px;
    }
    
    .beerlist #data ul{
        list-style:none;
        margin: 0;
        padding: 0; 
    }

    
    .beerlist #data ul li.nextup{
        color: #7F7F7F;
    }
    
    .beerlist #data ul li.spacemaker{
        border-top:1px dashed #393939;
        margin: 10px 0 0 0;
        padding: 10px 0 0 0;
    }
    
    .beerlist #data .listend {
        padding: 0 0 10px 0;
    }
    
    
    #menu {
        padding: 12px 0 10px 20;
    }
    
    #menu ul{
        list-style:none;
        margin: 0;
        padding: 0; 
    }
    
    #menu ul li{
        list-style: none;
    }
    
    #menu ul li.nextup{
        color: #7F7F7F;
    }
    
    #menu ul li.spacemaker{
        border-top:1px dashed #393939;
        margin: 10px 0 0 0;
        padding: 10px 0 0 0;
    }
    
    #menu .listend {
        padding: 0 0 10px 0;
    }
    

    
    /*INVISIBLE PRINT STYLES*/
    /*----------------------------------------------------------------------------*/
    
    li.continued{
         display: none;
    }
    .nextup_price{
        display: none;
    }
    li.beer_price{
        display:none;
    }
    
} 
/*END MEDIA STYLES*/





/*PRINT STYLES*/
    /*----------------------------------------------------------------------------*/
@media print {
    @page{
        margin: .5cm 0 0 1.15cm;
    }
    
    #page{
       margin: 2cm 0cm 0cm 0cm;
       width: 8.5in;
    } 
    
    .beerlist{
        /* margin: 0cm 0cm 0cm .25cm; */
    }
    
    article{
        width: 46%;
        display: inline-block;
    }
    
    header{
        display:none;
    }
    nav{
        display:none;
    }
    nav a{
        display: none;
    }
    
    h1{
        font: small-caps bold 12pt "Berthold Akzidenz-Grotesk", sans-serif;
        text-transform: uppercase;
        border-bottom: 2px dotted black;
        padding-bottom: 10px;
        width: 8cm;
    }
    

    ul, ol{
        font: 10pt "Courier", monospace; 
        letter-spacing: -.3px;
        margin-left: 0;
        padding-left: 0;
        list-style: none;
    }

    
    ol{
        list-style-position: outside;
    }

    
    li ul li{
       list-style: none;
    }

    
    li.beer_name{
        font-weight: 900;
    }
    
    li.beer_price{
        font-weight: 900;
    }
    
    li.beer_description{
        font-style: italic;
        font-weight: lighter;
    }
    

    li.spacemaker{
        visibility: hidden;
        height: .65cm;
        margin-left: 0; 
    }
    
    
    
    li.continued{
        margin: 1cm 0 1cm 0; 
        font: small-caps bold 11pt "Berthold Akzidenz-Grotesk", sans-serif;
        page-break-after: always;
    }
    
    li.newpage{
        margin-top: 5cm;
        page-break-before: always;
    }
    
    
    #updateShell {
        font-size: .8em;
        font-family: Courier, monospace;
    }
    
    footer{
        display:none;
    }

}