/* 
 * =Reset
 */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}


body { 
  background: #fff; 
  color: #333; 
  font-family: Georgia, serif;
}

#header { 
  background: #000;
  color: #fff; 
  margin: 0 0 25px 0;
  padding: 50px 0 25px;
}

#header h1 { 
  margin: 0 auto;
  font-size: 65px;
  text-align: center; 
}

#content { 
  width: 660px;
  margin: 0 auto;
}

#content h2 { 
  margin: 0 25px .5em;
  font-size: 1.5em;
}
#content p { 
  margin: 0 25px;
}


.screenshots { 
  margin: 0 1em;
}

.screenshots a img { 
  border: 3px solid #ccc;
}

.screenshots a:hover img { 
  border: 3px solid #006;
}

.section  { 
  margin: 0 0 2em 0;
}

.section p { 
  margin: 0.5em;
  text-align: center;
}

.section p a { 
  font-weight: bold;
  color: #333;
}
.section p a:hover { 
  color: #000;
}

.section p small { 
  display: block;
  color: #666; 
}

/*
 * =Utility
 */

.clearfix:after
{
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */