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
{
  border:0;
  font-size:100%;
  font:inherit;
  vertical-align:baseline;
  margin:0;
  padding:0;
}

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

body
{
  background:#fff;
  font-family:Helvetica,sans-serif;
  font-weight:400;
  font-size:14px;
  line-height:1em;
  color:#333;
}

blockquote,q
{
  quotes:none;
}

blockquote:before,blockquote:after,q:before,q:after
{
  content:none;
}

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

.container
{
  width:90%;
  max-width:960px;
  margin:1.5em auto;
}

header
{
  margin-bottom:1.5em;
  padding-bottom:1.5em;
  border-bottom:1px solid #ddd;
}

a,a:visited
{
  color:#ee4938;
  text-decoration:none;
}

a:hover
{
  color:#ee4938;
  text-decoration:underline;
}

.masthead a:hover
{
  text-decoration:none;
}

.masthead
{
  font-family:Helvetica,sans-serif;
  margin-bottom:0;
  line-height:1em;
  font-size:2em;
}

h1,h2,h3
{
  font-family:Helvetica,sans-serif;
  font-style:normal;
  color:#333;
}

h1
{
  font-size:2em;
  line-height:1.1em;
  margin-bottom:.7em;
  font-weight:700;
}

h2
{
  font-size:1.555em;
  line-height:1.18466667em;
  margin-bottom:1.18466667em;
  font-weight:300;
}

h3
{
  font-size:1.333em;
  line-height:1.1em;
  margin-bottom:1em;
  font-weight:700;
}

h4
{
  font-size:1em;
  line-height:1em;
  margin-bottom:0;
  font-weight:600;
}

.date
{
  display:inline-block;
  font-size:.9em;
  text-transform:uppercase;
  color:#777;
  font-weight:300;
  background:#f8f8f8;
  text-align:center;
  margin-bottom:1em;
  padding:1%;
}

p
{
  font-family:Helvetica,sans-serif;
  font-size:1em;
  font-style:normal;
  line-height:1.5em;
  margin:0 0 1.5em;
}

strong
{
  font-weight:700;
}

em
{
  font-style:italic;
}

sup
{
  line-height:0;
  vertical-align:super;
  font-size:smaller;
}

img
{
  width:100%;
}

ul,ol
{
  margin:0 0 1.5em 2em;
}

li
{
  list-style:disc outside;
}

.clean
{
  margin:0 0 1.5em;
}

hr
{
  border:solid #ddd;
  clear:both;
  height:0;
  border-width:1px 0 0;
  margin:1.5em 0 2em;
}

blockquote
{
  background:#f8f8f8;
  border-left:7px solid #ee4938;
  color:#333;
  margin-bottom:1.5em;
  padding:2% 4%;
}

blockquote>p
{
  margin-bottom:0;
  color:#444;
  font-size:.9em;
  font-weight:300;
}

.box
{
  overflow:hidden;
  margin-bottom:1.5em;
  background:#fff8dc;
  -webkit-box-shadow:0 1px 3px rgba(64,56,41,0.2);
  -moz-box-shadow:0 1px 3px rgba(64,56,41,0.2);
  box-shadow:0 1px 3px rgba(64,56,41,0.2);
  padding:3% 3% 0;
}

ul.posts
{
  border:1px solid #ddd;
  background:#fff;
  margin:0 0 1.5em;
}

ul.posts li a
{
  display:block;
  overflow:hidden;
  border-bottom:1px solid #ddd;
  -webkit-transition:background .3s ease;
  -moz-transition:background .3s ease;
  -o-transition:background .3s ease;
  -ms-transition:background .3s ease;
  transition:background .3s ease;
  padding:3%;
}

ul.posts li span
{
  float:left;
  width:75%;
  font-weight:600;
}

ul.posts li em
{
  float:right;
  font-style:normal;
  font-weight:300;
  color:#555;
  font-size:.9em;
}

ul.posts li p
{
  float:left;
  padding-top:1%;
  margin-bottom:0;
  font-size:.9em;
  font-weight:400;
  color:#555;
}

ul.posts li:nth-last-of-type(1) a
{
  border-bottom:0;
}

ol,ul,.clean li,ul.posts li
{
  list-style:none;
}

.gray,ul.posts li a:hover
{
  background:#f8f8f8;
}
 
@media only screen and max-width518px {
  .container
  {
    width:90%;
  }
  
  body
  {
    font-size:18px;
  }
  
  h2
  {
    font-size:1.5em;
  }
}


table {
  border-width: 1px;
  border-color: #666666;
  border-collapse: collapse;
}
table th {
  border-width: 1px;
  padding: 8px;
  border-style: solid;
  border-color: #666666;
  background-color: #eee;
}
table td {
  border-width: 1px;
  padding: 8px;
  border-style: solid;
  border-color: #666666;
  background-color: #ffffff;
}

pre {
   font-family: Consolas,monospace;
}