html {
  font-size:100%;
  -webkit-text-size-adjust:100%;
  -ms-text-size-adjust:100%;
}

html,
body,
button,
input,
select,
textarea {
  font-family:"Helvetica Neue",helvetica,arial,sans-serif;
}

pre,
code,
samp,
kbd,
var {
  font-family:consolas,menlo,monaco,"Courier New",courier,monospace;
}

a {
  text-decoration:none;
}

a:hover {
  text-decoration:underline;
}

img, a img {
  border:0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin:0;
  padding:0;
}

p {
  padding:0;
}

caption {
  font-weight:bold;
  padding: .5em;
}

table {
  border-collapse:collapse;
  border-spacing:0;
}

th,td {
  vertical-align:top;
}

pre {
  white-space:pre;
  white-space:pre-wrap;
  word-wrap:break-word;
}

ul,ol {
  padding:0;
}

dt {
  font-weight:bold;
}

dfn {
  font-style:normal;
  font-weight:bold;
}

abbr {
  border-bottom:1px dotted;
}

form {
  margin:0;
  padding:0;
}

legend {
  font-weight:bold;
}

input,select,textarea,button {
  font-size:1em;
  max-width:100%;
  vertical-align:middle;
  margin:0;
}

textarea {
  overflow:auto;
}

input.button,button {
  padding: .5em;
  *overflow:visible;
}

article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary {
  display:block;
}

@font-face {
  font-family: 'Ubuntu', sans-serif;
  font-weight:normal;
  font-style:normal;
}

body {
  color:#444;
  background-color:#fff;
  padding:0;
  margin:0;
  font-family:'Lucida Grande','Lucida Sans Unicode','Helvetica Neue',Helvetica,Arial,Verdana,sans-serif;
  font-size:14px;
}

a {
  color:#d27700;
  -moz-transition:all .3s;
  -webkit-transition:all .3s;
  -o-transition:all .3s;
  -ms-transition:all .3s;
  transition:all .3s;
}

a:hover {
  color:#d27700;
}

p,li {
  line-height:1.5em;
}

ul,ol {
  margin-left:1.35em;
}

img {
  max-width:100%;
  height:auto;
}

p strong {
  color:#000;
}

p a strong {
  color:inherit;
}

code,kbd,samp,var {
  background-color:#fafafa;
}

pre code {
  background-color:auto;
}

#container {
  position:relative;
  margin:auto;
  max-width:600px;
}

header {
  text-align:center;
  padding:30px;
  background-image:-webkit-linear-gradient(left, rgba(204,204,204,0), #ccc, rgba(204,204,204,0));
  background-image:-moz-linear-gradient(left, rgba(204,204,204,0), #ccc, rgba(204,204,204,0));
  background-image:-ms-linear-gradient(left, rgba(204,204,204,0), #ccc, rgba(204,204,204,0));
  background-image:-o-linear-gradient(left, rgba(204,204,204,0), #ccc, rgba(204,204,204,0));
  background-image:linear-gradient(left, rgba(204,204,204,0), #ccc, rgba(204,204,204,0));
  -webkit-background-size:100% 1px;
  -moz-background-size:100% 1px;
  -ms-background-size:100% 1px;
  -o-background-size:100% 1px;
  background-size:100% 1px;
  background-repeat:no-repeat;
  background-position:bottom center;
}

header h1 {
  margin:0;
}

header h1 img {
  width:62px;
  height:62px;
}

header h1 a:hover img {
  -webkit-transform:scale(1.02, 1.02);
  -moz-transform:scale(1.02, 1.02);
  -ms-transform:scale(1.02, 1.02);
  -o-transform:scale(1.02, 1.02);
  transform:scale(1.02, 1.02);
}

header h1 a:active img {
  -webkit-transform:scale(1,1);
  -moz-transform:scale(1,1);
  -ms-transform:scale(1,1);
  -o-transform:scale(1,1);
  transform:scale(1,1);
}

#content {
  padding:30px 10px;
  clear:left;
}

.blog #content {
  padding-bottom:60px;
}

#content h1 {
  font-family: 'Open Sans', sans-serif;
  font-size:28px;
  font-weight:normal;
  line-height:1.2em;
  margin:0 0 .5em;
  text-align:center;
}

#content section {
  padding-bottom:19px;
}

#content header {
  text-align:left;
  padding:0;
  background-image:none;
}

#content section article header time {
  float:right;
  color:#999;
}

#content article.post header time {
  display:block;
  text-align:center;
  padding:0 0 2em;
  color:#999;
}

#content h2 {
  font-size:16px;
  color:#333;
  margin:0 0 .75em;
}

#content *+h2 {
  margin-top:1.5em;
}

#content p {
  margin:0 0 1em;
}

#content dt {
  margin-bottom:1em;
  color:#000;
}

#content dd {
  margin-left:19px;
}

#content pre, #content blockquote {
  border:1px solid #ccc;
  border-radius:3px;
  margin:0 0 1em;
}

#content pre {
  padding:19px;
  background-color:#fafafa;
  -webkit-box-shadow:inset 0 1px 1px #ddd;
  -moz-box-shadow:inset 0 1px 1px #ddd;
  -ms-box-shadow:inset 0 1px 1px #ddd;
  -o-box-shadow:inset 0 1px 1px #ddd;
  box-shadow:inset 0 1px 1px #ddd;
}

