/* -------------------- all content  ------------------- */

strong {
  font-weight: bold;
}

a {
  text-decoration: none;
  color: #1E76D4;
}

a:hover {
  color: maroon;
}

/* --------------------- site title -------------------- */

header {
    border-bottom: 5px solid #DDD;
    overflow: auto;
    margin-top: 15px;
    margin-bottom: 20px;
    padding-bottom: 5px;
    color: #aaa;
}

header h1 {
    float: left;
    font-size: 2em;
}

/* -------------------- body content ------------------- */

body {
  color: #333;
  font-family: helvetica, arial, Verdana, sans-serif;
  font-size: 0.9em;
  width: 100%;
  margin: auto;
  max-width: 1024px;
  overflow:auto;
}

body ul {
  margin: 10px 0 10px 25px;
  list-style: circle;
  margin-top: 0;
}

body p, body li {
  line-height: 1.5;
}

body p {
  margin: 1em 0 0 0;
}

body h3 {
  margin-bottom: 1em;
  font-size: 1.4em;
  font-weight: bold;
  color: #486E96;
}

body h4 {
  margin-bottom: 0.5em;
  font-size: 1.2em;
  font-weight: bold;
  color: #444;
}

/* ----------------------- footer ---------------------- */

footer {
    border-top: 2px solid #ddd;
    padding-top: 4px;
    padding-bottom: 30px;
    font-size: 0.9em;
    color: #aaa;
    float: right;
}

/* ------------------- content header ------------------ */

article {
  padding-bottom: 20px;
  border-bottom: solid #ddd 5px;
}

article img {
  width: 200px;
  padding: 15px;
}

article div {
  padding: 15px;
}

article aside {
  padding: 15px;
  border-left: 3px #f1f1f1 solid;
}

aside ul {
  margin-left: 30px;
}