/******************************************************************************/
blockquote {
		color: #461b7e;
		margin: 0;
		padding: 10px 10px;
}

blockquote p {
		margin: 0;
}

.content {
		line-height: 1.5em;
		margin: 20px auto;
		padding: 0;
		max-width: 800px;
}

code {
		color: #461b7e;
		border-radius: 10px 10px;
		font-family: monospace;
		/* font-size: 12px; */
		padding: 0 5px;
}

pre {
		color: #461b7e;
		border-radius: 10px 10px;
		display: inline-block;
		font-family: monospace;
		font-size: 12px;
		line-height: 1.2em;
		margin: 10px 20px 10px 0;
		min-width: calc(100% - 20px); /* -20px for padding */
		padding: 10px;
		vertical-align: middle;
}

pre code {
		padding: 0 0px;
}

h1 {
		line-height: 40px;
}

/******************************************************************************/
.title {
		border-radius: 10px 10px;
		padding: 10px 20px;
}

.title h1 {
		line-height: 40px;
		padding: 10px 0;
}

.subtitle {
		font-weight: bold;
		font-style: italic;
		text-align: center;
}

.title p {
		margin-top: -20px;
		padding: 5px 0;
}

footer {
		border-radius: 10px 10px;
		padding: 5px 0 10px 0;
		text-align: center;
		vertical-align: middle;
}

footer p {
		margin: 0px;
		text-align: center;
}

#postamble {
		border-radius: 10px 10px;
		padding: 5px 0 10px 0;
		text-align: center;
		vertical-align: middle;
}

#postamble p {
		margin: 0px;
		text-align: center;
}

/******************************************************************************/
.tag {
		border-radius: 10px 10px;
		font-family: bold;
		font-size: 12px;
		padding: 2px;
}

@media screen and (max-width: 900px) {
    aside { display: none;}
    .r_col { width:1px; display: none;}
    .m_col { width:100%;}
    .hdr_mobile { display: block;}
    .hdr_main { display: none;}
}

@media screen and (min-width: 900px) {
    aside { display: block;}
    .r_col { width:25%;}
    .m_col { width:74%;}
    .hdr_mobile { display: none;}
    .hdr_main { display: block;}
}