.navbar			{display:table; height:24px; width:100%; background:#444; color:#eee; font-size:10px; font-family:verdana; text-align:right; padding:0px; margin:0px; border-bottom:2px solid #000;}
.navbarbottom		{clear:both; border:none; border-top:2px solid #000;}
.navbar a		{text-decoration:none; font-weight:bold;}
.navbar a:link		{color:#bdd;}
.navbar a:visited	{color:#bdd;}
.navbar a:hover		{text-decoration:none; color:#fff;}
.navbarmenu		{float:left; color:#888; line-height:22px;}

.navbarlogo		{vertical-align:top;}
.navbarzpi		{color:#eee; font-weight:bold; font-size:18px; line-height:24px; margin-right:4px;}
.navbarzpi i		{font-family:serif;}
.navbarlinks		{}

.navbarinfo		{padding:0px 4px 0px 0px; line-height:11px;}

.navbarinfo,
.navbarad,
.navbarmenu	{display:table-cell; height:24px; vertical-align:bottom;}

.navbarinfo,
.navbarad	{float:right;}

/* Medium-sized screens (tablets, etc.) */
@media screen and (max-device-width:800px) and (orientation: portrait)
{
.navbar		{font-size:2.5em; height:1.5em; padding-right:10px;}
.navbar i	{font-size:.8em}
.navbarzpi	{font-size:1.2em; line-height:1.5em; vertical-align:middle;}
.navbarmenu	{font-size:1em; height:1em;}
.navbarlogo	{height:1.5em; width:auto;}
.navbarlinks	{font-size:1em;}
.navbarinfo,
.navbarad	{display:none;}
.navmenu,
.navbarbottom .navbarinfo {display:block; line-height:1em; height:2.2em;}
.navbarbottom	{font-size:2em;}
.navbarinfo	{font-size:.6em; vertical-align:middle; padding-top:.2em;}
}