/* 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 {
padding:50px;
font-size:1em;
color:#333;
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:#222 !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;
}
/*a small {
font-size:0.7em;
color:#666;
margin-top:-0.6em;
display:block;
}
a:hover small {
color:#666;
}*/

/* General content styling */
blockquote {
border-left:1px solid #e5e5e5;
margin:0;
padding:0 0 0 20px;
font-style:italic;
}
code, pre {
font-family:Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal;
color:#444;
font-size:0.85em;
}
pre code {
font-size:1em;
}
.has-jax {
font-size:0.85em;
font-weight:300;
border:inherit;
background:inherit;
color:#777;
}
pre {
padding:8px 15px;
background: #f8f8f8;  
border-radius:5px;
border:1px solid #e5e5e5;
overflow-x: auto;
}
article li {
margin-bottom:6px
}
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:860px;
margin:0 auto;
}
header {
width:180px;
float:left;
position:fixed;
}
header ul {
list-style-type:square;
color:#999;
padding-left:40px;
}
header li ul {
padding-left:20px;
}
header li ul li {
font-size:0.8em;
padding-bottom:5px;
color:#555;
}
article {
width:600px;
float:right;
padding-bottom:50px;
font-size:0.9em;
}

div .clear {
clear:both;
height:1px;
}

/* Different screen sizes */
@media print, screen and (max-width: 960px) {
    #wrapper {
	width:auto;
	margin:0;
    }
    header, article {
	float:none;
	position:static;
	width:auto;
    }
    header {
	padding-right:320px;
    }
    article {
	border:1px solid #e5e5e5;
	border-width:1px 0;
	padding:20px 0;
	margin:0 0 20px;
    }
    header a small {
	display:inline;
    }
    header ul {
	position:absolute;
	right:50px;
	top:58px;
    }
    header li {
	display:inline;
	padding:2px 10px;
    }
    header li ul {
        display:none; /* hide submenus */
    }
}

@media print, screen and (max-width: 720px) {
    body {
	word-wrap:break-word;
    }
    header {
	padding:0;
    }
    pre, code {
	word-wrap:normal;
    }
    header li {
	padding:2px 4px;
    }
}

@media print, screen and (max-width: 600px) {
    body {
	padding:15px;
    }
    header ul {
	list-style:none;
	top:10px;
	right:15px;
	text-align:right;
	line-height:1.2;
    }
    header li {
	display:block;
	padding:0;
    }
    h1, h1 a {
        margin:0 0 40px;
    }
}

@media screen and (max-width: 480px) {
    article p, article li {
        text-align:left
    }
}

@media print {
    body {
	padding:0.4in;
	font-size:0.8em;
	color:#444;
    }
}