/* a comment */

html {
	font-size: 62.5%;
}

body {
	font-family: 'Times New Roman', 'Times', serif;
	font-size: 2.2rem;
	color: #333;
/* 	font-weight:600; */
	max-width: 100%;
	margin: auto;

}

a {
	color: #470000;
}

a, a:hover {
	text-decoration: none;
}

::selection {
	background: #fbefcb; /* WebKit/Blink Browsers */
}

::-moz-selection {
	background: #fbefcb; /* Gecko Browsers */
}

header {
	width: 100%;
	margin:0 auto;
	-webkit-box-shadow: 0 4px 12px 0 rgba(0,0,0,.05) !important;
	box-shadow: 0 4px 12px 0 rgba(0,0,0,.05) !important;
}

header ul .section {
	font-weight: 600;
}

header .fa-lg {
		font-size: 2rem;
}

h1, h2, h4, h5, h6 {
	font-weight: 500;
	line-height: 1.1;
}

h3 {
	font-weight: 600;
	font-size: 2.2rem;

}

h3, h4, h5, h6 {
	line-height: 1.6;
}
h1 {
	font-family: 'Times New Roman', 'Times', serif;
	font-size: 3rem;
}

h2 {
	font-size: 2rem;
	font-family: 'Arial', sans-serif;
/*	text-decoration: underline;*/
	color: #444;
	font-weight: 600;
}

h4 {
	font-size: 1.7rem;
}

h5 {
	font-size: 1.3rem;
}

h6 {
	font-size: 0.75rem;
}

h2 .description {
	font-weight: 400;
}
p strong {
	margin: 0.5rem 0;
	display: inline-block;
}

form input, textarea {
	-webkit-appearance: none;
	padding: 5px;
	border: none;
	background: #f7f7f7;
	width: 100%;
	margin-bottom: 4px;
	font-size: 2rem;
}
form input:focus, textarea:focus {
	outline-width: 0;
	background: #fcfcfc;
}

#button {
/*	width: 160px; */
	color: #fff;
	padding: 3px;
	background-color: #470000;
	border: none;
	border-color: #6ac3cd;
}

#button:hover {
	color:#fff;
	background-color:#740000
	border-color:#3a7d85
}

nav {
	padding: 2rem;
}

nav .content {
	margin: 0 auto;
	max-width: 760px;
	padding-right: 20px;
}

nav .content img, .social img {
	width:20px;
}

nav .content ul {
/* 	display: flex; */
}

nav .content ul > li, nav .content ul {
	flex: 1;
}

nav .content ul, main .list .meta ul {
	margin-bottom: 0;
	padding: 1rem 0;
	display: inline;
}

nav .content ul ul {
	padding: 0 10px 0 0;

}

.taxonomy-cloud {
/*	text-align: center;*/
}

nav .content ul li, main .list .meta ul li, main .list-container .taxonomy-cloud span {
	display: inline-block;
	padding: 0 10px 0 0;
}

nav .logo {
	margin-left: -3px;
	font-size: 4.2rem;
	margin-bottom: 1.5rem;
}

nav ul {
	font-family: Helvetica, 'Arial', 'sans-serif';
	letter-spacing: 0.08rem;
	font-weight: 400;
	font-size: 1.7rem;
	text-transform: uppercase;
}

ul {
	list-style: none;
	padding: 0;
}

nav .content li:last-child, .social li:last-child {
	padding-right: 0;
}

hr {
	border-top: 1px solid #ddd;
}

/* header and footer areas */
nav .content {
	line-height: 3rem;
}
main .content {
	line-height: 1.58;
}

.container.cover-normal {
    padding: 0;
	margin: 2rem 0;
}

.fa-stack {
	line-height: 3.4rem;
	width: 100%;
}

.social {
	float: right;
}

.meta {
	font-size: 1.3rem;
	margin-top: 3rem;
}

.meta span {
	display:inline;
	padding-right: 1.5rem;
	padding-left: 0.2rem;
}

main {
	max-width: 800px;
	padding-left: 20px;
	padding-right: 20px;
	margin: 6rem auto;
}

main .content {
	letter-spacing: 0.065rem;
}

main .content ul {
	margin-left: 3.4rem;
	list-style: square;
}

main .content a, code {
/*	padding: 0 5px;*/
/*	font-weight: 400;*/
}

main a:hover {
	color: #7a0000;
	background: #fef9f4;
	background-color: rgb(254, 249, 244);
	background-position-x: 0%;
	background-position-y: 0%;
	background-repeat: repeat;
	background-attachment: scroll;
	background-image: none;
	background-size: auto;
	background-origin: padding-box;
	background-clip: border-box;
}

.list li a i {
	font-size: 2rem;
}

.list a {
	border-bottom: 1px dotted transparent;
	background: #fffbf7;
}

.list h2 {
	margin-bottom: 1rem;
}

main .content a:hover, .list a:hover, .entry-nav a span, .entry-nav a:hover {
	border-bottom: 1px dotted rgb(218, 194, 8);
	background: #fffbf7;
}

main .content a {
	border-bottom: 1px dotted rgb(218, 194, 8);

}

main .content figure a, main .content figure a:hover {
	border-bottom: none;
	background: none;
	cursor: zoom-in;
}

figure {
	padding:0;
	margin:0.2rem;
}

.fa {
	font-size: 2rem;
}

.expand-content {
	margin: 0 auto;
	# background: #efefef;
	padding: 2rem;
	margin-bottom: 15px;
	text-decoration-color: currentcolor;
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-style: dashed;
	text-decoration-color: #ccc;
}

.entry-nav {
	margin: 2rem 0;
	display: inline-block;
	background: #fff;
	width: 100%;
}

.entry-nav div {
	padding-top: 1rem;
}
.next-entry, .prev-entry {
	font-size: 2rem;
	width: 50%;
}


.prev-entry {
	float: left;
	text-align: left;
	padding-right: 2rem;
}

.next-entry {
	float: right;
	text-align: right;
	padding-left: 2rem;
}

.entry-nav-links > div span {
	display: block;
	font-style: normal;
	font-size: .88889em;
}

.list a {
	background: inherit;
	display: block;
}

.list a:hover {
	color: #7a0000;
}

.list a {
	padding: 0.3rem 0 0 0;
}

.list .meta {
	margin-top: 0;
	padding-left: 0.5rem;
	font-size: 1.6rem;
}

.list .meta .lastModified {
	color: #999;
}

.list li {
	margin-bottom:1rem;
}

.list li:hover {
	background: #fffbf7;
}
hr {
	border-style: dashed;
	color: #ddd;
}

.footer-tags {
	margin: 0 auto;
}

/* code */

pre {
	border: 1px solid #ddd;
	box-shadow: 5px 5px 5px #eee;
	padding: 1em;
	overflow-x: auto;
	display: block;
	padding: 9.5px;
	margin: 1rem;
	font-size: 13px;
	line-height: 1.5;
	color: #333;
	word-break: break-all;
	word-wrap: break-word;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
	border-radius: 4px;
}

code {
	font-family: "Lucida Console", Monaco, monospace;
	font-size: 85%;
	background: #f6f6f6;
		background-position-x: 0%;
		background-position-y: 0%;
		background-repeat: repeat;
		background-attachment: scroll;
		background-image: none;
		background-size: auto;
		background-origin: padding-box;
		background-clip: border-box;
	color: #9b0000;
}
pre code {
	font-size: 1.3rem;
	overflow-wrap: normal;
	background: none;
	white-space: pre-wrap;
	padding: 0;
}

/* misc elements */
img, iframe, video { max-width: 100%; }
main { hyphens: auto; }

blockquote {
	background: #fcfcfc;
	border-left: 10px solid #f7f7f7;
	margin: 0 0 3rem 0;
	padding: 1rem 1rem;
	quotes: "\201C""\201D""\2018""\2019";
	font-style: italic;
}
blockquote::after, blockquote::before, q::after, q::before {
		content: "";
}
blockquote p:first-child::before {
	color: #ccc;
	content: "\BB";
	font-size: 4.5rem;
	line-height: 0.8rem;
	margin-right: 0.7rem;
	vertical-align: -0.1em;
}

table {
	margin: auto;
	width: 100%;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	font-size: 75%;
}
table thead th { border-bottom: 1px solid #ddd; }
th, td { padding: 5px; }
thead, tfoot, tr:nth-child(even) { background: #eee; }

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
@media (min-width: 481px) and (max-width: 767px) {

}

/*
	##Device = Most of the Smartphones Mobiles (Portrait)
	##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 550px) {

	body {
		font-size: 2rem;
	}

	h1 {
		font-size: 2.8rem;
	}

	h2 {
		font-size: 1.8rem;
	}

	main {
	
		max-width: 800px;
		padding-left: 20px;
		padding-right: 20px;
		margin: 3rem auto;
	
	}
	
	.meta {
		font-size: 1.3rem;
	}

	.meta .fa {
		font-size: 1.6rem;
	}

	nav ul {
		letter-spacing: 0.08rem;
		font-weight: 400;
		font-size: 1.7rem;
	}

	nav .content .logo {
		margin: 0 -10px;
		text-align: center;
	}

	nav .content ul {
		display: flex;
		flex-wrap: wrap;
		margin: 0 auto;
		text-align: center;	}
	
	nav .content ul li {
		flex-basis: 100%;
	}

	nav .content ul ul li {
		flex-basis: 10%;
	}

	nav .content ul ul {
		display: flex;
		flex-basis: 10%;
	}
	.next-entry, .prev-entry {
		font-size: 2rem;
		text-align: center;
		padding: 1rem 0;
		width: 100%;
	}

	pre code {
		font-size: 1.3rem;
		overflow-wrap: normal;
		background: none;
		white-space: pre-wrap;
	}
	blockquote {
		background: #fcfcfc;
		border-left: 10px solid #f7f7f7;
		margin: 0 0 3rem 0;
		padding: 0.1rem 1rem;
		quotes: "\201C""\201D""\2018""\2019";
		font-style: italic;
	}
}