/* Reset CSS by Eric A. Meyer http://meyerweb.com/eric/tools/css/reset/ - v2.0 20110126 */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* ---------------------------------------------------------------------------------------------------------------- */
html {
  font-size: 90%;
}
/* general styles */
a {
  color: #3973ac;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
h1,
h2,
h3,
h4 {
  font-weight: bold;
}
h1 {
  font-size: 350%;
}
h2 {
  font-size: 125%;
  border-bottom: 1px solid #ccc;
  padding-bottom: 0.2em;
}
h2 a {
  color: #333;
  text-decoration: none;
}
h2 a:hover {
  text-decoration: none;
}
strong,
b {
  font-weight: bold;
}
em,
i {
  font-style: italic;
}
p,
li,
table {
  line-height: 153%;
}
p {
  margin: 0.95em 0;
  text-indent: 1em;
}
li {
  list-style-type: disc;
  margin: 0.75em 0;
}
li li {
  list-style-type: circle;
}
li li li {
  list-style-type: square;
}
ol > li {
  list-style-type: decimal;
}
table {
  border: 1px solid black;
  margin: 1.4em 1.1em 1.8em;
}
th,
td {
  border: 1px solid black;
  padding: 0.4em 0.6em;
}
th {
  font-weight: bold;
  background: #f3f3ee;
}
input,
textarea {
  font-family: Georgia, serif;
  border: 1px solid #ccc;
  color: #333;
  padding: 0.35em;
  -moz-border-radius: 3px;
  /* for Firefox < 4 */
  border-radius: 3px;
}
input:focus,
textarea:focus {
  border-color: #888;
}
/* page layout */
body {
  color: #3a3a3a;
  background: #c4cdd4 url(/images/background.jpg);
  font-family: Georgia, serif;
  width: 65.9em;
  margin: 0px auto;
}
body > header {
  width: 63.9em;
  height: 8em;
  margin: 0 auto;
  padding-top: 2.45em;
  text-align: center;
}
body > header h4 {
  margin-top: 0.75em;
  color: #444;
  text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
}
body > header h1 .logo {
  color: #222;
  text-decoration: none;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
}
body > header h1 .apple,
body > header h1 .ruby {
  vertical-align: middle;
}
body > header h1 .apple {
  margin-top: -8px;
  margin-right: 0.2em;
}
body > header h1 .ruby {
  margin-top: -4px;
  margin-left: 0.2em;
}
#page {
  width: 63.9em;
  margin: 0 auto 3.5em;
  background-color: #faf9ef;
  border: 1px solid #ccc;
  -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.6);
  /* for Firefox < 4 */
  -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.6);
  /* for Safari and Chrome < 10 */
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.6);
  -moz-border-radius: 10px;
  /* for Firefox < 4 */
  border-radius: 10px;
}
#page > footer {
  position: relative;
  padding: 16px;
  text-align: center;
  background-color: #efe7dc;
  color: #666;
  font-size: 13px;
  font-style: italic;
  border-top: 1px solid #dfd0b9;
  -moz-border-radius-bottomleft: 10px;
  border-bottom-left-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  border-bottom-right-radius: 10px;
}
#page > footer p {
  margin: 1px 0px;
  text-indent: 0;
}
#applange {
  position: absolute;
  left: 18px;
  top: 15px;
}
#page_body {
  overflow: auto;
}
#html5_logo {
  position: absolute;
  right: 15px;
  top: 15px;
}
#html5_logo img {
  width: 40px;
}
#main_content {
  float: left;
  width: 45.2em;
  min-height: 1600px;
  /* estimate, will be updated via javascript */
  background-color: white;
  border-right: 1px solid #e3e1c9;
  -moz-border-radius-topleft: 10px;
  border-top-left-radius: 10px;
}
.search_results {
  margin: 1.35em 1.7em;
  padding-bottom: 0.5em;
  font-size: 105%;
  border-bottom: 1px dashed #aaa;
}
nav.top,
nav.bottom {
  padding: 1.6em;
  font-size: 90%;
  overflow: auto;
}
nav.top .previous,
nav.bottom .previous {
  float: left;
  width: 40%;
  text-align: left;
}
nav.top .next,
nav.bottom .next {
  float: right;
  width: 40%;
  text-align: right;
}
nav.top {
  margin-bottom: -2.35em;
}
article {
  margin: 2.8em 2.1em 4.2em 2.8em;
}
article.short {
  margin-bottom: 4.9em;
}
article > header {
  margin-bottom: 1.45em;
}
article > header img {
  vertical-align: bottom;
  margin-left: 10px;
}
article .info {
  font-size: 80%;
  text-indent: 1.1em;
  margin-top: 0.5em;
  color: #666;
}
article .info a {
  color: inherit;
}
article ul,
article ol {
  margin-left: 2.1em;
  margin-top: 0.7em;
  margin-bottom: 0.7em;
}
article li pre {
  margin: 10px 0px;
}
article li pre code {
  font-size: 1em;
}
article li p {
  font-size: 100%;
}
article hr {
  margin: 1.8em 0;
  background-color: #999;
  height: 1px;
  border: none;
}
article section h2 {
  font-size: 110%;
  margin-bottom: 1em;
}
article > h2 {
  font-size: 110%;
  font-weight: bold;
  border: none;
  margin: 1.9em 0 1.3em;
}
article h3 {
  line-height: 1.35em;
  font-size: 100%;
  font-weight: bold;
  margin-bottom: 1.15em;
  margin-top: 2.2em;
}
article h4 {
  margin-bottom: 1.2em;
  margin-top: 2em;
}
article p.read_more {
  text-align: center;
  margin-top: 1.8em;
}
article a:hover img {
  -moz-box-shadow: 0px 0px 10px #333;
  /* for Firefox < 4 */
  -webkit-box-shadow: 0px 0px 10px #333;
  /* for Safari and Chrome < 10 */
  box-shadow: 0px 0px 10px #333;
  -webkit-transition: box-shadow 0.2s ease-in-out;
  -moz-transition: box-shadow 0.2s ease-in-out;
  -o-transition: box-shadow 0.2s ease-in-out;
  transition: box-shadow 0.2s ease-in-out;
}
article .sharing {
  margin-top: 2.5em;
}
article .sharing iframe {
  margin-right: 1em;
}
/* sidebar */
#sidebar {
  float: right;
  width: 15.713em;
  padding: 2.15em 1.45em;
}
#sidebar section {
  margin-bottom: 2.15em;
}
#sidebar h2 {
  font-size: 100%;
  font-style: italic;
  margin-top: 1.7em;
  margin-bottom: 9px;
  padding-bottom: 0.25em;
}
#sidebar ul,
#sidebar ol {
  margin-left: 1.4em;
  margin-top: 0.7em;
}
#sidebar ul li,
#sidebar ol li {
  margin: 0.2em 0;
  font-size: 90%;
}
#sidebar ul li ul,
#sidebar ol li ul {
  margin-top: 0;
}
#sidebar ul li li,
#sidebar ol li li {
  font-size: 100%;
}
#sidebar ul li a,
#sidebar ol li a {
  color: inherit;
  text-decoration: none;
}
#sidebar ul li a:hover,
#sidebar ol li a:hover {
  text-decoration: underline;
}
#sidebar #search_form {
  margin: 0.7em 0 1.8em;
}
#sidebar #search_form input[type=search] {
  width: 20.7em;
}
#sidebar #categories .count {
  color: #666;
  font-size: 90%;
  vertical-align: top;
}
#sidebar #popular_posts li {
  margin-top: 0.6em;
  margin-bottom: 0.4em;
  line-height: 125%;
}
#sidebar #about {
  position: relative;
  margin-top: 2.25em;
}
#sidebar #about p {
  font-size: 90%;
  margin: 0 0 1.05em;
  line-height: 160%;
  text-indent: 1.05em;
}
#sidebar #photo {
  float: right;
  width: 55px;
  height: 35px;
}
#sidebar #photo img {
  position: relative;
  bottom: 40px;
  left: 0px;
  width: 64px;
  border: 2px solid #333;
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  transform: rotate(3deg);
}
#sidebar #social {
  height: 32px;
  margin-left: 1.8em;
  margin-bottom: 1.8em;
}
#sidebar #social li {
  list-style-type: none;
  float: left;
  margin-right: 5px;
  position: relative;
}
#sidebar #social li img {
  opacity: 0.9;
}
#sidebar #social li a:hover img {
  opacity: 1.0;
  -moz-box-shadow: 0px 0px 3px #888;
  /* for Firefox < 4 */
  -webkit-box-shadow: 0px 0px 3px #888;
  /* for Safari and Chrome < 10 */
  box-shadow: 0px 0px 3px #888;
}
#sidebar #github_projects ul li {
  border-bottom: 1px dashed #bbb;
  margin-bottom: 0.4em;
  padding-bottom: 0.4em;
}
#sidebar #github_projects a {
  font-size: 110%;
  color: #282828;
}
#sidebar #github_projects .description {
  margin: 0.3em 0;
  text-indent: 0px;
  line-height: 110%;
  font: 85% "Lucida Grande", "Lucida Sans Unicode", sans-serif;
  color: #484848;
}
#sidebar #tweets {
  margin-top: 40px;
  position: relative;
}
#sidebar #tweets #birdie {
  position: absolute;
  top: -26px;
  right: 0px;
}
#sidebar #tweets p {
  list-style-type: none;
  margin: 0.65em 0;
  padding-bottom: 0.65em;
  border-bottom: 1px dashed #bbb;
  text-indent: 0.5em;
  font-size: 90%;
}
#sidebar #tweets p:last-child {
  border-bottom: none;
}
#sidebar #tweets p a.date {
  color: #666;
  font-size: 85%;
}
/* text and paragraph styles */
p.image {
  text-align: center;
  text-indent: 0;
  margin: 1.8em 0;
}
blockquote {
  margin: 1.1em 0 1.1em 2.1em;
  padding: 0.1em 1.1em;
  border-left: 2px solid #bbb;
  font-style: italic;
  color: #666;
}
blockquote p {
  text-indent: 0;
  margin: 0.6em 0;
}
p.image img {
  border: 1px solid #ddd;
  max-width: 100%;
  margin: 0px 5px;
}
p.image.noborder img {
  border: 0px;
}
p.image.small img {
  max-width: 240px;
  max-height: 240px;
}
p.side-image {
  border: 1px solid #ccc;
  color: #888;
  float: right;
  font-size: 70%;
  margin: 0 0 1em 1em;
  padding: 10px 10px 2px;
  text-align: center;
  text-indent: 0;
}
p.footnote {
  padding-top: 0.7em;
}
a[href^="#footnote"] {
  font-size: 75%;
  position: relative;
  top: -0.7em;
}
article pre,
article .syntaxhighlighter,
article .syntaxhighlighter.ie {
  background-color: #f6f8f8 !important;
  border: 1px solid #ddd !important;
  padding: 0.5em 0.7em !important;
  margin: 1.1em 0 1.4em !important;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-border-radius: 3px;
  /* for Firefox < 4 */
  border-radius: 3px;
  -moz-box-shadow: inset 0px 0px 4px #ccc;
  /* for Firefox < 4 */
  -webkit-box-shadow: inset 0px 0px 4px #ccc;
  /* for Safari and Chrome < 10 */
  box-shadow: inset 0px 0px 4px #ccc;
}
article pre code,
article .syntaxhighlighter code,
article .syntaxhighlighter.ie code {
  font-family: Menlo, Monaco, "Lucida Console", monospace !important;
  font-size: 80% !important;
  line-height: 135% !important;
  white-space: pre-wrap;
  margin: 0;
  padding: 0;
  border: none;
}
article pre .functions,
article .syntaxhighlighter .functions,
article .syntaxhighlighter.ie .functions {
  color: #2929a3 !important;
}
article pre .comments,
article .syntaxhighlighter .comments,
article .syntaxhighlighter.ie .comments {
  color: #699 !important;
}
article pre .values,
article .syntaxhighlighter .values,
article .syntaxhighlighter.ie .values {
  color: #930 !important;
}
article pre .string,
article .syntaxhighlighter .string,
article .syntaxhighlighter.ie .string {
  color: #2d863c !important;
}
article pre .color2,
article .syntaxhighlighter .color2,
article .syntaxhighlighter.ie .color2 {
  color: #cf2617 !important;
}
article pre table td.code .line,
article .syntaxhighlighter table td.code .line,
article .syntaxhighlighter.ie table td.code .line {
  white-space: pre-wrap !important;
  padding: 0 !important;
}
article pre code,
article .syntaxhighlighter code,
article .syntaxhighlighter.ie code,
article pre div,
article .syntaxhighlighter div,
article .syntaxhighlighter.ie div,
article pre table,
article .syntaxhighlighter table,
article .syntaxhighlighter.ie table,
article pre tr,
article .syntaxhighlighter tr,
article .syntaxhighlighter.ie tr,
article pre td,
article .syntaxhighlighter td,
article .syntaxhighlighter.ie td,
article pre .line.alt1,
article .syntaxhighlighter .line.alt1,
article .syntaxhighlighter.ie .line.alt1,
article pre .line.alt2,
article .syntaxhighlighter .line.alt2,
article .syntaxhighlighter.ie .line.alt2 {
  background-color: inherit !important;
  font: inherit;
}
article li pre,
article li .syntaxhighlighter {
  margin: 0.7em 0 1.4em !important;
}
article li blockquote {
  margin-left: 0.7em;
}
article li p {
  text-indent: 0;
}
code {
  font-family: Menlo, Monaco, "Lucida Console", monospace;
  font-size: 80%;
  padding: 0.2em;
  margin: 0 0.1em;
  color: #222;
  background-color: #f3f3ee;
  border: 1px solid #e0e0e0;
  white-space: nowrap;
  -moz-border-radius: 2px;
  /* for Firefox < 4 */
  border-radius: 2px;
}
code.longcode {
  white-space: pre-wrap;
}
pre code {
  line-height: 160% !important;
  color: #222;
}
/* comments */
#comments {
  margin-top: 2.1em;
  padding-top: 2.1em;
}
#comments article {
  position: relative;
  margin: 0.7em 0 0;
  padding-left: 75px;
  padding-bottom: 1.4em;
  border-bottom: 1px dashed #bbb;
}
#comments article :last-child {
  border-bottom: none;
}
#comments article > p {
  margin: 0.9em 0;
  text-indent: 0;
  font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
  font-size: 80%;
}
#comments article header {
  overflow: auto;
  margin-bottom: 0.9em;
  padding-top: 0.4em;
}
#comments article header p {
  margin: 0.5em 0;
  line-height: 110%;
  text-indent: 0;
}
#comments article header .name {
  float: left;
  width: 58%;
  margin: 0.35em 0;
  padding-top: 0.15em;
  font-size: 105%;
  font-weight: bold;
}
#comments article header .date {
  float: right;
  text-align: right;
  width: 42%;
  font-size: 75%;
  margin-top: 0.5em;
  line-height: 140%;
  color: #666;
  font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
}
#comments .avatar {
  position: absolute;
  top: 10px;
  left: 5px;
}
#comments .avatar img {
  border: 1px solid #ddd;
}
#new_comment {
  margin-top: 2.8em;
}
#new_comment p {
  margin: 0.7em 0;
  text-indent: 0;
}
#new_comment label {
  display: inline-block;
  vertical-align: top;
  width: 5.45em;
  font-size: 90%;
  line-height: 230%;
  color: #666;
}
#new_comment input,
#new_comment textarea {
  font-size: 90%;
}
#new_comment input {
  width: 23.2em;
}
#new_comment input[type=submit] {
  /* thx to http://ubuwaits.github.com/css3-buttons/ */
  background: #f6f5ee;
  border: 1px solid #d1cfc7;
  border-bottom: 1px solid #bab8ab;
  color: #333;
  font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  padding: 0.8em 0;
  height: 3em;
  text-align: center;
  text-shadow: 0 1px 0 #f6f5ee;
  background: -moz-linear-gradient(top, #f6f5ee, #e8e4d4);
  background: -webkit-linear-gradient(top, #f6f5ee, #e8e4d4);
  background: linear-gradient(top, #f6f5ee, #e8e4d4);
  -moz-border-radius: 3px;
  /* for Firefox < 4 */
  border-radius: 3px;
  width: 13.9em;
  margin-left: 6.5em;
  margin-top: 1.2em;
}
#new_comment input[type=submit]:hover {
  background: #f0eee5;
  border: 1px solid #bfbcb0;
  border-bottom: 1px solid #a3a08f;
  cursor: pointer;
  text-shadow: 0 1px 0 #f0eee5;
  background: -moz-linear-gradient(top, #f0eee5, #d7d2bc);
  background: -webkit-linear-gradient(top, #f0eee5, #d7d2bc);
  background: linear-gradient(top, #f0eee5, #d7d2bc);
}
#new_comment input[type=submit]:active {
  border: 1px solid #c8c098;
  border-bottom: 1px solid #afa36a;
  -moz-box-shadow: inset 0 0 5px 2px #afac9d, 0 1px 0 0 #f6f5ee;
  -webkit-box-shadow: inset 0 0 5px 2px #afac9d, 0 1px 0 0 #f6f5ee;
  box-shadow: inset 0 0 5px 2px #afac9d, 0 1px 0 0 #f6f5ee;
}
#new_comment textarea {
  width: 34.75em;
  height: 11.6em;
  line-height: 140%;
}
#new_comment small {
  font-size: 80%;
  margin-left: 6.54em;
  color: #888;
}
#new_comment .required {
  font-size: 125%;
  vertical-align: middle;
  margin-left: 0.2em;
}
#new_comment .captcha span {
  margin-right: 0.75em;
}
#new_comment .captcha input {
  width: 5.8em;
}
.errors {
  background-color: #f7e9de;
  border: 1px solid #cfbdaf;
  margin: 1.4em 1.75em 2.1em 0.35em;
  padding: 0.25em 1em;
  -moz-border-radius: 5px;
  /* for Firefox < 4 */
  border-radius: 5px;
  -moz-box-shadow: 1px 1px 5px #aaa;
  /* for Firefox < 4 */
  -webkit-box-shadow: 1px 1px 5px #aaa;
  /* for Safari and Chrome < 10 */
  box-shadow: 1px 1px 5px #aaa;
}
.errors p {
  font-weight: bold;
}
/* IE modal box */
#_d ul li {
  list-style-type: none;
  font-size: inherit;
}
@media only screen and (max-width: 480px) {
  body {
    color: #333;
    width: 100%;
  }
  body > header {
    width: 100%;
    height: 5.5em;
    padding-top: 1.5em;
  }
  body > header h1 {
    font-size: 175%;
  }
  body > header h4 {
    font-size: 80%;
    margin-top: 0.5em;
    font-weight: normal;
    text-shadow: none;
  }
  body > header .apple {
    width: 32px;
    height: 32px;
  }
  body > header .ruby {
    width: 36px;
    height: 36px;
  }
  #page {
    width: 95%;
    margin-bottom: 0.5em;
    background-color: white;
    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
    /* for Firefox < 4 */
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
    /* for Safari and Chrome < 10 */
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
  }
  #main_content {
    width: 100%;
    float: none;
    border-right: none;
  }
  .index #sidebar {
    float: none;
    overflow: auto;
    width: 100%;
    background-color: #faf9ef;
    border-top: 1px solid #e3e1c9;
    padding: 2em 1.2em 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }
  .index #sidebar input[type=search] {
    width: 85%;
  }
  .index #sidebar #search_form {
    margin: 0 0 1.8em;
  }
  .index #sidebar #categories {
    /* to prevent right column from being longer than the left one */
  }
  .index #sidebar #categories ul {
    column-count: 2;
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-gap: 1em;
    -moz-column-gap: 1em;
    -webkit-column-gap: 1em;
  }
  .index #sidebar #categories li:last-child {
    padding-bottom: 0.5em;
  }
  .index #sidebar #popular_posts,
  .index #sidebar #github_projects,
  .index #sidebar #tweets {
    display: none;
  }
  .index #sidebar #social {
    width: 200px;
    margin: 0px auto;
  }
  .index #sidebar #social li {
    margin-right: 10px;
  }
  .index #sidebar #social li:last-child {
    margin-right: 0px;
  }
  .index #sidebar h2 {
    margin: 0.3em 0;
    border: none;
  }
  .show #sidebar {
    display: none;
  }
  article {
    margin: 1.5em 1.2em 3em;
  }
  article > header h2 {
    font-size: 110%;
  }
  article > header .info {
    font-size: 75%;
    color: #444;
  }
  article > header .info a {
    padding: 0px 2px;
  }
  article > header .info .tags {
    white-space: nowrap;
  }
  article > header .info .comments {
    display: none;
  }
  article > header .info img {
    width: 14px;
    height: 14px;
  }
  article hr {
    margin: 1.2em 0;
  }
  article .image.small img {
    max-width: 160px;
    max-height: 160px;
  }
  article .side-image {
    width: 50%;
  }
  article .side-image img {
    width: 100%;
  }
  article:last-of-type {
    margin-bottom: 0.5em;
  }
  article.short {
    margin-bottom: 3em;
  }
  nav.top {
    margin-bottom: -1.5em;
  }
  code {
    font-size: 100%;
  }
  article pre code,
  article .syntaxhighlighter code {
    font-size: 100% !important;
  }
  #comments article {
    margin-top: 0.3em;
    padding-left: 0;
    padding-bottom: 0.5em;
  }
  #comments article > p {
    font-size: 90%;
  }
  #comments article header {
    margin-bottom: 1em;
    padding-left: 60px;
  }
  #comments article header .name,
  #comments article header .date {
    float: none;
    width: 100%;
  }
  #comments article header .date {
    text-align: left;
  }
  #comments article .avatar {
    top: 8px;
  }
  #comments article .avatar img {
    width: 40px;
    height: 40px;
  }
  #new_comment input {
    width: 90%;
  }
  #new_comment textarea {
    width: 95%;
  }
  #new_comment small {
    margin-left: 0;
  }
  #new_comment .captcha label,
  #new_comment .captcha span {
    display: block;
  }
  #new_comment .captcha input {
    width: 40%;
  }
  #new_comment .captcha span.required {
    display: inline;
  }
  #new_comment .submit {
    text-align: center;
  }
  #new_comment .submit input {
    margin: 0.5em 0 1em;
  }
  footer #html5_logo,
  footer #applange {
    display: none;
  }
}