.container { width: 850px; font-size: 13px; }

.header h1 { font-size: 22px; /* border-bottom: 2px solid #EEE */ padding: 10px 0 5px 0; margin: 0px 0 0 0; color: #111111; }
.header .nav { margin-top: -60px; float: right; }
.header .nav a { color: #aa0000; }

.pagination a { float: none; }
.pagination em { border: 1px solid #dddddd; padding: 0 14px; }
.pagination .previous_page { border: 1px solid #dddddd; }

.home .nav { display: none; }

ol.index { list-style-type: none; margin: 25px 0 25px 1px; }
ol.index li { line-height: 22px; }
ol.index .header, ol.index .arrow { color: #999999; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 12px; vertical-align: top; }
ol.index .header { float: left; min-width: 115px; }
ol.index .arrow { margin: 0 5px; }
ol.index .main { font-size: 13px; color: #cccccc; margin: 0 0 0 10px; display: inline-block; max-width: 55%; line-height: 1.3em; }
ol.index .meta { float: right; color: #cccccc; font-size: 12px; vertical-align: top; }
ol.index .meta a { color: #cccccc; font-size: 10px; }

.articles ol { list-style: none; margin: 0; }

.article h1 { color: #0088cc; font-size: 22px; margin-bottom: 10px; }
.article h2 { font-size: 19px; color: #333333; }
.article h3 { font-size: 16px; color: #555555; padding-bottom: 4px; }
.article h4 { font-size: 15px; color: #444444; }
.article p { font-size: 13px; margin-bottom: 20px; }
.article code { color: #666666; }
.article img { padding: 10px; border: 1px solid #dddddd; }
.article .meta { font-size: 12px; }
.article .date { color: #cccccc; margin: -5px 0 15px; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; font-size: 11px; font-weight: bold; }
.article .toc { margin: -40px 0px 0px -330px; float: left; text-align: right; width: 275px; font-size: 12px; position: fixed; }
.article .toc h1 { font-size: 13px; color: #cccccc; font-weight: normal; margin-bottom: 5px; }
.article .toc li { list-style: none; }
.article .toc a { color: #cccccc; }
.article .toc a:hover { color: #999999; }
.article .note { background: #f0f5f9; border: 1px solid #d0dbe6; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #777777; margin: 30px 15px; padding: 10px 20px 10px 20px; letter-spacing: normal; line-height: 1.5em; }
.article .note a { color: #0088aa; }
.article .author { color: #cccccc; margin: 20px 0 30px; float: right; font-family: Arial, Tahoma, Helvetica, FreeSans, sans-serif; }
.article .author img { vertical-align: middle; border: 0px; padding: 0px; }
.article .author a { color: #cccccc; }
.article .author a img { opacity: 0.4; }
.article .author a:hover { text-decoration: none; color: #999999; }
.article .author a:hover img { opacity: 0.75; }
.article .file { color: #bbbbbb; /* border-bottom: 1px dotted #EEE */ margin-bottom: -22px; text-align: right; margin-right: 8px; font-weight: normal; }
.article .comments { margin: 20px 0 20px 0; }
.article .comments #disqus_thread #dsq-like-tooltip, .article .comments #disqus_thread #dsq-sort-by, .article .comments #disqus_thread #dsq-pagination, .article .comments #disqus_thread h3 { display: none; }
.article .comments #dsq-content .dsq-avatar img { width: 24px; height: 24px; }
.article .highlight { padding: 10px 10px 10px 15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-bottom: 30px; }
.article .highlight pre { background: inherit; border: 0px; margin: 0px; padding: 0px; }

footer { border-top: 2px solid #eeeeee; padding: 10px 0 5px 0; margin: 40px 0 20px 0; font-size: 10px; }
footer li { line-height: 20px; }
footer img { opacity: 0.8; }
footer img:hover { opacity: 1; }

.left { float: left; }

.right { float: right; }

.clear { clear: both; }