body {
	/*position:relative;*/
    background: url(../images/bkgd.jpg);
    margin:0;
    padding:0;
    color: #FFF;
    font: bold 80% Verdana, Arial, Helvetica, sans-serif;
    width: 100%;
    height: 100%;
}

a{
	color:  #ffff00;
    text-decoration:none;
}

a:hover{
	text-decoration: underline;
}

h1 {
	font: 1.8em Verdana, Arial, Helvetica, sans-serif;
}

img, img a{
	border:none;
}


/* MAIN CONTAINER
--------------------------------------------------------------------------------------------------------*/
#container{
	position: relative;
	margin:1% auto 0;
    padding:0;
    width:800px;
    height:680px;
    background: #000 url(../images/container_btm.gif) bottom no-repeat;
    border: 8px solid #FFF
}

#adv{
	width: 545px;
    height: 90px;
    margin:0 auto;
}

#container .navigation{
    text-align: center;
    width:770px;
    margin:0 auto;
}

#container .navigation .tap{
    width:96px;
    height:341px;
    float: left;
    margin: 9px 16px;
}

#container .navigation a{
	margin: 4px 9px 0;
    color: #000;
    border:none;
    width:96px;
    height:341px;
    display: block;
}

#container .chalkboard{
	font: bold 1.3em Comic Sans MS, Comic Sans, sans-serif;
    width:94px;
    height:120px;
	position: absolute;
    bottom: 25px;
    left: 50px;
    text-align: center;
    letter-spacing:1px;
    line-height: 1.2em
}

#container .chalkboard a{
	color: #FFF;
    text-decoration: none;
}

#container .suggestion_box{
	position: absolute;
    bottom: 226px;
    left: 15px;
}

#container .beer_glass{
	position: absolute;
    bottom: 226px;
    right: 30px;
}

#container .valid{
	position: absolute;
    bottom: 4px;
    right: 3px;
}

#container .valid img{
	height: 22px;
}

#container .rss{
	display:none;
    position:absolute;
    right: 28px;
    bottom: 30px;
    background: #000;
    padding: 6px;
    border: 2px solid #FFF;
    font-size: 11px;
    line-height: 15px;
    z-index: 60;
}


/* LOGIN
--------------------------------------------------------------------------------------------------------*/
#login_hldr{
	position: absolute;
    z-index:50;
    bottom: 50px;
    width: 100%;
    text-align: center
}

#login{
	padding:0;
	margin:0 auto;
	width:130px;
}

#login input{
	margin:140px auto 0;
	border:4px solid #FFF;
	width:120px;
	padding: 10px 5px;
	color: #FFF;
	background:#000;
	text-align:center;
	font-size:16px
}

#footer{
	text-align:center;
	font: bold 0.8em Georgia, "Times New Roman", Times, serif;
	padding:8px 0;
    color: #FFF;
    margin-bottom: 12px;
}

#footer span{
	font: bold 1.2em Verdana, Arial, Helvetica, sans-serif;
}


/* PSEUDO POPUP
--------------------------------------------------------------------------------------------------------*/
#popup{
	color: #000;
    width:100%;
    height:100%;
    z-index: 40;
    background: transparent url(../images/popup_bkgd.png);
    position: absolute;
    top:0;
    left:0;
    display: block;
}

/*#popup{display:none;#}*/

#popup .hdr{
	margin: 12px
}

#popup a:link, #popup a:visited{
	color: #0000FF
}

#popup a:hover{
	color: #FF0000;
    text-decoration:none
}

#popup .close{
	position: absolute;
    right:7px;
    top:10px;
    cursor:pointer;
}

#popup .ad01{
	position: absolute;
    top: 90px;
    left: 16px;
    width: 160px;
    height: 280px;
    background: url(../images/ads/ad05.gif) no-repeat center;
}

#popup .ad02{
	position: absolute;
    bottom: 15px;
    left: 16px;
    width: 160px;
    height: 280px;
    background: url(../images/ads/ad03.gif) no-repeat center;
}

#popup .content{
	position: absolute;
	overflow: auto;
    bottom: 0;
    right: 0;
    height: 600px;
    width: 600px;
    font-size: 10px;
    font-weight:normal;
}

#popup .content .xml{
	width: 550px;
}

#popup .content .xml .entry{
	font: bold 1.5em Georgia, "Times New Roman", Times, serif;
    margin-top: 12px;
	font-variant:small-caps;
    color:#006600;
}

#popup .content .xml .entry span{
	font: bold 0.6em Verdana, Arial, Helvetica, sans-serif;
    margin-top: 12px;
    color:#000;
}

#popup .content .xml .type{
	font: italic 1.1em Verdana, Arial, Helvetica, sans-serif;
    margin-top: 5px;
}

#popup .content .xml .desc {
	margin: 12px 20px 14px;
    font: 1.1em Verdana, Arial, Helvetica, sans-serif;
    line-height: 1.8em;
}

#popup .content .xml .comment{
	margin-bottom: 12px;
}



/* PAGES
--------------------------------------------------------------------------------------------------------*/
.Beer-List, .Food-Menu, .Press, .Blog{
	border-bottom: 1px dotted #777;
}

.Staff {
	padding: 6px;
    width: 200px;
    height: 196px;
    overflow: hidden;
    text-align:center;
}

.Staff .name{
    font: bold 1.6em Georgia, "Times New Roman", Times, serif;
    font-variant:small-caps;
    letter-spacing: 0.1em;
    color: #006600;
}