*, *:before, *:after {
	-moz-box-sizing:	border-box;
	-webkit-box-sizing:	border-box;
	box-sizing:		border-box;
}

@media (min-width: 40rem) {
	.column {
		float:		left;
		padding-left:	1rem;
		padding-right:	1rem;
	}

	.column.full {		width:		100%; }
	.column.three-4 {	width:		75%; }
	.column.two-thirds {	width:		66.7%; }
	.column.half {		width:		50%; }
	.column.third {		width:		33.3%; }
	.column.fourth {	width:		25%; }
	.column.flow-opposite {	float:		right; }
	.column img {		width:		inherit; }
}

@media screen and (max-width: 639px) {
	.column.half {		width:		100%; }
	.column video,
	.column img {		width:		95%; }
	header nav a {		display:        block;
				margin-top:	1em;
				background:	#134;
				padding:	0.5em;
	}
}

/* Import some fonts from Google. */
@font-face {
	font-family: 'Oranienbaum';
	src: url('Oranienbaum.woff') format('woff'),
	font-weight: normal;
	font-style: normal;
}

/* Font Awesome is great for icons. */
@font-face {
	font-family:		'fonta';
	src:			url('fontawesome.woff') format('woff');
	font-weight:		normal;
	font-style:		normal;
}

/* Define Font Awesome to be defined for icons. */
.icon, .minb-form .edit_buttons input{
	font-family:		fonta;
}

/* Define some background colors. */
.minb-bg-fff {
	background:		#fff;
}

.minb-bg-134 {
	background:		#134;
}

.minb-bg-fea {
	background:		#fea;
}

.minb-bg-eee {
	background:		#eee;
}

.minb-bg-ddd {
	background:		#ddd;
}

.minb-bg-679 {
	background:		#679;
}


/* Define some font colors. */
.minb-fc-fff {
	color:			#fff;
}

.minb-fc-333 {
	color:			#333;
}

.minb-fc-456 {
	color:			#456;
}

.minb-fc-555 {
	color:			#555;
}

.minb-fc-568 {
	color:			#568;
}

.minb-fc-ccc {
	color:			#ccc;
}

.minb-fc-124 {
	color:			#124;
}

.minb-fc-678 {
	color:			#678;
}

/* Define text decorations. */
.minb-txt-dec-0 {
	text-decoration:	none;
}

.minb-txt-dec-u {
	text-decoration:	underline;
}

/* Define alignments. */
.minb-txt-center {
	text-align:		center;
}

.minb-txt-right {
	text-align:		right;
}

.minb-txt-left {
	text-align:		left;
}

.minb-float-right {
	float:			right;
}

/* Define margins and borders */
.minb-margin-1em {
	margin-left:		1em;
	margin-right:		1em;
}

.minb-top-margin {
	margin-top:		1em;
}

.minb-bottom-margin {
	margin-bottom:		1em;
}

.minb-padding{
	padding:		0.5em;
}

.minb-rnd-edges {
	border-radius:		16px!important;
}

/* Define underlines. */
.minb-dotted_underline {
	border-bottom:		1px dotted #123;
}

.minb-solid_underline {
	border-bottom:		1px solid #123;
}

/* Define the elements. */
header {
	display:		block;
	padding-top:		1em;
	padding-left:		3em;
	padding-bottom:		1em;
	font:			normal 14pt georgia, times, serif;
}

header a:hover {
	color:			#fff;
}

nav {
	margin-top:		1em;
	font-family:		'Oranienbaum';
}

header nav {
	margin-top:		-0.2em;
	float:			right;
}

header nav a {
	color:			#ccc;
	font-family:		'Oranienbaum';
	margin-right:		1em;
}

header nav a:hover {
	color:			#fff;
	border-bottom:		5px solid #d50;
}

nav ul {
	list-style:		none;
}

section {
	padding-top:		1em;
	font-family:		'Oranienbaum', serif;
	font-weight:		400;
}

article {
	margin-bottom:		50px;
}

article h2 a {
	color:			#457;
}

article a {
	text-decoration:	underline;
}

article .post-title-nav a {
	text-decoration:	none;
	font-size:		0.7em;
}

a {
	color:			#124;
	text-decoration:	none;
}

a:hover {
	color:			#235;
	text-decoration:	none;
}

hr {
	border:			0;
	height:			0;
	border-top:		1px solid rgba(0, 0, 0, 0.1);
	borrder-bottom:		1px solid rgba(255, 255, 255, 0.3);
}

img {
	max-width:		400px;
}

blockquote{
	display:		block;
	background:		#eee;
	color:			#333;
	border-left:		5px solid #689;
	border-right:		1px solid #689;
	box-shadow:		1px 2px 10px #ccc;
	padding:		0px 5px 0px 10px;
}

.snippet {
	padding:		1em;
	margin-bottom:		1em;
}

#searchbox {
	position:		absolute;
	right:			1em;
	top:			1em;
	padding:		0.5em;
	padding-left:		1em;
	padding-right:		1em;
	background:		#ccc;
	border:			1px solid #666;
	border-radius:		40px;
	box-shadow:		2px 3px 6px #444;
}

#searchbox input, #searchbox input:focus {
	background:		transparent;
	border:			0;
	outline:		none;
}

@media print {
	h2 {
		page-break-before:	always;
	}
	h1, h2, h3, h4 {
		page-break-after:	avoid;
	}
	ul, ol, img, video, pre, blockquote, table {
		page-break-inside:	avoid;
	}
	header, nav, #settings, .post-title-nav, .post-meta {
		display:		none !important;
	}
	span.theme {
		page-break-inside:	avoid;
	}
}
