/* a simple css */

/* reset margins */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, ol, ul, li,
blockquote, pre, form, label, legend, table, caption, tbody, tfoot, thead,
tr, th, td, article, aside, canvas, details, embed, figure, figcaption,
footer, header, hgroup, menu, nav, output, section, summary, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* setup body */
body, p {
    line-height: 1;
    font-family: Tahoma, sans-serif;
    font-size: 12pt;
}

/* reasonable starting margins */
p, h1, h2, h3, h4, h5, h6, ol, ul, li { margin: 12pt; }
li { margin-left: 2em; }

/* setup headings */
h1, h2, h3, h4, h5, h6 {
    line-height: 1;
    font-family: Tahoma, Verdana, sans-serif;
    font-weight: bold;
}

h1 { font-size: 140%; }
h2 { font-size: 120%; }
h3 { font-size: 110%; }

header {
   padding:20px;
   width:80%;
   margin: 0 auto;
   border:1px solid #005500;
}

header img {
   display:block;
   margin:0 auto;
}

header h1 {
   width:60%;
   margin:0 auto;
   color:#005500;
   text-align:center;  
}

nav {
    width: 80%;
    height: 30px;
    background-color: #aacccc;
    border:1px solid #005500;
    border-top:none;
    border-bottom:none;
    margin: 0 auto;
    padding-left: 20px;
    padding-right:20px;
}

nav ul {
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

nav ul li {
    margin: 0;
    padding: 0;
}
nav ul li a {
    display: block;
    float: left;
    max-height: 25px;
    width: 120px;
    margin: 0;
    padding: 5px;
    font-family: tahoma, sans-serif;
    font-size: 20px;
    text-align: center;
    background-color: #aacccc;
    text-decoration: none;
    color: #005500;
}

nav ul li a:hover { 
    color: #aacccc;
    background-color: #005500;
    border-radius:10px;
}

section {
   width:80%;
   margin: 0 auto;
   padding:20px;
   border:1px solid #005500;
   background-color: #white;
   color: #005500;   
}

section a:link {
   color:#005500;
   text-decoration:none;
}

section a:visited {
   color:#005500;
   text-decoration:none;
}

section a:hover {
   text-decoration:underline;
}

section h1 {
   color: #000066;
   margin-left:10px;
   padding-left:0;
}

section h2 {
   color: #000066;
   margin-left:10px;
   padding-left:0;
}

section p {
   color:black;
   margin-left:10px;
   padding-left:0;
}

section article {
   width:70%;
   float:left;
}

section article ul {
   list-style-type:none;
   margin:0;
}

section article ul li {
   margin-left:10px;
   padding-left:0;
   color:black;
}

section article hgroup {
   width:80%;
   margin: 0 auto;
}

section article hgroup h1 {
   width:70%;
   margin:0 auto;
   text-align:center;
}

section article hgroup p {
   width:70%;
   margin:0 auto;
   margin-top:5px;
   margin-bottom:5px;
   text-align:center;
}

section article hgroup img {
   display:block;
   width:50%;
   margin:0 auto;
   margin-top:5px;
   border:1px solid #005500;
   border-radius:20px;
}

section article table {
   width:60%;
   margin:0 auto;
   margin-top:25px;
   border:1px solid #005500;
}

section article table td {
   padding-top:5px;
   padding-bottom:5px;
}

section article footer {
   border: none;
   background-color:white;
}

section article footer p {
   width:60%;
   margin-right:0;
   color: black;
   text-align: right;
}

section aside {
   width:25%;
   float:right;
   border:1px solid #005500;
   border-radius:20px;
   background-color:#aacccc;
}

section aside h1 {
   width:80%;
   text-align:center;
   margin:0 auto;
}

section aside section {
   border:none;
}

section aside  img {
   display:block;
   width:80%;
   margin:0 auto;
   margin-top:5px;
   border:1px solid #005500;
   border-radius:20px;
}

section aside ul {
   list-style-type:none;
   margin-left:0;
}

section aside li {
   text-align:center;
}

footer {
   clear:both;
   width:80%;
   margin: 0 auto;
   border:1px solid #005500;
   border-top:none;
   padding-left:20px;
   padding-right: 20px;
   background-color:#aacccc;
}

footer p {
   width:60%;
   margin:0 auto;
   padding-top:20px;
   color:#005500;
   padding-bottom:20px;
   text-align:center;
}


.beer_label_col {
   width:30%;
}

.beer_detail_col {
   width:70%;
}

.beer_label {
   font:bold 14px Tahoma;
   color:#000066;
}

.beer_detail {
   font:14px Tahoma;
   color:black;
}

.another_beer {
   border:1px solid #005500;
}

.beer_review {
   background-color: #aacccc;
}