/******************************************************************************
 * General stuff
 ******************************************************************************/
* {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  }

body {
  background-color:white;
  color:black;
  font-family:FreeSans,"Helvetica Neue",Helvetica,Arian,sans-serif;
  font-size:13.333px;
  }

p,ol,ul,dl,pre,table {
  font-size:1em;
  line-height:1.275em;
  margin-bottom:1.275em;
  }

/******************************************************************************
 * Headers
 ******************************************************************************/
h1,h2,h3,h4 {
  color:#2a2a2a;
  font-size:1em;
  line-height:1.275em;
  margin-bottom:1.275em;
  }
h1 {
  font-size:2em;
  font-weight:bold;
  line-height:1.275em;
  margin-bottom:3.825em;
  }
h2 {
  font-weight:bold;
  text-transform:uppercase;
  }
h3 {
  border-bottom:1px #666 solid;
  }

/******************************************************************************
 * Lists
 ******************************************************************************/
ul {
  list-style-type:circle;
  }
ul ol, ul ul, ol ul, ol ol {
  margin-left:1.275em;
  margin-bottom:0em;
  }
dd {
  margin-left:1.275em;
  }

/******************************************************************************
 * Tables
 ******************************************************************************/
table {
  border-collapse:collapse;
  margin-left:auto;
  margin-right:auto;
  margin-top:1.275em;
  }
td,th {
  padding:3pt;
  padding-right:1.275em;
  padding-left:1.275em;
  }
th {
  text-align:center;
  text-transform:uppercase;
  }
tr {
  border-top:1px #ccc solid;
  }
thead > tr:first-child {
  border-top:none;
  }

/******************************************************************************
 * Ruler
 ******************************************************************************/
hr {
  color:black;
  height:1px;
  border-left:0px;
  border-right:0px;
  border-bottom:0px;
  border-top:5px black solid;
  margin-top:14.6667px;
  margin-bottom:14.6667px;
  }

/******************************************************************************
 * Preformatted text
 * Overflow is set to auto, so scrollbars will appear if
 * preformatted text runs longer than the width of the
 * 'page.' Still, it's better to cut lines to the proper
 * width and avoid the ugly scrollbar altogether.
 ******************************************************************************/
pre {
  font-family:monospace;
  overflow:auto;
  }

/******************************************************************************
 * Image
 ******************************************************************************/
img {
  border:0px;
  }
img.framed {
  border:1px solid #666;
  background:#eee;
  padding:5px;
  }

/******************************************************************************
 * Quoted paragraph
 ******************************************************************************/
blockquote p {
  font-style:italic;
  }
blockquote p em, blockquote p i {
  font-style:normal;
  }

/******************************************************************************
 * Inline tags
 ******************************************************************************/
a {
  text-decoration:none;
  color:#009;
  }
a:hover {
  text-decoration:underline;
  }
a:visited {
  text-decoration:none;
  color:#306;
  }
a:visited:hover {
  text-decoration:underline;
  }
acronym {
  text-transform:uppercase;
  }
dt {
  font-weight:bold;
  }

/******************************************************************************
 * Classes
 ******************************************************************************/
.main {
  margin-left:150px;
  width:45em;
  }
.source {
  font-size:small;
  text-align:right;
  }

/* Copyright info, update time and date at the bottom of the page. */
.signature {
  margin-left:150px;
  width:45em;
  }
.signature p {
  font-size:0.8em;
  line-height:1.5937em;
  }
.signature hr {
  clear:both;
  color:white;
  border-top:5px white solid;
  }

/* All images, except in blog. */
.image-box {
  clear:both;
  text-align:center;
  }
.image-box p {
  font-style:italic;
  text-align:center;
  text-indent:0px;
  }

/* Three "child-classes" used in conjunction with image-box above. */
.right-aligned {
  float:right;
  margin-left:1.275em;
  margin-top:1.275em;
  margin-bottom:1.275em;
  }
.left-aligned {
  float:left;
  margin-right:1.275em;
  margin-top:1.275em;
  margin-bottom:1.275em;
  }
.centered {
  margin-top:1.275em;
  margin-bottom:1.275em;
  }

/* Right side of the page. */
.sidenote {
  margin-left:150px;
  width:45em;
  white-space:nowrap;
  }
.sidenote ul {
  list-style-type:none;
  }
.sidenote li {
  color:#2a2a2a;
  display:inline;
  font-size:0.8em;
  line-height:1.5937em;
  list-style-type:none;
  margin-right:1em;
  }

/* Footnotes; bottom of a page */
.notes {
  border-top:1px #2e2e2e solid;
  }
.notes ol {
  margin-left:0em;
  }

/* For KDE Usability text. ****************************************************/
.pages {
  margin-top:1.275em;
  }
.pages p {
  text-align:center;
  }

/* Gallery classes*************************************************************/
.gallery-image {
  margin:5px;
  width:124px;
  height:124px;
  background:#eee;
  border:1px solid #666;

  float:left;
  line-height:122px;
  text-align:center;
  }

.gallery-image img {
  vertical-align:middle;
  border-top:1px solid gray;
  border-left:1px solid gray;
  border-right:1px solid white;
  border-bottom:1px solid white;
  }

.gallery-row {
  clear:both;
  }