/*
 *  Common elements
 *
 */

a {
	transition: 300ms all;
}

a,
a:link,
a:visited {
	color: #3369bb;
}
	a:hover,
	a:active,
	a:focus {
		color: #315995;
	}

blockquote {
	margin-left: 1.7em;
	padding-left: 1em;
	border-left: 1px solid #bbb;
}
	blockquote:before {
		position: relative;
		left: -1.35em;
		top: 0.25em;
		float: left;
		width: 0;

		content: "\"";
		font-size: 200%;
		color: #777;
	}

code {
	display: inline-block;
	padding: 0.8em;

	background-color: rgba( 0, 0, 0, 0.075 );
	border-left: 0.4em solid #3369bb;
	border-radius: 0.2em;

	font-family: monospace;
	line-height: 1em;
}
	code:hover::selection { background-color: #444; }
	code:hover::-moz-selection { background-color: #444; }
	code:hover::-webkit-selection { background-color: #444; }

	code.codeblock {
		width: 100%;

		padding: 0.8em;
		line-height: 1em;

		white-space: pre;
		overflow: auto;
	}

h1, h2, h3 {
	font-family: 'Ek Mukta', 'Arial', sans-serif;
	line-height: 1.3em;
}

h1 { font-size: 155%; }
h2 { font-size: 140%; color: rgba( 0, 0, 0, 0.7 ); }
h3 { font-size: 130%; color: rgba( 0, 0, 0, 0.55 ); }
	h2 + h3 { margin-top: 0.5em; }

hr {
	border: none;
	border-top: 1px dotted #ddd;
	margin: 0.5em 0 1.5em 0;
}

/* Images */

figure,
img {
	max-width: 100% !important;
	height: auto;
}
	figure {
		margin: 1.5em 0;
	}
	main img {
		border-radius: 2px;
		box-shadow: 1px 1px 2px rgba( 0, 0, 0, 0.1 );
	}
		main img.plain {
			border-radius: 0;
			box-shadow: none;
		}

/* Tables */

table {
	width: 100%;
	table-layout: fixed;
}

table thead {
	font-weight: bold;
	text-align: left;
}

th, td {
	padding: 2px 5px;
}

/* Lists */

ol li,
ul li {
	margin-left: 1.4em;
}
	ol li { list-style-type: decimal; }
	ul li { list-style-type: disc; }