body {
  margin: 0 0;
  background-color: #dddddd;
  color: #555;
  font-family: 'Lucida Grande','Lucida Sans Unicode',Helvetica,Arial,sans-serif;
}

h1,h2,h3,h4,h5,h6 {
  font-weight:900;
  margin: 20px 0;
}

ol, ul {
  line-height: 1.6em;
}

p {
  line-height:1.4em;
  margin-bottom: 15px;
  text-align: justify;
}

/* clearfix - http://www.webtoolkit.info/css-clearfix.html */

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.clearfix {
  display: inline-block;
}

html[xmlns] .clearfix {
  display: block;
}

* html .clearfix {
  height: 1%;
}

/* common elements */
.hidden {
  display:none;
  visibility:hidden;
}

.box {
  background:#eee;
  border:1px solid #ddd;
  padding:10px;
}

h1.logo {
  margin:0 0 0 -70px;
  height:100px;
}

a {
  color:#0f5ba3;
  text-decoration:underline;
}

a:hover {
  color:#0b3f6f;
  text-decoration:none;
}

pre {
    background-color:#F8F8FF;
    border:1px solid #DEDEDE;
    color:#444444;
    font-size:90%;
    line-height:1.5em;
    margin:1em 0;
    padding:0.5em;
}


#content pre code {
    background-color:#F8F8FF;
    border:medium none;
    font-size:100%;
    padding:0;
}

#content code {
    background-color:#F8F8FF;
    border:1px solid #DEDEDE;
    color:#444444;
    font-size:90%;
    padding:0 0.2em;
}

pre, code {
    -x-system-font:none;
    font-family: Monaco,"Courier New", monospace;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
}

img.shot {
  float: right;
  padding: 10px;
  margin: 0px 10px 10px 10px;
  border: 1px solid #ddd;
}