body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	background-color: #ecf0f1;
	margin: 0;
	padding: 0;
}

div.content
{
	max-width: 970px;
	margin-top: 40px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;

	padding: 20px;

	background-color: white;
	box-shadow: 0 0 50px #bdc3c7;
}

div.header img
{
	display: inline-block;
	vertical-align: top;
	height: 100px;
	width: 100px;
}

div.header div.container
{
	display: inline-block;
	vertical-align: top;
}

div.header h1
{
	font-weight: normal;
	font-size: 22px;
	color: #2c3e50;
	margin: 10px 0 5px 0;
}

div.header p
{
	color: #7f8c8d;
	margin: 0;
	line-height: 1.15em;
}

div.header ul
{
	list-style-type: none;
	padding: 0;
	margin: 20px 0;
}

div.header li a
{
	text-decoration: none;
	color: #3498db;
	font-size: 16px;
	line-height: 2em;
}

div.header li a:hover
{
	text-decoration: underline;
}

/* article */
article
{
	color: #2c3e50;
}

article h1, h2, h3
{
	font-weight: normal;
	margin-top: 2em;
	margin-bottom: 0.5em;
}

article h1
{
	font-size: 1.3em;
}

article h2
{
	font-size: 1.2em;
}

article h3
{
	font-size: 1.1em;
}

article p
{
	margin-top: 0;
	margin-bottom: 1em;
	line-height: 150%;
	/*text-align: justify;*/
	/*text-indent: 5em;*/
}

article a
{
	color: #3498db;
	text-decoration: none;
}

article a:hover
{
	text-decoration: underline;
}

article p code
{
	color: #e74c3c;
}

article pre
{
	padding-left: 4em;
	white-space: pre-wrap;
}

article div.highlight
{
	background-color: #2e3436;
	margin: 10px -20px;
	padding: 10px 0;
}

article figure
{
	margin: 10px -20px;
}

article figure img
{
	display: block;
    width: auto;
    max-width: 100%;
    max-height: 60vh;
    margin-left: auto;
    margin-right: auto;
}

article figure figcaption
{
	padding: 20px 60px;
	background-color: #3498db;
	color: #ecf0f1;
	font-size: 16px;
	line-height: 150%;
}

article ul, li
{
	line-height: 200%;
}

/* from: http://avexdesigns.com/responsive-youtube-embed/ */
.video-container
{
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
		height: 0;
		overflow: hidden;
		margin: 0 -20px;
}

.video-container iframe,
.video-container object,
.video-container embed
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

div.video-desc
{
	margin: 0 -20px;
	padding: 20px 60px;
	background-color: #3498db;
	color: #ecf0f1;
	font-size: 16px;
	line-height: 150%;
}

blockquote {
	padding: 20px 60px;
	margin: 0 -20px;
	background-color: #e74c3c;
	color: #ecf0f1;
	display:block;
}

blockquote code { color: white !important; }

blockquote h1, blockquote h2, blockquote h3 {padding-left:0px;}

iframe {
	margin-left: auto;
	margin-right: auto;
	display: block;
	border-radius: 4px;
	padding-bottom: 20px;
}
table{border: 2px solid #aaa;}
td { padding:10px; 
border: 1px solid #aaa;}