/* $Id: main.css 841 2010-08-23 23:40:17Z shtrom $ 
 * vim: sw=2 
 */
body {
  background-color:	white;
  color:		black;
  font-family:		serif;
  line-height:		1.33;
  padding:		8px;
  text-align:		justify;
}

h1, h2, h3 {
  font-family:		sans-serif;
  font-weight:		bold;
}
h1 {
  font-size:		x-large; 
}
h2 {
  font-size:		large;
}
h3 {
  font-size:		medium;
}
h1 a, h2 a, h3 a {
  color:                black;
  text-decoration:	none;
}

em {
  font-style:		normal;
}

.surname {
  font-variant:		small-caps;
}

address {
  font-family:		sans-serif;
  font-size:		smaller;
  font-weight:		normal;
}

a {
  text-decoration:	none;
}
a:hover {
  text-decoration:	underline;
}

li:after
{
  content: ";";
}
li:last-child:after
{
  content: ".";
}

.right {
  width:		auto;
  background:		transparent;
  border-width:		0;
  border-width:		thin;
  float:		right;
  left:			auto;
  padding-top:		13px;
  right:		10px;
  text-align:		right;
}
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
}

.atom .item {
  border: solid thin;
  display: block;
  margin-bottom: 10px;
}
.atom .item .title {
  border-bottom: solid thin;
  font-family: sans;
  padding: 2px;
}
.atom .item .title img {
  border: 0;
  margin-right: 3px;
  max-height: 1em;
  vertical-align: middle;
}
.atom .item .posted {
  font-family: sans;
  font-size: x-small;
}
.atom .item .summary {
  font-size: small;
  padding: 5px;
}
.atom .item .summary img {
  max-height: 200px;
  max-width: 300px;
}
.atom .item .more {
  font-size: small;
}

/* Tony Aslett's float container trick [0]
 * [0] http://www.positioniseverything.net/easyclearing.html */
.atom .item:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#feed {
  width: 100%;
  height: 300px;
}

@media screen {
  #menu {   
    background:		Menu;
    border-style:	dotted;
    border-width:	thin;
    color:		MenuText;
    float:		right;
    font-family:	sans-serif;
    font-size:		smaller;
    margin:		10px;
    padding:		10px;
    width:		125px;
  }
  #menu ul {
    margin:		0px;
    padding:		0px;
  }
  #menu ul ul {
    margin-left:	1em;
  }
  #menu ul li:after {
    content: "";  
}
  #menu ul li.html {
    list-style-image:	url('text-html.png');
    list-style-position:	inside;
  }
  #menu ul li.pdf {
    list-style-image:	url('application-pdf.png');
    list-style-position:	inside;
  }
  #menu ul li.pgp {
    list-style-image:	url('application-certificate.png');
    list-style-position:	inside;
  }
  a.html {
    background:	transparent url('text-html-16.png') no-repeat scroll 0 1px;
    padding:	1px 0 1px 18px;
  }
  a.pdf {
    background: transparent url('application-pdf-16.png') no-repeat scroll 0 1px;
    padding:	1px 0 1px 18px;
  }
  a.pgp {
    background: transparent url('application-certificate-16.png') no-repeat scroll 0 1px;
    padding:	1px 0 1px 18px;
  }
  .atom .item .title {
    background:		Menu;
    color:		MenuText;
  }
}
@media print {
  #menu {
    display: none;
  }
  #conformance {
    display: none;
  }
  a[href^="http://"]:after {
    content: " [" attr(href) "]";
    font-family: monospace;
    font-size: smaller;
    font-style: normal;
  }
}