@import url(./fonts.css);

body {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.75;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 2em;
  margin-bottom: 0.7em;
}

h1 {
  font-size: 38px;
}

dl dd {
  margin-left: 2em;
  margin-bottom: 10px;
}

pre {
  font-family: 'Source Code Pro',monospace;
  white-space: pre-wrap;
  word-wrap: break-word;
}

.page-header h1 {
  font-size: 42px;
  margin-top: 0;
  margin-bottom: 0;
}

.article-list-header h1 {
  margin-top: 1em;
  margin-bottom: 0.3em;
}

.article-list-info {
  font-size: 13px;
  font-style: italic;
  margin-bottom: 2em;
}

.summary h1,
.summary h2,
.summary h3,
.summary h4,
.summary h5,
.summary h6 {
  margin-top: 0.5em;
  margin-bottom: 0.1em;
}

#sidebar .list-group, #sidebar .list-group-item {
  background-color: transparent;
}

/* for list-groups nested within a list-group-item, reset the bottom margin */
.list-group-item > .list-group {
  margin-bottom: 0px;
}

/* for list-group-items nested within a list-group-item, reset the bottom
   padding of the last item, b/c the containing item has paddimg already
*/
.list-group-item .list-group-item:last-child {
  padding-bottom: 0px;
}

.list-group-item {
  border: none;
}

.tag-0 {
  font-size: 16pt;
}

.tag-1 {
  font-size: 13pt;
}

.tag-2 {
  font-size: 10pt;
}

.tag-3 {
  font-size: 8pt;
}

.tag-4 {
  font-size: 6pt;
}

#aboutme {
  padding-top: 0px;
  padding-bottom: 5px;
  -ms-word-break: normal;
  word-break: normal;
}

#sidebar {
  padding-top: 0px;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

#sidebar a {
  color: inherit;
}

.icon-label {
  margin-left: 10px;
}

/* Example for how to control spacing between icon and label in specific
   lists in the sidebar. To change, override in your CUSTOM_CSS           */
#sidebar #social i {
  margin-right: 3px;
}

a, a:hover {
     color: inherit;
   }

.entry-content a {
  text-decoration: none;
  border-bottom: 1px dotted;
}

.entry-content a:hover {
  text-decoration: none;
  border-bottom: 1px solid;
}

.entry-content img {
  max-width: 100%;
  height: auto;
}

.entry-content figcaption, .caption {
  font-size: small;
  margin-bottom: 2px;
}

.summary img {
  max-width: 100%;
  height: auto;
}


.floatright, .align-right {
  float: right;
}

.floatleft, .align-left {
  float: left;
}

.floatcenter, .align-center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

figure.floatright, .align-right {
  margin-left: 4px;
}

figure.floatleft, .align-left {
  margin-right: 4px;
}

figure.floatcenter, .align-center {
  margin-bottom: 11px;
}

/* Window screenshots from OSX */
.figure img.osx-window {
  margin-bottom: -60px;
}

.figure .caption {
  text-align: center;
}

.figure.portrait {
  text-align: center;
  margin-bottom: 1em;
}

.figure.portrait img {
  border-radius: 15%;
  width: 300px;
}

.highlighttable pre {
  /* Removes bootstrap default margin-bottom */
  margin-bottom: 0px;
}

.highlighttable {
  /* Adds them margin-bottom to highlightable instead of <pre> */
  margin-bottom: 11px;
}

.highlighttable {
  width: 100%;
}

#categories ul, #tags ul {
  list-style: none;
  padding: 0;
  margin-left: 0;
}

.docutils.footnote td.label {
  display: table-cell;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
  text-align: inherit;
  white-space: inherit;
  border-radius: inherit;
}

.categories-timestamp {
  color: #AAAAAA;
  font-size: 0.9em;
  margin-right: 10px;
}

.tagcloud li {
  padding: 0px;
}

#banner {
  background-repeat: no-repeat;
  background-position: top center;
  background-attachment: scroll;
  background-size: cover;
  background-color: #C4C4C4;
  margin: -20px 0 20px 0;
  padding: 70px 0; /*controls padding around inner text*/
  position: relative;
}

#banner .copy {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
  display: inline;
  float: left;
  margin-bottom: 30px;
  padding: 30px 20px;
  position: relative;
  z-index: 1;
}

#banner h1 {
  color: #fff;
  font-family: "HelveticaNeue-CondensedBold","Helvetica Neue CE 600 Condensed","Helvetica Neue LT Condensed","Helvetica Neue 600 Condensed","HelveticaNeue-BoldCondensed","Helvetica Neue BoldCondensed","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 60px;
  font-stretch: condensed;
  font-weight: 700;
  line-height: 0.9;
  margin: 0 0 0.3em 0;
  text-transform: uppercase;
}
#banner .intro {
  color: #fff;
  font-size: 21px;
  line-height: 1.33;
  opacity: 0.75;
  margin-bottom: 0;
}
#banner .btn, #banner .intro {
  margin-left: 4px;
}

#banner .banner-image {
  text-align: center;
}

#banner .banner-image img {
  border-radius: 15%;
  width: 100%;
  max-width: 300px;
}

/* Solutions for mobile and small screens  */
@media (max-width: 650px) {
  #banner h1{
    font-size: 30px; /* !important;*/
  }
  #banner .intro{
    font-size: 16px;
  }
}

:target:before {
  content:"";
  display:block;
  height:50px;
  /* fixed header height*/

  margin:-50px 0 0;
  /* negative fixed header height */
}

.gap-right {
  margin-right: 10px;
}

.gap-left {
  margin-left: 10px;
}