/*Specific styles for blog*/

main.content {
	padding-top: 60px;
}

.pagination {
	text-transform: lowercase; 
}

.fa.fa-chevron-circle-right, .fa.fa-chevron-circle-right {
	vertical-align: middle;
}

#blogHeader {
	width: 100%;
	padding: 5px 0 0 0;
	margin: 10px auto;
	position: fixed;
	top: -10px;
	background: rgba(250, 250, 250, 0.95);
	z-index: 1000;
	text-shadow: 0px 1px 1px #d8d8d8;
	font-size: 92%;
}

@media screen and (min-width: 1260px) {
	
	#blogHeader {
		background: none;
		font-size: 92%;
		padding: 5px 0 0 0;
	}
}

#logo {
	font-size: 160%;
	font-weight: 400;
	padding: 10px 10px 10px 10px;
}

#joe { 
	color: #4A5D7B; 
}
	
#cieplinski { 
	color: #948585; 
}

.blogNav {
	position: absolute;
	top: 26px;
	right: 3px;
}

.blogNav a {
	padding: 0 7px;
}

@media screen and (min-width: 420px) {
	#logo {
		padding: 10px 10px 10px 20px;
	}
	
	.blogNav {
		right: 10px;
		top: 26px;
	}
	
	.blogNav a {
		padding: 0 10px;
	}
}