body {
  font-size: 62.5%;
  padding: 0;
  background: #F0F8FF;
  font-family: "Helvetica Neue", helvetica, Arial, sans-serif;
}

/* General type */

h1 { 
  color: #333;
  font-size: 4em;
  line-height: 1.25em;
  padding-bottom: 0.58em; 
}

abbr {
  font-size: 1.2em;
  color: #aaa;
}

h2 { 
  font-size: 2em;
  color: #444;
  line-height: 1.25em;
  padding-top: 1.1em;
  padding-bottom: 0.15em; 
}

h1 + h2 {
  padding-top: 1.1em;
}

h3 { 
  font-size: 1.8em;
  line-height: 1.3888888em;
  color: #666; 
}

h4 { 
  font-size: 1.3em; 
  line-height: 1.92307em;
}

h5 { 
  font-size: 1.2em; 
  line-height: 2.08333333em;
}

p { 
  font-size: 1.45em; 
  line-height: 1.78em;
  color: #555;
}

li { 
  color: #555;
  font-size: 1.4em;
  line-height: 1.7857em;
}

pre {
  background: #fafafa;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #f3f3f3;
  border: 1px solid #f5f5f5;
  font-size: 1.6em;
  line-height: 1.5625em;
  margin: 0.9em auto 2.2em auto;
  padding: 1em 1em 1.4em 1em;
  overflow: auto;
}

pre code {
  font-size: 1em;
  line-height: 1.95em;
}

#content blockquote {
 font-size: 1em;
 font-style: italic;
 padding: 2.5em 1em 3em 1em;
}

#content blockquote p {
  font-size: 2em;
  line-height: 1.25em;
  color: #999;
  padding: 0;
  margin: 0;
}

a { 
  color: #991F53;
  text-decoration:none;
  font-weight: bold;
}


a:hover {
  color: #009983;
}

/*
PAGE LAYOUT
*/

#page {
  margin: 0 auto;
  width: 80%;
  min-width: 85em;
  max-width: 94em;
}

/*
HEADER
*/

#header {
  border-bottom: 1px solid #ddd;
  background: #eee;
  padding: 0;
  padding-bottom: 1em;
}

#header p#site_name {
  background: #F0F8FF;
  font-size: 8em;
  line-height: 1.72em;
  padding: 0;
  text-align: center;
  margin-bottom: 0.18em;
  border-bottom: 1px solid #fff;
}

#header #cse-search-box {
  float: left;
  width: 35%;
}

#cse-search-box input[type=text] {
  font-size: 1.4em;
  color: #777;
  padding: 0.3em 0.5em;
  border: 1px solid #ddd;
}

#cse-search-box input[type=submit] {
  font-size: 1.4em;
  background: #eee;
  border: none;
}


#cse-search-box input[type=submit]:hover {
  color: red;
  cursor: pointer;
}

#header ul.navigation {
  width: 57%;
  float: left;
  padding: 0 0 0 5.8em;
}

#header ul.navigation li {
  float: left;
  font-size: 1em;
  line-height: 2em;
}

#header ul.navigation li a {
  display: block;
  font-size: 1.8em;
  padding-right: 1.5em;
  line-height: 1.6em;
}

/*
CONTENT
*/

#content {
  border-top: 1px solid #fcfcfc;
  background: #fefefe;
  padding: 6.3em 6em 5em 6em;
}

#content abbr.createdAt {
  display: block;
  padding-top: 0.45em;
  padding-bottom: 0.65em;
}

#content h3 {
  padding-top: 1.3em;
  padding-bottom: 0.15em;
}

#content p {
  padding: 0 0 1.78em 0;
}

#content img {
  width: 100%;
}

#content ul, #content ol {
  padding: 0 1em 2.5em 0;
}

#content ul {
  list-style: disc;
}

#content ol {
  list-style-type: decimal;
}

#content ol li, #content ul li {
  padding-bottom: 0.1em;
}

/*
style sub lists:
  reset font size
  and indent
*/
#content ul li > ul, #content ul li > ol,
#content ol li > ul, #content ol li > ol {
  padding: 0 0 0 1.5em;
}

#content ul li > ul li, #content ul li > ol li,
#content ol li > ul li, #content ol li > ol li {
  font-size: 1em;
}

#content ul li p, #content ol li p {
  font-size: 1em;
  padding: 0;
}

#content ol.posts {
  list-style: none;
  padding-top: 2.1em;
}
#content ol.posts li h2 {
  font-size: 1.4em;
  line-height: 1.5em;
  padding: 0;
}

#content ol.posts li {
  padding-bottom: 1.6em;
}

#content ul.navigation {
  list-style: none;
}

#content ul.navigation li.previousPost { 
  float: left;
}

#content ul.navigation li.nextPost { 
  float: right;
}


/*
FOOTER
*/

#footer {
  padding: 2.69em 0 1.9em 0;
  background: #eee;
  border-top: 1px solid #ddd;
}

#footer p.license {
  text-align: center;
  font-size: 1.2em;
  color: #333;
}

#footer p.license a img {
  margin-bottom: -4px;
  margin-right: 1em;
}

/* misc */

hr {
  border: none;
  background: #333;
  height: 5px;
  margin-bottom: 1em;
}

.hide {
	display: none;
}

a img {
	border: none;
}

/* self-clear floats */
.group:after {
	content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}