body {
background:#FFF;
color:#000;
font-size:100%;
max-width:60em;
margin:0 auto;
padding:0 3em;
text-rendering:optimizeLegibility
}

.ir {
text-indent:-999px;
overflow:hidden
}

/* ********************************************************************************************************************* **/

dl, h1, h2, h3, h4, h5, h6, ol, p, ul {
font:normal normal 400 1em/1.5em 'Helvetica Neue', Sans-serif;
margin:0 0 1.5em;
padding:0
}

h1, h2, h3, h4, h5, h6 {
font-weight:700
}

h1 {
font-size:200%;
margin-bottom:.75em
}

h2 {
font-size:150%;
margin-bottom:1em
}

p {
text-align:justify
}

/* ********************************************************************************************************************* **/

a,
a:hover,
a:visited {
color:#369;
}

/* ********************************************************************************************************************* **/

abbr,acronym {
border:none;
cursor:help
}

a abbr,a acronym {
cursor:pointer
}

blockquote {
margin:1.5em
}

blockquote p {
font-style:italic
}

code {
font-family:inherit;
font-style:italic
}

hr {
border:none;
height:0;
margin:3em auto
}

pre {
font-size:81.25%;
line-height:1.84615385em
}

/* ********************************************************************************************************************* **/

.gist {
margin:1.5em
}

body .gist .gist-file, 
body .gist .gist-file .gist-data, 
body .gist .gist-file .gist-syntax, 
body .gist .gist-file .gist-meta {
background:#FFF !important;
border:none !important
}

body .gist .gist-file .gist-data {
border:solid 1px #E6E6E6 !important
}

body .gist .gist-file .gist-data pre, 
body .gist .gist-file .gist-data pre div {
margin:0 !important;
padding:0 !important
}

body .gist .gist-file .gist-data div {
padding:0 .46153846em !important
}

body .gist .gist-file .gist-meta {
background:#E6E6E6 !important;
text-shadow:#FFF 0 1px 0;
font:normal normal 700 68.75%/2.1818em Sans-Serif !important;
padding:0 .5454em !important
}

/* ********************************************************************************************************************* **/

#isBreadcrumb {
font-weight:700;
margin:0
}

#isBreadcrumb li {
display:inline
}

#isBreadcrumb li:after {
content:"\A0\A0\203A\A0"
}

#isBreadcrumb li:last-child:after {
content:""
}

/* ********************************************************************************************************************* **/

.isMetadata {
color:#999;
}

.isMetadata a {
font-weight:700;
}

.isMetadata a,
.isMetadata a:hover,
.isMetadata a:visited {
color:#A6A6A6;
}

.isMetadata li {
display:inline
}

.isMetadata li:nth-child(1):before {
content:"Posted on "
}

.isMetadata li:nth-child(2):before {
content:"Filed under "
}

.isMetadata li:after {
content:"\A0\B7";
font-weight:700
}

.isMetadata li:last-child:after {
content:""
}

/* ********************************************************************************************************************* **/

#isPagination {
font-weight:700;
margin-bottom:6em;
text-align:center;
}

#isPagination li {
display:inline
}

#isPagination li:after {
content:"\A0\B7"
}

#isPagination li:last-child:after {
content:""
}

/* ********************************************************************************************************************* **/

body > article {
margin:3em 0 6em;
}

body > article h1 {
margin-bottom:.375em;
}

body > article h1 a,
body > article h1 a:hover,
body > article h1 a:visited {
color:inherit;
}

body > article h1 a {
text-decoration:none;
}

body > article h1 a:hover { 
text-decoration:underline;
}

/* ********************************************************************************************************************* **/

body > footer,
body > header {
margin:3em 0;
}

/* ********************************************************************************************************************* **/

body > footer {
border-top:solid .2em #DDD;
padding-top:2.8em;
}

body > footer > ul {
color:#999;
font-size:87.5%;
line-height:1.71428571em;
margin:0;
}

body > footer ul a {
font-weight:700;
}

body > footer ul a,
body > footer ul a:hover,
body > footer ul a:visited {
color:#A6A6A6;
}

body > footer > ul li {
display:inline
}

body > footer > ul li:after {
content:"\A0\B7";
font-weight:700
}

body > footer > ul li:last-child:after {
content:""
}

/* ********************************************************************************************************************* **/

body > header {
border-bottom:solid .2em #DDD;
padding-bottom:2.8em;
}

body > header > p,
body > header > ol {
margin:0
}

/* ********************************************************************************************************************* **/

@media screen and (max-width:720px) { 
	body {
	font-size:87.5%;
	}
}

@media screen and (max-width:480px) { 
	body {
	font-size:75%;
	padding-left:1.5em;
	padding-right:1.5em;
	}
	
	body > article {
	margin-bottom:3em;
	}
	
	body > footer,
	body > header {
	margin-bottom:1.5em;
	margin-top:1.5em;
	}
	
	.isMetadata {
	list-style:inside circle;
	}
	
	.isMetadata li {
	display:block;
	}
	
	.isMetadata li:after {
	content:"";
	}
}