@charset "UTF-8";
/* CSS Document */
/*
Wagbrew web colors
red: 	#CE1141;
green:	#006F53;
yellow:	#FFD659;
*/

/*	BEER BRAND LOGO	*/
#label_top_small img
{
	/*
	position: relative;
	left: 225px;
	margin: 5px 0 2em;
	height: 150px;
	width: 150px;
	*/
	position: relative;
	margin: 0 auto;
}

/*	RANDOM BEER GENERATOR	*/
#random_beer
{
	float: right; 
	border: 1px solid gray; 
	padding: 2px; 
	margin: 0 0 1em 1em;
	font-size: smaller;
	font-style: italic;
	color: #006F53;
	text-align: center;
}
#random_beer img
{
	border: none; 
	height: 150px; 
	width: 150px;
	display: block;
	margin-bottom: 0.5em;
}
#random_beer p
{
	margin-top: 0;
	margin-bottom: 0;
}
#random_beer p.active
{
	color: #CE1141;
	font-style: normal;
}

/*	 BEERGRAPH	*/
#beergraph
{
	clear: both;
	margin: 1em auto;
	width: 312px;
	font-size: 0.75em;
	font-family: Helvetica, "Helvetica Neue", Arial, san-serif;
	text-align: center;
	font-weight: bold;
	color: white;
}
#beergraph .scale
{
	/*background: #CF6900;	set by PHP from database */
	border: 2px outset;
	margin-left: 12px; /* so tip of ibu and og meter stays on the scale */
	width: 300px;
	height: 10px;
}
#beergraph .og, #beergraph .ibu
{
	width: 25px;
	height: 38px;
	position: relative;
	margin: 1px;
}
#beergraph .og
{
	background: url(../images/general/arrow-gu.png) no-repeat;
}
#beergraph .ibu
{
	background: url(../images/general/arrow-ibu.png) no-repeat;
}
#beergraph .og span, #beergraph .ibu span
{
	display: block;
	position: relative;
	width: 23px;
	height: 23px;
	padding: 2px 0;
	margin: 0 auto;
}
#beergraph .og span
{
	top: 0;
}
#beergraph .ibu span
{
	top: 10px;
}
#detail_ps p
{
	margin: 0.25em 0;
	padding-left: 1em;
	text-indent: -1em;
}

/*	BREW DATE TABLE	*/
#brew_dates
{
	border-collapse: collapse;
	margin: 1em 0;
}
#brew_dates td, #brew_dates th
{
	text-align: left;
	padding: 1px 1px 1px 1em;
	height: 1.5em;
}
#brew_dates th
{
	border-bottom: 1px solid #006F53;
	padding-left: 0.5em;
}

/*	GRAVEYARD TABLE	*/
.graveyard
{
	display: none;
}
.graveyard table
{
	position: relative;
	clear: both;
	margin: 5px auto;
	padding: 0;
	z-index: 2;
	empty-cells: hide;
	border-collapse: collapse;
}
.graveyard table td
{
	width: 156px;
	padding: 3px;
	margin: 0;
	font-style: italic;
	font-size: smaller;
	color: #006F53;
	text-align: center;
	vertical-align: top;
	border: 1px solid gray;
}
.graveyard table td img
{
	border: none;
}
.graveyard table td div.graveyard_img
{
	display: inline-block;
	height: 150px;
	width: 150px;
	padding-bottom: 1em;
}
.graveyard table td span
{
	font-style: normal;
	color: #CE1141;
}