body {font-size:1.0em; line-height:1.45em; font-family: Helvetica, Verdana, Arial, sans-serif; color:#332211; background-color:#777777; margin:0px; padding:0px 10px 10px 10px;}


/* links behaviour - hovering, clicking, etc */
a:link.textlink {color:#003366; text-decoration:underline;}
a:visited.textlink {color:#003366; text-decoration:underline;}
a:hover.textlink {color:#3C81C2;}
a:active.textlink {color:#3C81C2;}

a:link.menu {text-decoration: none; background-color: #5CB85C; display: inline; margin: 2px 0px 1px 15px; padding: 3px 12px 2px 12px; line-height: 1; color: #FFFFFF; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 3px;}
a:visited.menu {text-decoration: none; background-color: #5CB85C; display: inline; margin: 2px 0px 1px 15px; padding: 3px 12px 2px 12px; line-height: 1; color: #FFFFFF; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 3px;}
a:hover.menu {text-decoration: none; background-color: #5CB85C; display: inline; margin: 2px 0px 1px 15px; padding: 3px 12px 2px 12px; line-height: 1; color: #444444; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 3px;}
a:active.menu {text-decoration: none; background-color: #5CB85C; display: inline; margin: 2px 0px 1px 15px; padding: 3px 12px 2px 12px; line-height: 1; color: #444444; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 3px;}

a:link.bookmarklet {text-decoration: none; background-color: #EEEEEE; display: inline; margin: 5px; padding: 5px 12px; line-height: 1; color: #332211; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 3px; border: 1px solid #BBBBBB;}
a:visited.bookmarklet {text-decoration: none; background-color: #EEEEEE; display: inline; margin: 5px; padding: 5px 12px; line-height: 1; color: #332211; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 3px; border: 1px solid #BBBBBB;}
a:hover.bookmarklet {text-decoration: none; background-color: #EEEEEE; display: inline; margin: 5px; padding: 5px 12px; line-height: 1; color: #332211; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 3px; border: 1px solid #BBBBBB;}
a:active.bookmarklet {text-decoration: none; background-color: #EEEEEE; display: inline; margin: 5px; padding: 5px 12px; line-height: 1; color: #332211; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 3px; border: 1px solid #BBBBBB;}

/* all images */
img.scaleimg {max-width:100%; display:block; margin:0px 0px 2px 0px;} /* scales images within the browser width */


/* tables */
table, th, td {border-collapse:collapse; border:1px solid black; background: #eeeeee;}
th, td {padding:5px 10px;}


div.header {border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; max-width:706px; margin-left:auto; margin-right:auto; margin-top:0px; margin-bottom:0px; padding:8px 10px 5px 0px; background-color:#444444; font-size:1.0em; line-height:1.45em; font-family: Helvetica, Verdana, Arial, sans-serif; color:#DDDDDD; border-style:solid; border-color:#000000; border-width:0px 2px 2px 2px;} /* title and menu links area */

div.post {border-radius:3px; max-width:696px; margin-left:auto; margin-right:auto; margin-top:10px; margin-bottom:0px; background-color:#DDDDDD; padding: 20px 10px; border-style:solid; border-color:#000000; border-width:2px;} /* the div containing a post */

div.narrow {margin: 0px 15px;} /* gives an invisible 15px margin left and right of text column */

div.centrality1027px {max-width:1027px; margin:auto;} /* central column just for the srtm imagemap of 2012 */




div.caption {font-size:0.9em; line-height:1.45em;} /* used for photo captions */


span.bold {font-weight:bold;} /* used in index.html */
div.indent {margin:0px 0px 0px 20px;} /* used in index.html */


/* List items, typically within a <ul> */
li.boldtext {font-weight:bold;}
li.normal {font-weight:normal;}

span.smalltitle {font-weight:bold; font-size:1.1em;}
span.subtitle {font-style:italic; font-size:0.9em;}

pre {font-size:0.9em; background-color:#EEEEEE; padding:1em; border-radius:3px; overflow:auto;} /* preformatted text */


/* when viewport width <= 450 pixels : reduce text margins  */
@media all and (max-width:450px) {div.narrow {margin: 0px;}}