body {
padding: 0; 
margin: 0; 
background: #999;
font-family: Tahoma, Arial, sans-serif;
font-size: 20px;
vertical-align: baseline;
}

h1{
font: normal 0.88em Helvetica, Arial, sans-serif;
color:#333;
}
p{
font: normal 0.68em Arial, Helvetica, sans-serif;
color: #777;
line-height: 1.4em;
}

ul{
font: normal 0.68em Arial, Helvetica, sans-serif;
color: #777;
line-height: 1.3em;
}

h1.orange{
color:orange;}

.footnote{
font-size: 0.5em;
color: #777;
line-height: 1.2em;
align:center;}


.content{
margin-top:180px; 
margin-left:auto; 
margin-right:auto; 
width:1400px;
display: block;
min-height: 35em;
overflow: hidden;
padding-bottom: 2em;
background-color:#eee;
clear: both;
/*background-image: url(images/cern-logo-white-100.png);*/
}

.column-standard{
padding-top: 10px;
width: 230px;
min-height: 25em;
float: left;
margin-left: 0.8em;
display: block;
} 
.column-wide {

padding-top: 10px;
width: 380px;
min-height: 35em;
float: left;
margin-left: 1em;
display: block;
} 

#navigation {position: fixed; top: 0; width: 100%; height: 160px; padding-top: 5px;
/* Adds shadow to the bottom of the bar */
-webkit-box-shadow: 0px 0px 8px 0px #000000;
-moz-box-shadow: 0px 0px 8px 0px #000000;
box-shadow: 0px 0px 8px 0px #000000;
/* Adds the transparent background */
background-color: rgba(1, 1, 1, 0.8);
color: rgba(1, 1, 1, 0.8);}
#navigation p{font-size: 1.2em; padding-left: 15px; padding-right: 15px; color: white; text-decoration: none;}
#navigation .inmenu{font-size: 0.68em; padding-left: 15px; padding-right: 15px; color:white; text-decoration: none;}
#navigation a {font-size: inherit; padding-left: 15px; padding-right: 15px; color:orange; text-decoration: none;}
#navigation a.active {font-size: inherit; padding-left: 5px; padding-right: 5px; color:orange; border-top: 1px solid orange;
border-right: 1px solid orange; border-left: 1px solid orange; border-bottom: 1px solid orange;}
#navigation a:hover {color: grey;} 

section{
background: transparent;
display: block;}

article{
font-size: 1em;
margin-bottom: 0.325em;
border-top: 1px solid #999;
border-right: 1px solid white;
border-left: 1px solid white;
border-bottom: 0.25em solid #DDD;
display: block;
}

article:hover{  
background: #F3EEF3;
-webkit-box-shadow: #888 0 0 8px;
-moz-box-shadow: #888 0 0 8px;
box-shadow: #888 0 0 8px;
border-bottom: 0.25em solid orange;
}

article.bookcover{
background: white;
padding: 0 0.5em 0.25em;
-webkit-transition: background 0.25s linear;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 1px; /* future proofing */
}
article.standard{
padding: 0 0.5em 0.25em;
background: white;
-webkit-transition: background 0.5s linear;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 1px; /* future proofing */
}
article.standard img{
margin:0 -0.5em 0;
font-size: 1em;
width:230px;
height:auto;
}
article.wide{
padding: 0 0.5em 0.25em;
background: white;
-webkit-transition: background 0.5s linear;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 1px; /* future proofing */
}
article.wide img{
margin:0 -0.5em 0;
font-size: 1em;
width:380px;
height:auto;
}

article a{
font-size:1em;
text-decoration:underline;
}
.mini{
font-size:0.8em;
}