html{background: URL(/img/motif_1.png) 50% 0%; min-height: 100%}
body { 	background: URL(/img/sam-poster.jpg) no-repeat fixed; background-position: 100% 10%; color: #007; min-height: 100%; padding:0; margin: 0}
a:link{ color: #00f }
a:visited{ color: #00f}
h1, .tag{letter-spacing: .9em; width: 100%; text-align: center}
h1{color: #fff; background: #007}
#navigation{float: left; width: 25%; /*background: URL(/img/sam3.png) bottom left;*/ height: 90%; background-repeat: no-repeat; /*background-attachment: fixed;*/ z-index: 2; padding: 10px; border-right: 1px solid purple;}
#navigation p { font-size: 110%; background: #007; color: #fff; padding: 3px;  }
#navigation a{ text-decoration: none; background: #ccc; color: #00f; padding: 3px; display: block; border: 1px solid white; }
#navigation a:hover{border: 1px solid #00f;}
#footer{text-align: center;  clear:both; width: 100%; /*border-top: 1px solid purple; */z-index: 1}
#content{  padding: 15px; width: 60%; font-size: 130%; margin-top: 10%; /* margin-bottom: 10%;*/ margin-left: 30%;
/* too wide in Firefox */
max-width: 45%;
}
.timestamp{ font-style: italic; text-align: right; font-size: 90% ; }

#calendar{  float: right;  }

/* media show / play page  */
body.media { 	background: transparent; text-align :center }
body.media #navigation{ display:none }
body.media #content{ width: 100%; margin-left: auto; margin-right: auto; text-align: center; margin-top: 1em;}

#languagelinks{text-align:center;}
.center{text-align: center}
table.graphics, table.graphics th, table.graphics td{
	border: 1px dashed white;
	border-collapse: collapse;
}
form.graphicsinfo textarea{
	height: 6em;
}
form.graphicsinfo input, form.graphicsinfo textarea{
	width: 100%;
}