﻿.hb-wrapper > h1
{
	font-size: 200%;
	font-weight: 200;
	margin: 0 0 1ex 0;
}

.hb-wrapper > article:first-of-type
{
	min-height: 6em;
	margin: 0 0 1ex 0;
	border-bottom: 1px dotted silver;
}

	.hb-wrapper > article:first-of-type .auto-embed-youtube
	{
		display: block;
		max-width: 100%;
		margin: .25ex 0;
	}

#hb-article-info
{
	padding: 0 0 0 1em;
	font-size: 90%;
	color: slategrey;
}

#hb-article-near
{
	margin: 0;
	padding: 1ex 0;
	list-style: none;
}

#hb-article-near .bwd::before
{		
	display: inline-block;
	content: '';
	vertical-align: middle;	
	height: 20px;	
	padding: 0 .5em 0 24px;	
	background-position: left center;
	background-repeat: no-repeat;
	text-decoration: none;
	background-image: url(icons/back.png);
}

#hb-article-near .fwd::before
{	
	display: inline-block;
	content: '';
	vertical-align: middle;	
	height: 20px;	
	padding: 0 .5em 0 24px;	
	background-position: left center;
	background-repeat: no-repeat;
	text-decoration: none;
	background-image: url(icons/forward.png);
}

.hb-body-tail
{
	padding: 1ex 0;
	text-align: right;
	font-size: 82%;
	color: gray;
}

#hb-replies
{
	border-top: 1px dotted silver;
	position: relative;
}

	#hb-replies > p
	{
		font-weight: bold;
		color: darkslategray;
		font-size: 150%;
		margin-bottom: 5px;		
	}

.hb-replies-item
{	
	margin: 1ex 0;
	/*border-bottom: 1px dotted lightgray;*/
}

	.hb-replies-item > p
	{		
		color: #2b2a2a;
		font-size: 110%;
		border-bottom: 1px solid silver;
		margin: 0.5em 0;
	}

	.hb-replies-item > p a
	{
		color: inherit;
		margin: 0 0 0 1ex;
		font-size: 100%;
	}

	.hb-replies-item .hb-replies-body
	{
		padding: 0 0 0 1em;
		margin: 0;
		min-height: 2.5em;
	}

	.hb-replies-body p
	{
		margin: 0 0 1ex 0;
	}

#hb-reply-modifier
{
	display: none;	
	position: absolute;
	left: 0;
	top: 0;
	width: 98%;
	border: 1px solid silver;	
	background-color: whitesmoke;	
	box-shadow: 0px 0px 15px #888888;
	padding: 1%;
}

#hb-reply-remover
{
	display: none;
	position: absolute;
	left: 40%;
	top: 0;
	width: 58%;
	border: 1px solid silver;	
	background-color: whitesmoke;	
	box-shadow: 0px 0px 15px #888888;
	padding: 1%;
}

.hb-replyeditor
{
	padding: 0;
}

	.hb-replyeditor label:not(.exclude)
	{
		display: block;
		font-weight: bold;
	}

	.hb-replyeditor #Subject { min-width: 30em }		
	.hb-replyeditor #Body { width: 100%; min-height: 10em; }
	.hb-replyeditor #Name { width: 12em; max-width: 100%; }
	.hb-replyeditor #Email { width: 20em; max-width: 100%; }
	.hb-replyeditor #Password { width: 10em; }
	.hb-replyeditor #Captcha { width: 6em; }

	.hb-replyeditor input[type="submit"]
	{
		margin: 1em 0 1em 12.5%;
	}