@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

body { margin:0;padding:32px;font-family:'Open Sans', 'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:14px;line-height:20px;color:#777;background-color:#fff; }
h1 { font-weight:lighter; }
h1, h2, h3, h4, h5, h6 { color:#333; }
h1 a { text-decoration:none; }
a { color:#900; }
em, span { color:#000; }
code, pre { padding:8px 16px; font-size:16px; color:#000; overflow-x:auto; }
pre { background-color:#f1f6ff; border-radius:8px; border:1px solid #cbdcff; }
li { padding-bottom:8px; }
::selection { background:#cbdcff; color:#000; }
::-moz-selection { background:#cbdcff; color:#000; }

.wrapper { margin:32px auto; width:100%; max-width:800px; }
.head,.cont { padding:8px 0; border-bottom:1px solid #eee; }
.ibox img { margin:8px 0 8px 8px; border-radius:8px; float:right; }
.ibox h3 { clear:both; }
.clear { clear:both; }
.footer { padding:8px 0; font-size:12px; }