/* Main Styles
/*---------------------------------------------*/
body {
	font: 16px/1.8em 'Roboto', Helvetica, Arial, Helvetica, sans-serif;
	color: #444;
	background: #fff;
	-webkit-font-smoothing: antialiased;
	}

header.col{
	padding-top:3em;
}

a {
	color: #06f;
}

a:hover{
	color: rgb(36, 71, 100)
}

hr{
	width:20%;
	margin:1em 0 3em;
}

h1,h2,h3{
	font-family: 'Roboto', sans-serif;
	color:#222326;
	}
	
h1 a, h2 a,h3 a{
	color:#222326;
	text-decoration: none;
	}
	
h1 {
	margin:1.5em 0 .5em;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 2em;
}
h2 {
	font-weight: 700;
	font-size: 1.6em;
	margin:1.5em 0 .5em;
	}
h3 {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 1.1em;
	margin:1.5em 0 0.5em;
	display: inline-block;
	border-bottom: 1px solid #555457;
	color:#555457;
	}
	
h4 {
	font-weight: 700;
	font-size: 1.1em;
	margin:1.5em 0 0em;
	}

p{
	font-size: 1.3em;
	line-height: 1.775em;
	padding:0 1em 1.5em 0;
	}
	
strong{
	font-weight: bold;
	}
	
em{
	font-style: italic;
}

.caption{
	font-size: 1em;
	border-top:1px solid #666;
	padding:1.5em .5em .5em 2em;

	color:#666;
	clear:both;
}


blockquote{
	font-family: 'Droid Sans Mono';
	color: #345;
	font-size:1em;
	background-color:whitesmoke;
	padding:1em 3.5em;
	white-space: pre-wrap;
	font-style: italic;
	margin:2em 0 1em;
}

code{
	font-family: 'Droid Sans Mono';
	color: #345;
	font-size:.8em;
	background-color:whitesmoke;
	padding:0 .2em;
	white-space: pre-wrap;
}

code.samp{
	display: block;
	max-width: 100%;
	font-family: 'Droid Sans Mono';
	color: whitesmoke;
	background-color: #333;
	font-size:.8em;
	padding:.5em .5em .7em 2em;
	margin:0 0 1em;
}


/* Header */

.nav{
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	padding:15px 1.5em;
	margin: 30px 0;
	}
	
.nav ul{
	list-style: none;
}

.nav li{
	display: inline;
	margin-right:2em;
}

.moi{
	border-radius:100px;
	}


/* Article Styles
/*---------------------------------------------*/

.post {
	padding-bottom: 3em;
	border-bottom:2px solid whitesmoke;
	}
	
.post img{
	width:100%;	
	}
	
.post ul,.post ol{
	display: block;
	padding:0 0 0 2em;
}

.post ul li,.post ol li{
	padding:0;
	margin: 0;
	}

.date{
	font-size:1em;
	text-transform: uppercase;
	margin:-1em 0 1em;
	color:#999;
	}
	
.action-link{
	font-weight: 600;
	}
	
.content-image img {
	max-width: 100%;
	
}

.halfsies img{
	max-width: 48%;
	float:left;
	margin-right:1%;
	padding-bottom:1em;
}


@media only screen and (min-width: 34em) {

	.container {
		padding: 1em;
	}
	h1 {
	}
	h2 {
	}
}

@media only screen and (min-width: 54em) {
	.content {
		border: none;
		border-right: 0px dotted #aaa;
		margin-bottom: 0;
	}
	.info:first-child {
		border: none;
	}
	h1 {
	}
	h2 {
	}
}

@media only screen and (min-width: 76em) {
	.info:first-child {
		border-right: 1px dotted #aaa;
	}
	h1 {
	}
	h2 {
	}
}