#content pre em, #content pre strong {
  color:#f00;
  font-style:normal;
}

#content pre em.remark {
  color:#888;
  font-style:normal;
}

#content pre var {
  color:#060;
  font-style:normal;
}

#content blockquote {
  padding:1em 19px 0;
  -webkit-box-shadow:0 1px 3px #ddd;
  -moz-box-shadow:0 1px 3px #ddd;
  -ms-box-shadow:0 1px 3px #ddd;
  -o-box-shadow:0 1px 3px #ddd;
  box-shadow:0 1px 3px #ddd;
}

#content blockquote .blockquote-cite {
  text-align:right;
  font-size:13px;
  margin:0 -19px;
  padding: .5em 19px;
  background-color:#eee;
  text-shadow:0 1px #fff;
}

#content table {
  margin:0 auto 1em;
  -webkit-box-shadow:0 1px 3px #ddd;
  -moz-box-shadow:0 1px 3px #ddd;
  -ms-box-shadow:0 1px 3px #ddd;
  -o-box-shadow:0 1px 3px #ddd;
  box-shadow:0 1px 3px #ddd;
  border:1px solid #ccc;
  text-shadow:0 1px #fff;
}

#content table td, #content table th {
  padding:5px 19px;
}

#content table thead th  {
  text-align:center;
  background-color:#eee;
}

#content table tbody th {
  text-align:left;
}

#content table tbody tr:nth-child(even) {
  background-color:#fafafa;
}

#content footer {
  background-image:none;
  padding:30px 0 0;
}

#content aside {
  padding:5px 10px;
}

#content aside,
#content aside p {
  line-height:28px;
  background-color:#FFF5D9;
  text-align:right;
}

#content .gallery {
  list-style:none;
  margin:0;
  text-align:center;
}

#content .gallery li {
  display:inline-block;
  margin-right:19px;
  zoom:1
}

strong.stronger {
  font-size:15px;
}

strong.very-strong {
  font-size:17px;
}

.artwork,
.photo,
.screenshot,
.figure,
.illustration {
  display:table;
  text-align:center;
  margin:0 auto 19px;
  vertical-align:bottom;
  line-height:1em;
  background-color:#fff;
  padding:15px;
  -webkit-box-shadow:0 1px 3px #ddd;
  -moz-box-shadow:0 1px 3px #ddd;
  -ms-box-shadow:0 1px 3px #ddd;
  -o-box-shadow:0 1px 3px #ddd;
  box-shadow:0 1px 3px #ddd;
  -moz-transition:border-color .3s;
  -webkit-transition:border-color .3s;
  -o-transition:border-color .3s;
  -ms-transition:border-color .3s;
  transition:border-color .3s;
  border:1px solid #ccc;
  border-radius:3px;
}

.artwork a,
.photo a,
.screenshot a,
.figure a,
.illustration a {
  border:0;
}

.artwork img,
.photo img,
.screenshot img,
.figure img,
.illustration img{
}

.thumbnail:hover {
  border-color:#FA8E01;
}

footer {
  padding:30px;
  text-align:center;
  color:#888;
  background-image:-webkit-linear-gradient(left, rgba(204,204,204,0), #ccc, rgba(204,204,204,0));
  background-image:-moz-linear-gradient(left, rgba(204,204,204,0), #ccc, rgba(204,204,204,0));
  background-image:-ms-linear-gradient(left, rgba(204,204,204,0), #ccc, rgba(204,204,204,0));
  background-image:-o-linear-gradient(left, rgba(204,204,204,0), #ccc, rgba(204,204,204,0));
  background-image:linear-gradient(left, rgba(204,204,204,0), #ccc, rgba(204,204,204,0));
  -webkit-background-size:100% 1px;
  -moz-background-size:100% 1px;
  -ms-background-size:100% 1px;
  -o-background-size:100% 1px;
  background-size:100% 1px;
  background-repeat:no-repeat;
  background-position:top center;
}

footer a {
  color:#888;
}

footer nav ul {
  list-style:none;
  display:block;
  margin:0 0 20px;
}

footer nav ul li {
  display:inline;
}

footer nav ul li a {
  padding:5px 10px;
}

.search form {
  margin:2em 0;
  text-align:center;
}

.search form input {
  width:98%;
  font-size:16px;
  padding:5px;
}

@media screen and (min-width: 600px) {
  p,li {
    line-height:1.65em;
  }
  #content h1 {
    font-size:48px;
  }
  #content h2 {
    font-size:20px;
    font-weight:normal;
    letter-spacing:-.5px;
  }
  header h1 img {
    width:124px;
    height:124px;
  }
  #content article.post header time {
    padding-bottom:4em;
  }
  .image-aside {
    margin:0 0 19px 19px;
    float:right;
    clear:right;
  }
}

input {
  border:1px solid #ccc;
  width:300px;
  display:block;
  margin-bottom:15px;
  margin-top:5px;
  outline: none;

  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  -o-border-radius:2px;
  -ms-border-radius:2px;
  border-radius:2px;
}

textarea {
  border:1px solid #ccc;
  width:300px;
  display:block;
  margin-bottom:15px;
  margin-top:5px;
  outline: none;

  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  -o-border-radius:2px;
  -ms-border-radius:2px;
  border-radius:2px;
}

input[type=submit] {
  background:none;
  padding:10px;
}