body { color: #262626; line-height: 1.4em; font-size: 18px !important; background-color: white; font-family: 'PT Serif' serif !important; }

h1, h2, h3, h4, h5, h6 { font-family: 'Source Sans Pro', sans-serif; margin-bottom: 0.6em; }

h2 { font-size: 36px; }

a { color: #553285; }

a:hover { color: #0AAFAF; text-decoration: none; }

code { background-color: #a77cdf; color: #36175e; }

pre { white-space: pre-wrap; }

hr { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #CABAC8; border-style: solid none; border-width: 1px 0; margin: 18px 0; }

/* Navbar area */
.navbar.navbar-default { background-color: white; border-bottom: 0px solid #ddd; color: white; margin-bottom: 0; padding-top: 15px; }
.navbar.navbar-default a, .navbar.navbar-default li a { color: #262626; color: #8330ef; font-family: 'Source Sans Pro', sans-serif; }

.posts img { display: block; width: 100%; max-width: 100%; }

.posts-small img { display: block; width: 60%; max-width: 100%; float: left; border: thin black; margin: 0.5em; padding: 0.5em; }

/* Sidebar */
h1.sidebar { color: #CABAC8; margin: 0; }

.sidebar-inner { padding: 20px 10px 20px 0px; }

.sidebar { background-color: #36175e; color: #B2DDF7; font-family: 'Source Sans Pro', sans-serif; }
.sidebar .featured-list li { margin: 0; padding: 0px 0px 7px 0px; }
.sidebar a, .sidebar li a { color: #ebe5ea; }
.sidebar a:hover { color: #0AAFAF; text-decoration: none; }
.sidebar .license { font-size: 80%; line-height: 95%; }

/* Footer area */
footer { padding: 1em 0 1em 0; color: #553285; background-color: #ebe5ea; }
footer a { text-decoration: none; color: black; }
footer a:hover { text-decoration: underline; color: black; }
footer ul { list-style-type: none; margin: 0; padding: 0; }
footer ul li { margin-bottom: 0.5em; }

@media (min-width: 992px) { .sidebar-inner { padding-left: 30px; }
  .container { margin-left: 0px; }
  .verticalalign { display: flex; }
  div.verticalalign:before, div.verticalalign:after { display: none; }
  .main { padding-left: 50px; }
  .pull-left { float: left !important; padding-right: 30px; }
  .pull-right { float: right !important; padding-left: 30px; } }