body {padding-top: 29px; font-family: arial-narrow, arial, sans serif; font-size: 100%; background-color: #FFFFCC; color: #333;}

/* #page {margin: 3.5em auto; width: 800px;} */
/*  BOLEK !!! */#page {margin: 3.5em auto; width: 800px; padding-top: 20px;} 

#banner, #content_area, #footer {width: 800px;  float: left; position: relative;}
#banner {height: 120px;}
#banner_content {width: 530px; margin-left: 100px;padding-right: 50px;}
#banner h1 {padding: 0 0 0 0; margin: 0 0 0 0; line-height: 0.8;}
#logo_lhcb {display: block; width: 86px; height: 58px; position: absolute; top: 0; left: 0;}
#logo_lhcb img {border: none;}

	
h1 {font-size: 2.2em; letter-spacing: 0.1em; font-weight: normal; color: #000099}
h2 {font-weight: normal; font-size: 1.2em; letter-spacing: 0.1em; text-transform: uppercase; margin-top: 2em;}
h3 {font-weight: normal; font-size: 1em; letter-spacing: 0.1em; text-transform: uppercase; margin-top: 3em;}

p, li {font-size: 0.75em; letter-spacing: 1px; line-height: 1.8;}
cite {font-size: 0.9em;}
ul.plain, ul.plain li {list-style-type: none; padding-left: 0;}

ul.publications li {margin-bottom: 1em;}
ul.publications li.with_img img {border: none;}
ul.publications li.with_img a {display: block; width: 200px; padding: 10px; background-color: #efefef;  text-align: center;}
ul.publications li.with_img a:hover {background-color: #006db7; color: #fff; text-decoration: none;}
ul.publications li.with_img a span.link_title {display: block; text-transform: uppercase;}


a {color: #006db7; text-decoration: none;}
a:active, a:focus {outline: 0;}
a:hover {text-decoration: underline;}
.nowrap {white-space: nowrap;}

p#strapline {color: #999;}
p#breadcrumbs {color: #999; font-size: 0.6em; margin-bottom: 40px;}
p.caption {color: #999; margin-top: 0.2em;}
#content {width: 550px; float: left;}
#navigation {width: 200px; float: left; padding: 0; margin: 0 50px 0 0;}
#navigation, #navigation li {list-style-type: none; margin-left: 0; padding-left: 0;}
#navigation li {}
/*  BOLEK !!! */#navigation li {line-height: 1;}   
/*  BOLEK !!! */#navigation li a {display: block; line-height: 1.2; margin-top: 0; margin-bottom: 0.6em;} 
#navigation li a {display: block;}
#navigation li.active a {font-weight: bold;}
#navigation li.active a:after {content: " ›";}
#navigation li a:hover {text-decoration: underline;}


#users_link {position: absolute; top: 0; right: 0; font-size: 0.75em; font-style: italic; text-transform: uppercase; font-weight: bold; color: #999;}
#users_link a:after {content: "›";}

#footer {height: 78px; padding-top: 60px;}

#footer img {border: none;}

#link_cern {position: absolute; bottom: 0; right: 0;}

.snug.top {margin-top: 0; padding-top: 0;}

.phr {
float:right;
border:1px solid #999999;
background-color:#FFFFFF;
margin-top:0.2em;
margin-bottom:12px;
margin-left:18px;
padding:2px;
}
.ph {
border:1px solid #999999;
background-color:#FFFFFF;
margin-top:12px;
margin-bottom:12px;
padding:2px;}
.phl {
float:left;
border:1px solid #999999;
background-color:#FFFFFF;
padding:2px;
margin-right:18px;
margin-bottom:12px;
clear:left}

div.figure {
  float: right;
  border: none;
  margin: 2px;
  padding: 2px;
}
div.figure p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
  margin: 2px;
  padding: 0px;
}

div.figurel {
  float: left;
  border: none;
  margin: 2px 4px 4px 4px;
  padding: 2px;
}
div.figurel p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
  margin: 0px;
  padding: 0px;
}

.force.lower {text-transform: lowercase;}


/* FLOAT CLEARING */

.clear-block:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.clear-block {display: inline-block;}
/* Hides from IE-mac \*/
* html .clear-block {
  height: 1%;
}
.clear-block {
  display: block;
}
/* End hide from IE-mac */