html, body { margin: 0; padding: 0; font-family: Arial,sans-serif; background-position: top right; background-color: #fff; background-repeat: no-repeat; color: #000; }
body.code { background-image: url(../img/categories/code.png); }
body.music { background-image: url(../img/categories/music.png); }
body.projects { background-image: url(../img/categories/projects.png); }
body.talks { background-image: url(../img/categories/talks.png); }

.cont { width: 800px; margin-left: auto !important; margin-right: auto !important; }
#head h1 { text-indent: -5000px; background: url(/img/logo.png) no-repeat; width: 360px; height: 70px; margin: 0.2em 0 0.5em; padding: 0; }

#menu { background: #639bd4 url(/img/menu-bg.png) repeat-x; font-size: 0.8em; height: 30px; }
#menu ul { display: block; list-style: none; height: 30px; padding: 0; margin: 0; }
#menu li { float: left; display: block; line-height: 30px; height: 30px; color: #fff; text-align: center; border-width: 0 1px; border-style: solid; border-color: #eee #39c; background: #68a4df url(/img/item-bg.png) repeat-x; }
#menu li:hover { color: #fff; background: #7aaee3 url(/img/item-ovr-bg.png) repeat-x; }
#menu li.cur { color: #000; background: #eee url(/img/item-sel-bg.png) repeat-x; }
#menu li.nourl { padding: 0 1em; }
#menu a { color: inherit; text-decoration: none; display: block; line-height: 30px; height: 30px; padding: 0 1em; }

#body { background: url(/img/menu-shadow.png) repeat-x; padding-top: 20px; }
#body p, #body div, #body h1, #body h2, #body h3, #body h4, #body h5, #body h6 {
  margin: 0;
  padding: 0;
}
#body h2 { margin: 1em 0 0.5em; }
#body h2.title { margin-top: 0; }
#body h3 { margin: 1em 0 0.5em; }
#body p  { margin-bottom: 0.5em; }
.j { text-align: justify; }
table.bordered { border-collapse: collapse; margin: 0.75em 0; }
table.bordered tr { background: #fff; color: #000; }
table.bordered thead tr { background: #eee; color: #000; }
table.bordered td, table.bordered th { border: 1px solid #ccc; padding: 0.15em 0.5em; }
table.centered { margin-left: auto; margin-right: auto; }
table.database th { font-size: 0.9em; text-align: center; }
table.database td.c { text-align: center; }
table.grid { border-collapse: collapse; }
table.grid thead th { border: #ddd solid; border-width: 0 1px; padding: 0.2em 0.3em; text-align: center; vertical-align: bottom; }
table.grid thead th:first-child { border-left: 0; }
table.grid tbody th { border-style: solid; border-color: #333 #ddd; border-width: 1px 1px 1px 0; padding: 0.2em 0.3em; text-align: left; }
table.grid td { border: 1px solid; border-color: #333 #ddd; }
table.hover-row tbody tr:hover td { background: #ddf; }
table.hover-row tbody tr:hover th { background: #eef; }
table.grid.hover-row tbody tr:hover td { border-color: #333 #ddf; }
table.grid.hover-row tbody tr:hover th { border-color: #333 #eef; }
table.cen-td td { text-align: center; }
table.smaller { font-size: 80%; }

ul.nobull {
  list-style-type: none;
}
a img {
  border: none;
}

#foot .lastmod {
  font-size: 80%;
  font-family: Georgia,serif;
  color: #999;
  text-align: right;
  padding-bottom: 0.5em;
}

/* clearfix - see http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 1px; /* prevent vertical scrollbar when using overflow: auto with clearfix */
  clear: both;
  visibility: hidden;
}

tt {
  white-space: nowrap;
}

@media print {
  html, body { margin: 1.2em 0.8em; background: transparent; color: #000; }
  .noprint { display: none; }
  #menu { display: none; }
  #head h1 { text-indent: 0; background: transparent; margin: 0.2em 0 0.5em; padding: 0; }
}