/*Thanks to Henry Liu*/

/* General styling */
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    }
html, body, iframe {
    margin:0;
    padding:0;
    border:0;
}
body, select, input, textarea {
    font-family:Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
body {
    margin-left : 160px;
    padding: 10px;
    font-size:1em;
    color:#555;
    font-weight:300;
    background-color:#fff;
}
h1, h2, h3, h4, h5, h6, p, ul, ol, table, pre, dl {
    margin:0 0 20px;
}
select, input, textarea {
    font-size:1em;
    border-width:1px;
}
li ul, li ol{
    margin:6px 0
}
h1, h2, h3, h1 a, h2 a, h3 a {
    line-height:1.1;
    font-weight:700;
}
h1 {
    font-size:2em;
}
h1, h1 a {
    color:#111 !important;
}
h2, h2 a {
    color:#333;
}
h3, h4, h5, h6, h3 a, h4 a, h5 a, h6 a {
    color:#444;
}
h4, h5, h6 {
    font-weight:600;
}
a {
    color:#39c;
    font-weight:400;
    text-decoration:none;
}
a:hover {
    color:#069;
}
    
/* General content styling */
table {
    width:100%;
    border-collapse:collapse;
}
th, td {
    text-align:left;
    padding:5px 10px;
    border-bottom:1px solid #e5e5e5;
}
dt {
    color:#444;
    font-weight:700;
}
th {
    color:#444;
}
img {
    max-width:100%;
}
article img {
    display:block;
    margin:0 auto;
}
article img.inline {
    display:inline;
    margin:0;
}
strong {
    font-weight:600;
}
/*article p {
    text-align:justify;
}*/
small {
    font-size:0.7em;
}
hr {
    border:0;
    background:#e5e5e5;
    height:1px;
    margin:0 0 20px;
}
.collapsible div {
    position:relative;
}
cite {
    font-style:italic;
}
    
/* Page structure styling */
#wrapper {
    width:800px;
    margin:0 auto;
}
header {
    width:150px;
    float:left;
    position:fixed;
}
article {
    width:600px;
    float:right;
    padding-bottom:50px;
    font-size:0.9em;
}

article h2 {
    padding-top: 70px;
}

img {
    padding-left:30px;
    padding-top:40px;
    float:right;
    width:200px;
}
    
/* The sidebar menu */
nav {
    width: 150px; /* Set the width of the sidebar */
    position: fixed; /* Fixed Sidebar (stay in place on scroll) */
    background-color: #fff;
    /*overflow-x: hidden; Disable horizontal scroll */
    padding-top: 20px;
  }
  
/* The navigation menu links */
nav a {
    padding: 6px 8px 6px 16px;
    text-decoration: none;
    color: #818181;
    display: block;
}
  
/* When you mouse over the navigation links, change their color */
nav a:hover {
    color: #111;
}