.menu-checkbox {
  display: none;
}

.menu-content {
  display: none;
}

.menu-checkbox:checked ~ .menu-content {
  display: block;
}

.menu-toggle {
  cursor: pointer;
  /* Add your menu styling here */
}

ul.bar 
{
	list-style-type: none;
	padding: 0px;
	margin:  0px;
}
ul.bar li
{
	list-style-type: none;
}

option
{
	border-color: black;
	border-width: 1px 0px 0px 0px;
	border-style: dotted;
}
body {
	font-family: sans-serif;
}
h1 {
	font-size: 20px;
	text-align: center;
	font-family: "Arial Black", sans-serif;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
h1 a:visited {
	color: black;
	text-decoration: none;
}
a:hover {
	color: red;
	text-decoration: underline;
}
h2 {
	font-size: 18px;
	text-align: center;
	font-weight: normal;
	font-style: italic;
}
h3 {
	font-size: 16px;
	font-weight: bold;
	font-style: normal;
	padding-left: 18px;
}
h2, h3, h4, h5, h6 {
	font-family: Helvetica, Arial, sans-serif;
}
h2.drinx_head, h3.drinx_head
{
	margin: 5px 0px 0px -5px;
	color: #066;
	background-color: transparent;
	font-style: normal;
}
address {
	font-style: normal;
	font-size: 10px;
	padding: 0px;
}
a:link { color: blue; }
a:visited { color: purple; }
a:hover { color: red; }
a:active { color: #0FF; }
th a { text-decoration: none; }
pre { white-space: pre; }
.media_link a { text-decoration: none; }
.gray_left
{
	background-color: #EEEEEE;
	color: #000000;
	border-color: #000;
	border-width: 1px 1px 1px 0px;
	border-style: solid;
}
.gray_right
{
	background-color: #EEEEEE;
	color: #000000;
	border-color: #000;
	border-width: 1px 0px 1px 1px;
	border-style: solid;
}
.content
{
	background-color: #FFFFFF;
	color: #000000;
	border-color: #000;
	border-width: 1px 0px 1px 0px;
	border-style: solid;
}
.blurb
{
	margin: 0px;
	background-color: #eee;
	color: #000;
	font-weight: normal;
	text-align: center;
	font-size: 16px;
}
.content_head
{
	background-color: #990;
	color: #eee;
	font-weight: bold;
	font-style: normal;
	text-align: left;
	margin: 0px;
	padding: 2px;
	font-size: 13px;
}
.content_head a {
	background-color: #990;
	color: #eee;
}
.content_subhead
{
	background-color: #cc0;
	color: #000;
	font-weight: normal;
	font-style: normal;
	text-align: left;
	margin: 0px;
	padding: 2px;
	font-size: 9px;
}
.content_subhead A {
	background-color: #cc0;
	color: #330;
}
.update_head {
	background-color: #EEDDDD;
	color: #000000;
	font-weight: bold;
	font-style: normal;
	text-align: right;
	margin: 0px;
	padding: 2px;
	font-size: 13px;
}
.comment_head {
	background-color: #999900;
	color: #EEEEEE;
	font-weight: bold;
	font-style: normal;
	text-align: left;
	margin: 0px;
	padding: 2px;
	font-size: 13px;
}
.comment_title {
	background-color: transparent;
	color: #000000;
	font-weight: bold;
	font-style: normal;
	text-align: left;
	margin: 0px;
	padding: 4px;
	font-size: 16px;
}
h3.comment_title {
	padding: 3px 18px 3px 18px;
}
.content_content, .comment_content, .home_content
{
	background-color: transparent;
	color: #000000;
	font-weight: normal;
	text-align: left;
	margin: 0px;
	padding: 3px 18px 3px 18px;
	font-size: 15px;
}
.home_content
{
	border-bottom: black;
	border-width: 0 0 1px 0;
	border-style: none none dotted none;
	margin: 0px 0px 10px 0px;
}
.home_link
{
	text-align: right;
	font-size: 10px;
}
p.drink_ingredients
{
	font-family: monospace;
	background-color: transparent;
	color: #000;
	font-weight: normal;
	text-align: left;
	padding: 6px 18px 6px 38px;
	font-size: 13px;
}
.content dt {
	font-weight: bold;
	margin-left: 6px;
	font-size: 15px;
}
.content dd
{
	font-weight: normal;
	font-size: 15px;
	margin: 0px 18px 6px 18px;
}
.content p, li
{
	font-weight: normal;
	font-size: 15px;
}
.content p
{
	margin: 0px;
	padding: 6px 0px 6px 0px;
}
.content .indent
{
	padding-left: 18px;
}
.content th
{
	font-size: 13px;
}
.comment_more {
	background-color: #EEEEEE;
	color: #000000;
	font-weight: normal;
	text-align: right;
	padding-right: 9px;
	font-size: 10px;
}
.content_linx {
	background-color: #FFFFFF;
	color: #000000;
	font-weight: normal;
	text-align: center;
	font-size: 11px;
}
.media_list_head {
	background-color: #666699;
	color: #EEEEFF;
	font-weight: bold;
	font-style: normal;
	text-align: left;
	margin: 0px;
	padding: 2px;
	font-size: 13px;
}
.media_head {
	background-color: #666699;
	color: #EEEEFF;
	font-weight: bold;
	font-style: normal;
	text-align: center;
	margin: 0px;
	padding: 2px;
	font-size: 13px;
}
.media_content {
	background-color: #EEEEFF;
	color: #000000;
	font-weight: normal;
	text-align: left;
	margin: 0px;
	padding: 6px;
	font-size: 15px;
}
.media_center_column {
	background-color: #EEEEFF;
	color: #000000;
	font-weight: normal;
	text-align: left;
	margin: 0px;
	padding: 0px;
	border-color: #000;
	border-width: 1px 0px 1px 0px;
	border-style: solid;
}
.media_list_link
{
	background-color: #EEEEFF;
	color: #000000;
	font-weight: normal;
	text-align: left;
	margin: 0px;
	padding: 0px 6px 0px 6px;
	font-size: 15px;
}
.viewer {
	background-color: #666699;
	color: #EEEEFF;
	font-weight: normal;
	text-align: center;
	padding: 3px;
	width: 100%;
	font-size: 15px;
	border-color: #000;
	border-width: 3px 0px 3px 0px;
	border-style: solid;
}
.viewer_linx {
	text-align: center;
	font-size: 10px;
}
.viewer_linx a {
	background-color: inherit;
	color: #000;
	text-decoration: none;
	padding: 3px;
}
.dir_head {
	background-color: #933;
	color: #fff;
	font-weight: bold;
	font-style: normal;
	text-align: left;
	margin: 0px;
	padding: 2px;
	font-size: 13px;
}
.dir_content
{
	background-color: #fcc;
	color: #000;
	text-align: left;
	margin: 0px;
	padding: 3px 18px 3px 18px;
	font-size: 15px;
}
.pix_head {
	background-color: #666666;
	color: #EEEEEE;
	font-weight: bold;
	font-style: normal;
	text-align: left;
	margin: 0px;
	padding: 2px;
	font-size: 13px;
}
.pix_content {
	background-color: #EEEEEE;
	color: #000000;
	text-align: center;
	margin: 0px;
}
.pix_content img {
	max-width: 100%;
	height: auto;
}
.pix_caption, .media_link
{
	background-color: #EEEEEE;
	color: #000000;
	font-weight: normal;
	text-align: center;
	font-size: 12px;
	margin: 0px;
	padding: 3px 3px 3px 3px;
	max-width: 100%;
}
.pix_caption_album
{
	background-color: #EEEEEE;
	color: #000000;
	font-weight: normal;
	text-align: center;
	font-size: 13px;
	padding: 3px 3px 3px 3px;
}
.pix_caption_micro
{
	background-color: #EEEEEE;
	color: #000000;
	font-weight: normal;
	text-align: center;
	font-size: 15px;
	padding: 3px 3px 3px 3px;
	margin: 0px;
}
.pix_link {
	background-color: #CCCCCC;
	color: #000000;
	font-weight: bold;
	font-style: normal;
	text-align: right;
	margin: 0px;
	padding: 2px;
	font-size: 13px;
}
.linx_head {
	background-color: #666666;
	color: #EEEEEE;
	font-weight: bold;
	font-style: normal;
	text-align: left;
	margin: 0px;
	padding: 2px;
	font-size: 13px;
}
.linx_head a {
	background-color: #666666;
	color: #EEEEEE;
}
.linx_subhead {
	background-color: #CCCCCC;
	color: #000000;
	font-weight: bold;
	font-style: normal;
	text-align: left;
	margin: 0px;
	padding: 2px;
	font-size: 13px;
}
.linx_subhead_ext {
	background-color: #CCCCFF;
	color: #000033;
	font-weight: bold;
	font-style: normal;
	text-align: left;
	margin: 0px;
	padding: 2px;
	font-size: 13px;
}
.linx_content {
	background-color: #EEEEEE;
	color: #000000;
	font-weight: normal;
/*	text-align: left; */
	padding: 2px;
	font-size: 11px;
}
.linx_content ul
{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
.linx_content ul li
{
	font-size: 11px;
}
.linx_content_ext {
	background-color: #EEEEFF;
	color: #000000;
	font-weight: normal;
	text-align: left;
	padding: 2px;
	font-size: 11px;
}
.prev_link, .next_link {
	font-weight: bold;
	text-decoration: none;
	font-size: 14px;
}
.orangebutton
{
	border-color: #FC9 #630 #330 #F96;
	padding: 0 3px;
	font: bold 10px verdana,sans-serif;
	color: #FFF;
	background: #F60;
	text-decoration: none;
	margin: 0;
	border-width: 1px;
	border-style: solid;
}
.orangebutton a
{
	color: #FFF;
	background: #F60;
}
/*
The following nonsense is to hide stuff from IE
*/
/* hides the second object from all versions of IE */
* html object.hidehack {
    display: none;
}

/* displays the second object in all versions of IE apart from 5 on PC */
* html object.hidehack/**/ {
    display: inline;
}

/* hides the second object from all versions of IE >= 5.5 */
* html object.hidehack {
    display/**/: none;
}