@font-face {
	font-family: 'ChunkFiveRegular';
	src: url('Chunkfive-webfont.eot');
	src: local('☺'), url('Chunkfive-webfont.woff') format('woff'), url('Chunkfive-webfont.ttf') format('truetype'), url('Chunkfive-webfont.svg#webfontb5K2fJwj') format('svg');
	font-weight: normal;
	font-style: normal;
}

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
	.clearfix {display:block;}
/* End hide from IE Mac */
	

/* defaults */
* {
  margin: 0;
  padding: 0;
}
 
html, body {
  height: 100%;
  font-size: 1em;
  letter-spacing: 0.05em;
  line-height: 1.5em;
  background-color: #ccffff;
}
 
body {
  font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', helvetica, arial, clean, sans-serif;
}

h1, h2, h3, h4, h5, h6 {font-family: 'ChunkFiveRegular', 'Helvetica Neue Bold', 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #00ccff; line-height: 1.1em;
}

h1 {margin-bottom: 1em;}
h2 {margin-bottom: 0.25em;}
p {
  margin: 0 0 1.5em 0;
}
 
a {
  color: #00ccff;
  text-decoration: none
}
  
a:visited {
  color: #0099cc;
}
a img {
  border: none;
}
table {
  font-size: inherit;
  font: 100%;
}
blockquote {
  font-style: italic;
  margin-left: 30px;
  color: #555;
  border: 1px dashed #555;
  padding: 0 15px;
}

ul, ol { margin: 1em 0; list-style-position: inside; }


/* site */
.site {
   width: 50em;
   border-top: 10px solid black;
   margin:0 auto;
   line-height: 1.5em;
   padding: 3em;
   background-color: white;
}

/* header */
.header {
   clear: both;
   margin: 0 auto 3em auto;
}

.header h1 {
  font-size: 4em;
  color: black;
  margin-bottom: 0
}


.header .menu {
  float: left;
}

.header .menu li {
   list-style-type: none;
   display: inline;
   margin-right: 0.3em;
}

.header .menu li a {
   color: #777;
   text-decoration: none;
}

.header .menu li a:hover {
  color: grey;
}

/* posts */

.posts li {
   list-style-type: none;
   font-size: 0.875em;
}

/* footer */
.footer {
   border-top: 5px solid white;
   width: 50em;
   margin: 0 auto;
   padding: 1.5em 3em;
   clear: both;
   background-color: black
}

.footer a, .footer {color: white;}

.footer .contact {float: right}

.avatar {
  margin-right: 2em;
  margin-top: -1.5em;
  float: left;
  border: 1px solid black;
}

.avatar img {display: block;}


.file {
   border: 1px solid #777;
}

.file .name {
   background-color: #aaa;
   padding: 0.7em;
   border-bottom: 1px solid #777;
}

.file .text {
  padding: 0.7em;
}

.archive { border-top: 1px solid #00ccff; padding: 1em; margin-top: 1.5em; background-color: #ccffff}