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

#page {margin: 3.5em auto; width: 800px;}


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

	
h1 {font-size: 2.2em; letter-spacing: 0.1em; font-weight: normal;}
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: #e73a04; color: #fff; text-decoration: none;}
ul.publications li.with_img a span.link_title {display: block; text-transform: uppercase;}


a {color: #e73a04; 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;}


#navigation {display: block; overflow: auto; position: absolute; bottom: 0; right: 0; padding: 0; margin: 0;}
#navigation, #navigation li {list-style-type: none; margin-left: 0; padding-left: 0;}
#navigation li {display: inline;}
#navigation li a {display: block; float: left; 	padding: 2px 5px; border: 3px solid transparent; border-width: 0 0 5px 0;}
#navigation li.active a {border-color: #e73a04;}
#navigation:hover li.active a {border-color: #999;}
#navigation li a:hover {text-decoration: none; border-color: #e73a04;}
#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;}


.grid .column {width: 380px; margin: 0 40px 10px 0; border-width: 0; padding: 0; float: left;}
.grid .column.last {margin-right: 0;}


/* 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 */