body {
    background-image: url("../img/body.jpg");
}

#main-header {
	background-image: url("../img/headbg.jpg");
	background-repeat: repeat-x;
	height: 140px;
}

#main-header > .container {
	height: 100%;
}

@media screen and (max-width: 438px) {
	#main-header {
		display: none;
	}
}

#main-header > .container > a {
	background-repeat: no-repeat;
	background-position: 50% 0;
	width: 100%;
	height: 100%;
	display: block;
}

@media screen and (min-width: 438px) {
	#main-header > .container > a {
		background-image: url("../img/head-s.jpg");
	}
}

@media screen and (min-width: 992px) {
	#main-header > .container > a {
		background-image: url("../img/head-m.jpg");
	}
}

@media screen and (min-width: 1200px) {
	#main-header > .container > a {
		background-image: url("../img/head-l.jpg");
	}
}

.panel.post > .panel-heading > h1 {
	font-size: 20px;
	margin: 5px;
	display: inline;
}

.panel.post > .panel-heading > h1 > a {
	color: #333
}

.panel.post > .panel-body > h2 {
	font-size: 19px;
}

.comments .media {
	border-bottom: 1px solid #e9e9e9;
	min-height: 70px;
}

.comments .media:last-child {
	border-bottom: none;
}

.comments .media > h4 {
	display: inline;
}

.panel-relative {
	position: relative;
}

.quick-buttons {
	position: absolute;
	right: 10px;
	top: 20px;
	opacity: 0.5;
}

.quick-buttons:HOVER {
	opacity: 1;
}