/*
 * Style sheet for ISMM 2013 home page.
 * (c)2012 Cris Luengo
 */

/*
 * The fonts included are created by:
 * @vendor:     GUST e-foundary
 * @licenseurl: http://www.gust.org.pl/fonts/licenses/GUST-FONT-LICENSE.txt
 */
@font-face {
  font-family: "Latin Modern Roman";
  font-style: normal;
  font-weight: normal;
  src: url('lmroman10-regular.otf') format('opentype');
}
@font-face {
  font-family: "Latin Modern Roman";
  font-style: italic;
  font-weight: normal;
  src: url('lmroman10-italic.otf') format('opentype');
}
@font-face {
  font-family: "Latin Modern Roman";
  font-style: normal;
  font-weight: bold;
  src: url('lmroman10-bold.otf') format('opentype');
}
@font-face {
  font-family: "Latin Modern Roman";
  font-style: italic;
  font-weight: bold;
  src: url('lmroman10-bolditalic.otf') format('opentype');
}

/* Color scheme  (saturation,value)
 * green (hue = 126)
 *  bright green:  (243,166) #08a61a coltxt -- text (headings), logo
 *  dark green:    (128,128) #3f8046 collnk -- links
 *  greyish green: ( 74,213) #97d59d collhl -- link background highlight
 *  light green:   ( 27,254) #e3fee6 colwtm -- watermark
 *  light greyish green: ( 27,185) #aeb9af colbgr -- HTML background
 * contrasting color (hue = 62)
 *                 (184,163) #9a7f3f collne -- lines
 */

/* Main elements */

html {
  background-color: /*colbgr*/#aeb9af;
}

body {
  font-family: "Latin Modern Roman", serif;
  line-height: 1.3;
  max-width: 55em;
  color: black;
  background-color: white;
  background-image: url('ismmwatermark.png');
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: bottom right;
  border: 1px solid black;
  padding: 2em 4em;
  margin: 1em;
  margin-right: auto;
  text-indent: 0;
}

h1 {
  color: /*coltxt*/#08a61a;
  font-size: 200%;
  line-height: 1.3;
  font-weight: bold;
  text-align: center;
  margin: 0;
}

h2 {
  color: /*coltxt*/#08a61a;
  font-size: 150%;
  line-height: 1.3;
  text-align: left;
  font-weight: bold;
  margin: 0;
  margin-bottom: 0.5em;
}

h3 {
  color: /*coltxt*/#08a61a;
  font-size: 100%;
  line-height: 1.3;
  text-align: left;
  font-weight: bold;
  margin: 0;
  margin-bottom: 0.5em;
}

p {
  margin: 0;
  margin-bottom: 0.5em;
  text-align: justify;
}

a {
  text-decoration: none;
  margin: 0 -0.2em;
  padding: 0 0.2em;
}
a:link, a:visited {
  color: /*collnk*/#3f8046;
}
a:hover {
  color: white;
  background-color: /*collhl*/#97d59d;
}

hr {
  height: 1px;
  border: none;
  background-color: /*collne*/#9a7f3f;
  margin: 0.5em 0;
  padding: 0;
  width: 100%;
}

/* Header */

div.header {
  height: 8em;
  margin: 1em 0;
  padding: 0;
  padding-bottom: 1em;
  border: none;
  border-bottom: 3px solid /*collne*/#9a7f3f;
}

div.header p {
  text-align: center;
  font-size: 120%;
  color: /*coltxt*/#08a61a;
  margin: 0.5em;
  padding: 0;
}

/* Two-column layout: menu, body */

div.menu {
  position: fixed;
  top: 14em;
  left: 5em;
  text-align: right;
  padding: 0;
  padding-right: 1em;
  margin-right: 1em;
  border: none;
  border-right: 2px solid /*collne*/#9a7f3f;
  width: 9em;
  margin-bottom: 1em;
}

div.body {
  padding: 0;
  margin: 0;
  margin-left: 11em; /* div.menu: width + padding-right + margin-right = 9+1+1=11 */
  margin-bottom: 1em;
}

div.menu ul {
  margin: 0.5em 0;
  padding: 0;
  list-style: none;
}

div.body ul {
  margin: 0;
  margin-left: 2em;
  padding: 0;
  list-style: url('mmbullet.png') disc outside;
}
div.body li {
  margin: 0;
  margin-bottom: 0.5em;
  text-align: left;
}
div.body ul.nobullet {
  margin: 0;
  margin-bottom: 0.5em;
  padding: 0;
  list-style: none;
}
div.body ul.nobullet > li {
  margin: 0;
  text-align: left;
}

/* Footer */

div.footer {
  clear: both;
  margin: 1em 0;
  padding: 0;
  padding-top: 1em;
  border: none;
  border-top: 2px solid /*collne*/#9a7f3f;
}

div.footer p {
  text-align: center;
}