/* CSS Reset */
#bar div,#bar span,
#bar h1,#bar h2,#bar h3,#bar h4,#bar h5,#bar h6,#bar p,#bar blockquote,#bar pre,
#bar a,#bar abbr,#bar acronym,#bar address,#bar code,
#bar del,#bar dfn,#bar em,#bar img,#bar q,#bar dl,#bar dt,#bar dd,#bar ol,#bar ul,#bar li,
#bar fieldset,#bar form,#bar label,#bar legend,
#bar table,#bar caption,#bar tbody,#bar tfoot,#bar thead,#bar tr,#bar th,#bar td{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
#bar{line-height:1.5;}
/* Tables still need 'cellspacing="0"' in the markup. */
#bar table{border-collapse:separate;border-spacing:0;}
#bar caption,#bar th,#bar td{text-align:left;font-weight:normal;}
#bar table,#bar td,#bar th{vertical-align:middle;}
/* Remove possible quote marks (") from <q>,<blockquote>. */
#bar blockquote:before,#bar blockquote:after,#bar q:before,#bar q:after{content:"";}
#bar blockquote,#bar q{quotes:"" "";}
/* Remove annoying border on linked images. */
#bar a img{border:none;}


/* Bar styles */
#bar
{
  position: fixed;
  right:0;
  bottom: 0;
  width: 100%;
  height: 21px;
  background: rgb(0,0,0) url(ukf.png) no-repeat;
  background: rgba(0,0,0,.8) url(ukf.png) no-repeat;;
  color: #fff;
  font-size: 10px;
  text-shadow: #000 1px 1px 0;
  font-family: Verdana, sans-serif;
}

#bar #bar-content
{
  position: absolute;
  top: 3px;
  left: 55px;
  right: 5px;
}

#bar #bar-content a
{
  color: #fff;
  font-weight: bold;
}

#bar.compressed
{
  width: 32px;
  height: 18px;
  overflow: hidden;
}
#bar.compressed #bar-content
{
  display: none;
}

#bar #bar-gallery
{
  position: absolute;
  display: block;
  width: 30%;
  text-align: right;
  right: 0;
  top: 0;
}