body {
 font-family: "Roboto", "Helvetica Neue", Calibri, Verdana, Arial, Sans-serif;
 font-size: 18px;
 line-height: 30px;
}

code,
kbd,
pre,
samp {
  font-family: 'Droid Sans Mono', monospace;
  font-size: 0.8em;
}

::selection {
 background-color: #edba90;
 color: #fff;
}
::-moz-selection {
 background-color: #edba90;
 color: #fff;
}
::-webkit-selection {
 background-color: #edba90;
 color: #fff;
}

::-webkit-scrollbar {
 width: 12px;
}
::-webkit-scrollbar-track {
}
::-webkit-scrollbar-thumb {
 background: #edba90;
}
::-webkit-scrollbar-thumb:window-inactive {
 background: #edba90;
}

.navbar .container-fluid  {
 background-color: none;
}
@media (min-width: 768px) {
  .navbar .container-fluid  {
    width: 768px;
  }
}

.navbar-default {
 background: none;
 border: none;
}

.navbar-default .navbar-nav > li > a:hover {
 background-color: #e7e7e7;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover {
 font-weight: bold;
 color: #fff;
 background-color: #edba90;
}

.navbar-toggle {
 top: 32px;
}

@media (min-width: 768px) {
 .navbar-nav {
  margin-left: 20px;
  margin-top: 32px;
 }
}
@media (max-width: 767px) {
 .navbar-default {
  margin-bottom: 64px;
 }
 .navbar-default .navbar-collapse, .navbar-default .navbar-form {
  border: none;
  top: 60px;
  position: relative;
 }
}

h1 {
  font-size: 32px;
  font-family: "Roboto", "Helvetica Neue", Calibri, Verdana, Arial, Sans-serif;
  color: #586E8D;
  margin: 20px 0px;
}

h1 small {
  font-size: 20px;
  color: #586E8D;
}

h2 {
  font-size: 20px;
  font-family: "Roboto", "Helvetica Neue", Calibri, Verdana, Arial, Sans-serif;
  color: #62A27C;
  margin: 0px 0px 20px 0px;
}

p + h2 {
  margin-top: 20px;
}

h3 {
  font-size: 18px;
  color: #6F6F6F;
}

h4 {
 font-size: 18px;
}

.container {
 background-color: #ffffff;
 background-color: rgba(255, 255, 255, 0.75);
}

body > .container {
 border-top: 1px solid #e7e7e7;
 border-bottom: 1px solid #e7e7e7;
 margin-top: 28px;
 padding-bottom: 20px;
}

@media (max-width: 767px) {
 .navbar-default .navbar-collapse, .navbar-default .navbar-form {
  border: none;
 }
}

footer {
 padding: 8px 0px;
 text-align: right;
 color: #999;
}

.tag_box {
 position: relative;
 bottom: 2px;
}

.tag_box a,
.tag_box a:hover {
 color: #ffffff;
}

p {
 margin-bottom: 20px;
}
blockquote {
  padding: 8px;
  margin: 8px 0px;
  border-left: 8px solid #edba90;
  left: -16px;
  position: relative;
  background-color: #ffffff;
  font-size: 18px;
  font-style: italic;
}
blockquote p {
  font-size: 18px;
  line-height: 30px;
}
blockquote p em {
  font-style: normal;
}

#home-icon {
 display: block;
 background-image: url("avatars_x4.png");
 background-position: 0px 0px;
 width: 80px;
 height: 80px;
}

pre {
 overflow-x: auto;
}
pre code {
 overflow-wrap: normal;
 white-space: pre;
}

a.external {
 background-image: url("link.png");
 width:12px;
 height:12px;
 display:inline-block;
}