@import url("https://fonts.googleapis.com/css?family=Merriweather:300,700,300italic");
@import url("https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700");
/* normalize css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body {
  line-height: 1.6;
  color: #222;
  font-size: 18px;
  font-family: "Merriweather", "Times New Roman", Georgia, serif;
}
pre {
  border: 1px solid #2c3e50;
  font-size: 15px;
  line-height: 1.8;
  margin: 0 0 15px;
  padding: 14px;
  word-break: break-all;
  word-wrap: break-word;
}
code,kbd,pre,samp{font-family: "Source Code Pro", monospace, monospace;}
h1, h2, h3, h4, h5, h6, label {color: #2c3e50;}
h1.content-title {font-weight: 300;}
p {margin: 0 0 15px;}
blockquote {padding: 15px 30px; margin: 0 0 30px; font-size: 90%; border-left: 5px solid #ecf0f1;}
blockquote p:last-child {margin-bottom: 0;}
a {text-decoration: underline; color: #42586e;}
h1 small {font-size: 50%;}
h2 small, h3 small, h4 small {font-size: 75%;}

div#header {background-color: #2c3e50; height: 50px; margin: 0 0 80px 0;}
div#nav {width: 800px; margin: 0 auto;}
div#nav a {display: block; color: white; height: 100%; padding: 11px 15px; text-decoration: none;}
div#nav a:hover {background-color: #222;}
div#nav a.brand {float: left;}
div#nav ul {float:right; list-style: none; padding: 0; margin: 0; height: 50px;}
div#nav ul li {float: left;}
div#page {width: 800px; margin: 0 auto;}
div.content p {text-align: justify;}

ul.list-unstyled {padding: 0px; list-style: none;}
p.quiet {font-size: 13px;}
span.separator {color: #888; font-weight: 300;}

.search-form {margin: 4px 0 3px 10px;}
.search-form input[type="text"] {padding: 7px;}

.form {margin: 20px 0 40px;}
.form label {float: left; width: 140px;}
.form div.controls {margin: 0 0 10px 140px;}
.form input,textarea,select {padding: 10px; width: 100%;}
.form textarea {height: 140px;}
.form div.control-group {margin-left: 140px;}
.form textarea#body {height: 340px; font-family: "Source Code Pro", monospace; font-size: 13px;}

ul.pager {padding-left: 0px; margin: 30px 0; list-style: none; text-align: center;}
.pager li {display: inline;}
.pager li>a {display: inline-block; padding: 5px 14px; background-color: #2c3e50; color: #fff; border-radius: 4px;}
.pager .disabled>a {backround-color: #476481; color: #fff; cursor: not-allowed;}
.pager .previous>a {float:left;}
.pager .next>a {float:right;}

.comment {margin-top: 15px;}
.comment>.pull-left {margin-right: 10px;}
.comment-body {overflow: hidden;}
.comment-heading {margin: 0 0 5px;}

.callout {
  margin: 20px 0 20px 0;
  padding: 20px;
  border: 1px solid #eee;
  border-left-width: 5px;
  border-radius: 3px;
}
/* primary=2c3e50, success=2c3e50, info=3498db */
.callout h4 {margin-top: 0;margin-bottom: 5px;}
.callout p:last-child {margin-bottom: 0;}
.callout a {color: #777;}
.callout-danger {border-left-color: #e74c3c;}
.callout-danger h4 {color: #e74c3c;}
.callout-warning {border-left-color: #f39c12;}
.callout-warning h4 {color: #f39c12;}
.callout-success {border-left-color: #2c3e50;}
.callout-success h4 {color: #2c3e50;}

.alert {padding: 15px; margin-bottom: 30px; border: 1px solid transparent;}
.alert-success {background-color: #2c3e50; border-color: #2c3e50; color: #fff;}
.alert-danger {background-color: #e74c3c; border-color: #e74c3c; color: #fff;}
.alert-warning {background-color: #f39c12; border-color: #f39c12; color: #fff;}
.alert-info {background-color: #3498db; border-color: #3498db; color: #fff;}

.clearfix:before,.clearfix:after{content: " "; display: table;}
.clearfix:after{clear: both;}
.pull-left {float: left;}
.pull-right {float: right;}

@media only screen and (min-width: 320px) {
  div#nav {width: 95%;}
  div#page {width: 95%;}
  div#nav li.menu-item {display:none;}
  img {max-width: 100%;}
  .search-form input {width: 100px;}
}
@media only screen and (min-width: 768px) {
  div#nav {width: 720px;}
  div#page {width: 720px;}
  div#nav li.menu-item {display:list-item;}
  .search-form input {width: 140px;}
}
@media (min-width: 840px) {
  div#nav {width: 800px;}
  div#page {width: 800px;}
}