body
{
	background-color: black;
	color: white;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-size: 11px;
}

a,
a:visited
{
	color:#66CCFF;
	text-decoration:none;
}

a:hover{
	color:#CCCCCC;
}

a:active
{
	color:white;
	text-shadow: 1px 1px #4488AA;
}

#logo
{
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height:80px;
	background-color:black;
	box-shadow: 0px 6px 15px #000;
	z-index: 80;
}

img.headerlogo
{
	position: absolute;
	left: 5px;
	top: 8px;
	width:160px;
}

img.beerIcon {
	margin: 12px;
	width: 64px;
	height: 64px;
}


#content
{
	position:inherit;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 82px;
	min-width:320px;
	text-align:center;
}

#menu
{
	position:fixed;
	right: 10px;
	top: 15px;
	width:120px;
	z-index: 90;
}

#foot
{
	background-color: black;
	border-radius: 1px;
	opacity: 0;
	position:absolute;
	bottom: 0;
	right: 0;	
}

img.teampic
{
	width: 150px;
	border-radius: 5px;
}

img.photo
{
	width: 280px;
	border-radius: 5px;
}

#tastetable
{
	min-width: 45px;
}

img.tastepic
{
	width: 42px;
	border-radius: 2px;
}

img.linkpic
{
	width:80px;
}

img.database
{
	width:180px;
	border-radius: 5px;
}

img.award
{
	width:48px;
}

img.down
{
	height: 24px;
}

h1
{
	font-size:15px;
}

h2
{
	font-size: 12px;
	font-weight:bold;
}

h3
{
	font-size: 9px;
	font-style:italic;
}

img.resize
{
	min-width: 200px;
	max-width:70%;
}

img.lauter
{
	width: 320px;
}

img.recipe
{
    width: 300px;
}

#dbtable, #dbtable tr, #dbtable td
{
	border: 1px solid #666;
	border-collapse: collapse;
}

#recipes img {
	width: 150px;
	margin: 5px;
}

ul.equip, ol.brew {
	width: 320px;
	margin: auto;
	text-align: left;
}

.pan {
	width: 400px;
}

ul.topnav {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333;
  border-radius: 3px;
}

ul.topnav li {float: left;}

ul.topnav li a {
  display: inline-block;
  color: #f2f2f2;
  text-align: center;
  padding: 10px 10px;
  text-decoration: none;
  transition: 0.4s;
  font-size: 15px;
  border-radius: 3px;
}

ul.topnav li a:hover {background-color: #555;}

ul.topnav li.icon {	display: none;}

@media screen and (max-width:900px) {
  ul.topnav li:not(:first-child) {display: none;}
  ul.topnav li.icon {
    float: right;
    display: inline-block;
  }
}

@media screen and (max-width:900px) {
  ul.topnav.responsive {position: relative;}
  ul.topnav.responsive li.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  ul.topnav.responsive li {
    float: none;
    display: inline;
  }
  ul.topnav.responsive li a {
    display: block;
    text-align: left;
  }
}

.nodisplay 
{
	display:none;
}

.mdisplay
{
	display: inherit;
}

#dbtable
{
	font-size: 12pt;
}

#oldsearch
{
	z-index: 999;
	position: fixed;
	top: 50px;
	left: calc(50% - 73px);
}