@font-face {
  font-family: 'glyph';
  src: url('/National_Library/20161130034600oe_/http://perltricks.com/fonts/glyphicons-halflings-regular.eot');
  src: url('/National_Library/20161130034600oe_/http://perltricks.com/fonts/glyphicons-halflings-regular.eot#iefix') format('embedded-opentype'),
       url('/National_Library/20161130034600oe_/http://perltricks.com/fonts/glyphicons-halflings-regular.woff') format('woff'),
       url('/National_Library/20161130034600oe_/http://perltricks.com/fonts/glyphicons-halflings-regular.ttf') format('truetype'),
       url('/National_Library/20161130034600oe_/http://perltricks.com/fonts/glyphicons-halflings-regular.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'antonio';
  src: url('/National_Library/20161130034600oe_/http://perltricks.com/fonts/antonio-bold-webfont.eot');
  src: url('/National_Library/20161130034600oe_/http://perltricks.com/fonts/antonio-bold-webfont.eot#iefix') format('embedded-opentype'),
       url('/National_Library/20161130034600oe_/http://perltricks.com/fonts/antonio-bold-webfont.woff') format('woff'),
       url('/National_Library/20161130034600oe_/http://perltricks.com/fonts/antonio-bold-webfont.ttf') format('truetype'),
       url('/National_Library/20161130034600oe_/http://perltricks.com/fonts/antonio-bold-webfont.svg#antoniobold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSansBold';
  src: url('/National_Library/20161130034600oe_/http://perltricks.com/fonts/opensans-bold-webfont.eot');
  src: url('/National_Library/20161130034600oe_/http://perltricks.com/fonts/opensans-bold-webfont.eot#iefix') format('embedded-opentype'),
       url('/National_Library/20161130034600oe_/http://perltricks.com/fonts/opensans-bold-webfont.woff') format('woff'),
       url('/National_Library/20161130034600oe_/http://perltricks.com/fonts/opensans-bold-webfont.ttf') format('truetype'),
       url('/National_Library/20161130034600oe_/http://perltricks.com/fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSansReg';
  src: url('/National_Library/20161130034600oe_/http://perltricks.com/fonts/opensans-regular-webfont.eot');
  src: url('/National_Library/20161130034600oe_/http://perltricks.com/fonts/opensans-regular-webfont.eot#iefix') format('embedded-opentype'),
       url('/National_Library/20161130034600oe_/http://perltricks.com/fonts/opensans-regular-webfont.woff') format('woff'),
       url('/National_Library/20161130034600oe_/http://perltricks.com/fonts/opensans-regular-webfont.ttf') format('truetype'),
       url('/National_Library/20161130034600oe_/http://perltricks.com/fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
body {
  padding: 0;
  margin: 0;
  font-family:OpenSansReg;
  color: #292B26;
}
h1,h2,h3,h4,h5,h6 {
  color: #292B26;
  font-family: OpenSansBold;
  font-weight: 400;
}
h5 {
  color: #2c9bcc;
}
a, a:hover {
  text-decoration: none;
  outline: 0;
}
p {
  color: #292B26;
}
article {
  font-size: 1.2em;
}
/* useful modifiers */
.bg-perltricks-blue {
  background-color: #2c9bcc;
}
.txt-perltricks-blue {
  color: #2c9bcc;
}
.push {
  height:50px;
  width: 100%;
}
.circle{
  border-radius:50%;
  text-align:center;
  background:#fff;
  height: 40px;
  width: 40px;
  line-height: 45px;
  display: inline-block;
}
.centering {
  text-align: center;
  width: 100%;
}
.antonio {
  font-family: antonio;
}
/* tag styling */
.tags {
  float: left;
  width: 100%;
  margin: 0 0 2%;
}
.tag {
  display: inline-block;
  margin: 2px 3px;
  padding: 1px 4px;
  background-color: rgb(214, 214,  214);
  font-size: 0.8em;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}
.category {
  display: inline-block;
  margin: 2px 3px;
  padding: 1px 4px;
  background-color: #6acdb2;
  border-color: #6acdb2;
  font-size: 0.8em;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}
.category a {
  color: #fff;
}
/* squares, crops and circular borders an img */
div.circle-avatar{
  margin-top:15%;
  /* make it responsive */
  max-width: 100%;
  width:100%;
  height:auto;
  display:block;
  /* div height to be the same as width*/
  padding-top:100%;
  /* make it a circle */
  border-radius:50%;
  /* Centering on image`s center*/
  background-position: center;
  background-repeat: no-repeat;
  /* it makes the clue thing, takes smaller dimention to fill div */
  background-size: cover;
}
/* footer */
.footer {
  width: 100%;
  background-color: rgb(36, 36, 36);
  color: rgb(200, 200, 200);
  font-size: .8em;
}
.footer {
    background-color: rgb(36, 36, 36);
    color: rgb(95, 95, 95);
    font-size: .8em;
}
.footer a {
    font-weight: bold;
    color: rgb(95, 95, 95);
}
.footer p {
    font-weight: bold;
    color: rgb(95, 95, 95);
}
.footer ul {
    padding: 0;
    list-style-type: none;
    line-height: 1.8em;
}
.footer .container {
    padding: 20px;
}
.footer .container h5 {
    color: rgb(176, 176, 176);
}
.footer hr {
  margin:0;
}
/* navbar */
ul.nav.navbar-nav {
  margin-top: 0.5%;
  margin-bottom: 0.5%;
}
.navbar-inverse {
  background-color: #2c9bcc;
  border-bottom-color:#2c9bcc;
  color: #fff;
}
.navbar-collapse {
  background-color: #2c9bcc;
  border-bottom-color:#2c9bcc;
}
.navbar-inverse .navbar-nav > li > a {
  color: #fff;
  font-size: 1.4em;
}
.navbar-brand {
  height: 80px;
  margin: 0;
  padding: 5px;
}
.navbar-brand img {
  max-height: 70px;
  height: 100%;
  width: auto;
}
article img {
  max-width:100%;
  display: block;
  margin: 0 auto;
}
article > img {
  margin-bottom: 5%;
}
ul.nav.navbar-nav.pull-right.follow {
  height: 20px;
  width: 140px;
}
ul.nav.navbar-nav.pull-right.follow > li > a{
  padding: 0;
  padding-left: 5px;
}
/* sidebar */
.latest-sidebar {
  border: 1px solid rgb(189, 227, 238);
  padding: 5%;
  margin-top:20px;
  margin-bottom:20px;
}
/* Blog posts */
.callout_box {
  background-color: rgb(199, 233, 242);
  border: 1px solid rgb(189, 227, 238);
  width: 100%;
  margin-bottom: 1.5em;
  padding: 10px;
}
.callout_box p {
  margin-bottom: 5px;
}
.callout_box a {
  color: #292B26;
  text-decoration: underline;
}
/* prettify */
pre { background-color: #333; color:#fff }
code.language-prettyprint .str { color: #ffa0a0 } /* string  - pink */
code.language-prettyprint .kwd { color: #f0e68c; font-weight: bold }
code.language-prettyprint .com { color: #87ceeb } /* comment - skyblue */
code.language-prettyprint .typ { color: #98fb98 } /* type    - lightgreen */
code.language-prettyprint .lit { color: #cd5c5c } /* literal - darkred */
code.language-prettyprint .pun { color: #fff }    /* punctuation */
code.language-prettyprint .pln { color: #fff }    /* plaintext */
code.language-prettyprint .tag { color: #f0e68c; font-weight: bold } /* html/xml tag    - lightyellow */
code.language-prettyprint .atn { color: #bdb76b; font-weight: bold } /* attribute name  - khaki */
code.language-prettyprint .atv { color: #ffa0a0 } /* attribute value - pink */
code.language-prettyprint .dec { color: #98fb98 } /* decimal         - lightgreen */
/* hide the follow us buttons */
@media (max-width: 768px) {
#follow-buttons {
  display: none;
}
}