html { overflow-y: scroll; }

body { background-color: #999999; border-top: 5px solid #990000; }
body > .container > .wrapper { background-color: #FFFFFF; box-shadow: 0px 1px 10px rgba(0,0,0,.5); margin-bottom: 40px; }

header { height: 100px; }
navbar { background-color: #333333; }
nav a { text-transform: uppercase; }

.paging { text-align: center; }
.pagination li a { color: rgb(153, 0, 0); }
.pagination li a:hover { color: rgb(34, 34, 34); }
.pagination li.active span,
.pagination li.active span:hover{ background-color: #f0f0f0; color: rgb(34, 34, 34); border: 1px solid #c0c0c0; }

article { margin-bottom: 30px; }
article h1.title { margin-top: 0px; }
article h1.title a,
article h1.title a:hover { color: rgb(34, 34, 34); font-family: 'Droid Serif', arial, sans-serif; }

.article-content { color: #555555; }
.article-content h1,
.article-content h2,
.article-content h3,
.article-content h4,
.article-content h5 { color: #000000; border-bottom: 1px solid #e0e0e0; }
.article-content h1 { font-size: 28px !important; }
.article-content h2 { font-size: 26px !important; }
.article-content h3 { font-size: 24px !important; }
.article-content img { max-width: 100%; }
.article-content .img-meta { display: block; font-size: 10px; }

.series { margin-top: 20px; margin-bottom: 30px; }

article a,
aside a { color: rgb(153, 0, 0); }
article a:hover,
aside a:hover { color: #CC6600; }

article h2 a { color: black; }

article p.license { text-align: right; }
article ul { padding-left: 30px; }

.sidebar .box { background-color: #f0f0f0; padding: 10px; margin-bottom: 20px; }
.sidebar .box .box-header { font-weight: bold; color: rgb(34, 34, 34); }
.sidebar .article-list ul { padding-left: 0; }
.sidebar .article-list ul li { list-style: none; margin-bottom: 5px; }

ul.social { height: 45px; padding: 0; width: 168px; margin: 0 auto; }
ul.social li { float: left; margin: 5px; list-style:none; }
ul.social li a { display: inline-block; width: 32px; height: 32px; }
ul.social .social-button { background: url(/static/icons-32.png) no-repeat; }
ul.social .twitter { background-position: 0 0; }
ul.social .googleplus { background-position: -64px 0; }
ul.social .feed { background-position: -32px 0; }
ul.social .github { background-position: -96px 0; }

article code { background-color: transparent; color: rgb(34, 34, 34); font-family: monospace; }

.featured .row { margin-bottom: 20px; }

.comments { margin-top: 20px; }
/*.comments h1, .comments h2, .comments h3, .comments h4 { font-size: 20px; line-height: 30px; margin-bottom: 0px; margin-top: 15px; }
.comments h1, .comments h2, .comments h3, .comments h4 { margin-top: 0px; }*/
.comments abbr {cursor: pointer; }
.comments .media h4 { line-height: 18px !important; font-weight: normal; font-size: 12px; margin-bottom: 0px; }
.comments .control-label { width: 75px; text-align: left; }
.comments .controls { margin-left: 95px; }
.comments textarea { height: 80px; }
.comments .media-object { width: 64px; height: 64px; }
.comments-block { margin-top: 10px; padding-top: 10px; padding: 0 30px; }
.comments .errorlist > * { color: red; margin-left: 60px; }

.background-line {
	text-align:center;
	border-bottom:1px solid #d5d5d5;
}
.background-line h2 {
	font-size: 20px;
	margin: 0;
	display:inline-block;
	position:relative;
	top:12px;
	background:#fff;
	padding:0 12px;
}

table.table-smart-attributes tr th:nth-child(7) { width: 350px; }
textarea.monospaced { font-family: monospace; }

.media>.pull-left {margin-right: 10px;}

@media (min-width: 320px) {
	ul.navbar-nav li:first-child > a:visible { padding-left: 0; }
	.nav>li>a {
		padding-left: 12px;
		padding-right: 10px;
	}

	h1, .h1, .article-content h1 { font-size: 23px !important; }
	h2, .h2, .article-content h2 { font-size: 20px !important; }
	h3, .h3, .article-content h3 { font-size: 19px !important; }
}