/*reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote,
a, abbr, acronym, address, big, cite,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
dl, dt, dd, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;}
:focus {outline: 0;}
body {
line-height: 1;
color: black;
background: white;}
table {border-collapse: separate;border-spacing: 0;}
/*end reset*/


/*global styles*/
body{
	font-family: helvetica, arial, sans-serif;
	font-weight: normal;
	font-size: 24px;
	color: #222;
	background: #ccc;
	font-weight:lighter;
}

.inner{
	width: 98%;
	max-width: 1200px;
	margin:auto;
	background: #fff;
	background: rgba(255,255,255, 0.95);
	padding: 8px;
	box-sizing: border-box;
	border-left:solid 3px #222;
	border-right: solid 3px #222;
	overflow: hidden;
}

.inner.noStyle{
	background: transparent;
	border: none;
	color: #222;
}

header{
	margin-top: 8px;
}

header .inner{
	border-top:solid 3px #222;
	border-radius: 4px 4px 0 0;
}

footer .inner{
	font-size: 60%;
	border-bottom:solid 3px #222;
	border-radius:  0 0 4px 4px;
}


.hash{
	transition: all 1s;
}

subfooter{
	font-size: 60%;
}

/*type*/
h1, h2, h3,h4,h5{font-family: 'Ek Mukta', helvetica, arial, sans-serif;}
h1{font-size: 232%; font-weight:bold; text-transform:uppercase; padding-bottom: 0;}
h2{font-size: 84%; font-style: italic;}
h3{font-size: 140%; margin-bottom: 16px; font-weight: bold;}
h4{font-size: 120%; margin: 32px 0 16px 0; font-weight: bold;}
h5{font-size: 120%; margin-bottom: 16px;}


/*posts*/
post{
	display:block;
	margin-bottom: 40px;
	position: relative;
	clear:both;
}

post + post{
	border-top: solid 2px #fff;
	padding-top: 40px;
}

blockquote{
	margin: 8px 8px 8px 24px;
	background: #ffd125;
	border:solid 2px #070b1c;
	padding: 8px 64px 8px 8px;
	border-radius: 4px;
	font-weight:bold;
	line-height: 1.3;
}

blockquote:after{
	content: '\201F';
	position:absolute;
	top: 0px;
	right: 16px;
	font-size: 380%;
	font-family: 'Ek Mukta', helvetica, arial, sans-serif;
}

post + post blockquote:after{top: 48px;}

blockquote .attribution{
	display:block;
	clear: left;
	font-size: 64%;
	margin-top: 12px;
	font-style: italic;
	font-weight:normal;
}

blockquote .attribution:before{
	content: '-';
}