/*** MESSAGE STYLES ***/
p.jlbdb-error           { margin-top: 1em !important; color: #ff0000; font-weight: bold; font-size: 1.4em; }
p.jlbdb-none-available  { margin-top: 1em !important; color: #000; font-weight: bold; font-size: 1.4em; }

/*** BEER LISTS ***/
ol.beer-list,
ul.beer-list            { margin: 1em 0 0 -1.5em !important; font-weight: bold; }
ol.beer-list            { list-style-position: inside; }
ul.beer-list,
ul.beer-list li         { list-style-type: none !important; }
ol.beer-list li,
ul.beer-list li         { padding: 1em 1em !important; }
ol.beer-list li.even,
ul.beer-list li.even    { background-color: #ECEBEA; }

ol.beer-list li span.extra-info,
ul.beer-list li span.extra-info     { font-weight: normal; }
ol.beer-list li span.description,
ul.beer-list li span.description    { font-weight: normal; display: inline-block; margin-top: 0.3em; }
ol.beer-list li span.description    { margin-left: 1.5em; }

/*** BEER FLIGHTS ***/
ol#beer-flights                     { font-weight: bold; list-style-position: inside; margin: 0 0 0 -1.5em !important; padding-bottom: 0 !important; }
ol#beer-flights > li                { padding: 1em 1em !important; list-style-type: upper-roman; }
ol#beer-flights > li:first-child    { padding-top: 0 !important; }
ol#beer-flights li.even             { background-color: #ECEBEA; }

ol#beer-flights li h3.title { display: inline; }

ol#beer-flights ol.beers    { margin: 0 0 !important; padding: 0.3em 0 0 !important; font-weight: normal; }
ol#beer-flights ol.beers li { padding: 0.1em 0; }

.brewery {
	display:block;
	font-weight: normal;
}

.beer {
	font-size:150%;
}


html { margin-top: 32px; }

body {
    background:     #fff;
    font-size:      11px;
    font-family:    Arial, sans-serif;
    margin:         0 auto 0;
    padding:        0;
    position:       relative;
    width:          1200px;
}

.container {
    width:      49%;
    position:   relative;
}

.container.left {
    float:          left;
    margin-right:   1%;
}

.container.right {
    float: left;
}

.container .menu img {
    max-width:  100%;
    height:     auto;
}

.container .flights,
.container div.beers {
    position:   absolute;
    top:        55px;
    left:       55px;
    width:      430px;
}

.container .flights h2,
.container div.beers h2 {
    margin:         0 0 8px 30px;
    font-size:      2em;
    font-family:    Arial, sans-serif;
}

.container .flights ol li .title,
.container div.beers ol li .title {
    font-size: 1.2em;
}

.container .flights .date,
.container div.beers .date {
    position:   absolute;
    top:        5px;
    right:      0;
    font-size:  1.4em;
}

div.beers .beer-list li {
    font-weight: normal;
    padding: 0.35em 0.5em !important;
}