
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700,800');

/*
@import url('https://fonts.googleapis.com/css?family=Lato'); */

/* @media only screen and (min-width:700px){
  body {
  }
}

@media only screen and (max-width:700px){
  body {
  }
} */

body {
  background:white;
  font-family: 'Lato', sans-serif;
  font-family: 'Open Sans', sans-serif;
  margin:0px;
}

a {
  text-decoration:none;
  font-family: 'Lato', sans-serif;
  font-family: 'Open Sans', sans-serif;
  color:red;
  color:#00A1F2;
  font-weight:bold;
}

i {
  color:gray;
  padding:10px 0px;
  font-weight:300;
}

h1,h2,h3 {
  font-weight:bold;
}
.post {
  margin:15px;
  padding:15px;
}
  .post .meta {
  }

.center {
  text-align:center;
}

.menu form {
  display:inline-block;
}

.menu form input {
  width:400px;
  padding:10px;
  border:none;
  border-bottom:solid 2px #EEE;
  border-radius:5px;
  font-size:18px;
}

.page {
  padding:30px;
  max-width:960px;
  margin:0px auto;
  font-size:20px;
}

.page a {
  background:#f7f7f7;
  border-radius:2px;
}

pre,code {
  border-radius:4px!important;
  background:#f8f8f8!important;
  /* border:solid 10px whitesmoke; */
}
code { padding:10px 15px; }


@media only screen and (max-width:700px){
  body {
  }
}

#comments {
  padding:25px;
}

#comments .comment {
  padding:10px;
  border-top:solid 1px #EEE;
}

#comments .comment:first-child {
  border-top:solid 2px #EEE;
}
#comments .comment:nth-child(even){
  /* background:#f8f8f8; */
}

#reply {
  background:#f8f8f8;
  padding:30px;
}

#reply textarea, #reply input {
  width:85%;
  padding:15px;
  border:none;
  background:#EEE;
  font-size:20px;
  border-radius:5px;
}
#reply button {
  color:white;
  background:green;
  border:none;
  border-bottom:solid 3px darkgreen;
  padding:7px 14px;
  border-radius:5px;
  display:block;
  font-size:22px;
  margin:10px 0px;
}
