/* Stylesheet for my blog */

html, body
{
  background: white;
  color: black;
}

div[class~=clear]
{
  position: relative;
  margin: 1ex 0;
  padding: 0;
  border: solid 2px black;
  background: #ccffcc;
}

div[class~=description]
{
  margin: 5ex 0.5em 0 0.5em;
}

div[class~=description] img
{
  max-width: 100%;
}

div[class~=clear] h2
{
  position: relative;
  margin: 0;
  padding: 0;
  font-size: 100%;
}

.deco { display: none }

div[class~=clear] .itemdate
{
  display: block;
  position: absolute;
  top: -1px;
  right: -1px;
  height: 2.5ex;
  width: 100%;
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-size: 80%;
  white-space: nowrap;
  text-align: right;
  border: solid 1px black;
  background: #aaffaa;
}

div[class~=clear] .itemdate .date
{
  position: relative;
  z-index: 2;
  margin: 0;
  padding: 0 0.4em 1px 0.4em;
  border-left: solid 1px black;
  background: inherit;
  color: black;
}

div[class~=clear] .itemdate .date acronym
{
  border: none;
}

div[class~=clear] .itemtitle
{
  display: block;
  position: relative;
  top: 3.5ex;
  padding: 0 0.4em;
  font-size: 120%;
}

div[class~=clear] .itemsubject
{
  position: absolute;
  top: 0;
  left: 0;
  height: 2.5ex;
  margin: 0;
  padding: 0 0.5em;
  font-size: 80%;
  background: #aaffaa;
  overflow: hidden;
}

div[class~=clear] .itemsubject:hover
{
  z-index: 2;
}

div[class~=blog],
div[class~=announce]
{
  background: #ccccff;
}

div[class~=blog] .itemdate,
div[class~=announce] .itemdate,
div[class~=blog] .itemsubject,
div[class~=announce] .itemsubject
{
  background: #aaaaff;
}

/* $Id: blog.css 54294 2012-08-18 11:17:17Z vinc17/xvii $ */