/* Styling for Nav bar. Bg color, link color etc */
.navbar-inner {
  padding-left: 20px;
  padding-right: 20px;
  background-color: #619eff;
  background-image: none;
  background-repeat: repeat-x;
  color: black;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
}

.headerlogo {
	display: inline-block;
	margin: 0.5em;
	min-height: 6em;
	font-family: serif;
}


.headerlogo .headertext {
	margin-top: 1em;
	padding-left: 2em;
	display: inline-block;
}

.headerlogo h1{
	display: inline;
}

.headerlogo h1 a {
	color: white !important;
	text-shadow: 0 0 5px #fff !important;
}

.headerlogo h1 a:hover {
	text-decoration: none;
}

.headerlogo .description {
	display: inline;
	color: #203454;
	font-size: 80%;
}

.headerlogo img {
	float: left;
	display: inline;
	width: 10em;
	height: 6em;
}

.navbar .nav > li > a { color: black; }
.navbar .divider-vertical { border-right: 1px solid #4D4D4D; }
.navbar { margin-bottom: 4em; } 


/* Styling for elements */
body { font-size: 100%; }
p { font-size: 100%; line-height: 1.6em; margin-top: 0.8em; margin-bottom: 0.8em; }
li { line-height: 1.6em; }
h3 { margin-top: 2.5em; }
.table th, .table td { line-height: 1.3em; }

/* Styling for articles */
.article {
	padding-bottom:20px; padding-right: 40px;
	clear: both;
}
.content-title { margin-bottom: 30px; }
.article a:hover { text-decoration: none; } 



/* Styling for the "other entries" section */
/* Metadata */
.well.small { padding: 6px 6px 4px; }

/* Read more button */
.btn-info.xsmall {
    padding: 1px 3px 1px;
    font-size: 11px;
    float: right;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

/* Article summary */
.summary { margin-bottom: 4em; }
/* .summary pre { display: none; } */


/* Styling for Sidebar */
.social a[href*='activestate.com']:before {content: url('./images/icons/activestate.png'); margin-right: 2px; vertical-align: -3px;}
.social a[href*='atom.xml']:before {content: url('./images/icons/rss.png'); margin-right: 2px; vertical-align: -3px;}
.social a[href*='bitbucket.org']:before {content: url('./images/icons/bitbucket.png'); margin-right: 2px; vertical-align: -3px;}
.social a[href*='code.google.com']:before {content: url('./images/icons/phosting.png'); margin-right: 2px; vertical-align: -3px;}
.social a[href*='delicious.com']:before {content: url('./images/icons/delicious.png'); margin-right: 2px; vertical-align: -3px;}
.social a[href*='digg.com']:before {content: url('./images/icons/digg.png'); margin-right: 2px; vertical-align: -3px;}
.social a[href*='facebook.com']:before {content: url('./images/icons/facebook.png'); margin-right: 2px; vertical-align: -3px;}
.social a[href*='yelp.com']:before {content: url('./images/icons/yelp.png'); margin-right: 2px; vertical-align: -3px;}
.social a[href*='github.com']:before {content: url('./images/icons/github.png'); margin-right: 2px; vertical-align: -3px;}
.social a[href*='gitorious.org']:before {content: url('./images/icons/gitorious.png'); margin-right: 2px; vertical-align: -3px;}
.social a[href*='google.com/reader']:before {content: url('./images/icons/reader.png'); margin-right: 2px; vertical-align: -3px;}
.social a[href*='jamendo.com']:before {content: url('./images/icons/jamendo.png'); margin-right: 2px; vertical-align: -3px;}
.social a[href*='last.fm']:before {content: url('./images/icons/lastfm.png'); margin-right: 2px; vertical-align: -3px;}
.social a[href*='linkedin.com']:before {content: url('./images/icons/linkedin.png'); margin-right: 2px; vertical-align: -3px;}
.social a[href*='rss.xml']:before {content: url('./images/icons/rss.png'); margin-right: 2px; vertical-align: -3px;}
.social a[href*='stackoverflow.com']:before {content: url('./images/icons/stackoverflow.png'); margin-right: 2px; vertical-align: -3px;}
.social a[href*='twitter.com']:before {content: url('./images/icons/twitter.png'); margin-right: 2px; vertical-align: -3px;}
.social a[href*='flickr.com']:before {content: url('./images/icons/flickr.png'); margin-right: 2px; vertical-align: -3px;}
.social a[href*='plus.google.com']:before {content: url('./images/icons/gplus.png'); margin-right: 2px; vertical-align: -3px;}
.social a[href*='app.net']:before {content: url('./images/icons/appdotnet.png'); margin-right: 2px; vertical-align: -3px;}
.social a[href*='keybase.io']:before {content: url('./images/icons/keybase.png'); margin-right: 2px; vertical-align: -3px;}

.code_table {
	border: 1px solid black;
	border-collapse: 1;
}

.code_table th {
	border-right: 1px solid black;
}

.code_table th,
.code_table td {
	padding: 0.5em;
}

h1, h2, h3, h4, h5, h6 {
	font-family: serif;
}

ul.tagcloud {
	list-style: none;
	padding: 0;
	font-size: 80%;
}

ul.tagcloud li {
	display: inline-block;
}

li.tag-0 {
	font-size: 150%;
}

li.tag-1 {
	font-size: 125%;
}

li.tag-2 {
	font-size: 105%;
}

li.tag-3 {
	font-size: 90%;
}

li.tag-4 {
	font-size: 80%;
}

.sidebar.well {
	background-color: #D9D9D9;
	padding: 8px 0;
}

.sidebar.well .nav-header {
	color: #555;
}

.sidebar.well a {
	color: #258;
}

.article > a h2 {
	color: #258;
}

.article .tags {
	font-size: 80%;
	padding-left: 25%;
	text-align: right;
}

.article .tags ul {
	list-style: none;
	display: inline;
}

.article .tags li {
	display: inline-block;
	padding: 0 1em;
}

.lfloat {
	float: left;
	margin: 1em;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

.rfloat {
	float: right;
	margin: 1em;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

.cimg {
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

.article .well.small {
	font-size: 80%;
	font-family: "Monaco" monospace;
	background-color: rgb(71, 71, 71);
	color: white;
}

.pagination {
	margin-bottom: 72px;
}

.article table.with_border {
	border: 1px solid #aaa;
}

.article table.all_borders tr td,
.article table.all_borders tr th {
	border-right: 1px solid #ccc;
}

.article table.with_last tr td:first-child,
.article table.with_last tr th:first-child {
	border-right: 1px solid #ccc;
}

.article table.with_last th {
	font-size: 120%;
	font-weight: normal;
}

.article table.with_last tr th:last-child,
.article table.with_last tr td:last-child {
	font-weight: bolder;
}

.article table.with_last td {
	text-align: center;
}

.article table {
	width: 100%;
	margin-bottom: 18px;
}

.article table thead:first-child tr th,
.article table thead:first-child tr td {
	border: 0
}

.article table th,
.article table td {
	padding: 8px;
	border-top: 1px solid #ddd;
}

.article table tbody > tr:nth-child(odd) > td,
.article table tbody > tr:nth-child(odd) > th {
	background-color: #f8f8f8;
}

.article table tbody tr td {
	text-align: center;
}

.article table tbody tr td:first-child {
	text-align: left;
}

.footnote {
	font-size: 80%;
}

.quoteattr {
	font-family: serif;
	font-size: 80%;
	text-align: right;
}

p.note {
	margin-left: 20%;
	margin-right: 20%;
	padding-left: 1em;
	padding-right: 1em;
	background-color: #aaa;
	font-size: 90%;
}

nav.toc {
	font-size: 80%;
	border: 1px solid black;
	margin: 4em;
}

nav.toc h2 {
	font-size: 100%;
	margin: 0;
	background-color: #efefef;
	width: 100%;
	border-bottom: 1px solid #ccc;
}

.iframe-frame {
	position: relative;
	padding-bottom: 60%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.iframe-frame iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.img-2-sbs {
	width: 100%;
}

.img-2-sbs img {
	min-width: 300px;
	max-width: 48%;
}

.article q {
	font-style: italic;
}

.article q::before {
	content: open-quote;
}

.article q::after {
	content: close-quote;
}