@import url("960gs/960.css");

/* http://www.levien.com/type/myfonts/inconsolata.html */
@font-face 
{
  font-family: "inconsolata";
  src: url("/fonts/Inconsolata.otf");
}                                    

@font-face
{
  font-family: "droid sans";
  src: url("/fonts/DroidSans.ttf");
}
@font-face
{
  font-family: "droid sans bold";
  src: url("/fonts/DroidSans-Bold.ttf");
}

html {
 height: 100%;
 margin-bottom: 1px;
}
body
{
  color:#222;
  font-family: verdana, helvetica, arial, sans-serif;
  font-size:87.5%;   /* 16px * 0.875 = 14px */
  line-height: 137.5%; /* 16px * 1.375  = 22px */ 
  background-color:#fff;
}
a
{ 
  color:#222;
  text-decoration:none;
  border-bottom: solid 1px #999;
}
a:hover
{  
  text-decoration:none;
  background: #eee;
  border-bottom: solid 1px #333333;
}

a:visited{
  color: #333;
  border-bottom: dotted 1px #999;
}
blockquote
{
  border-left: solid 1px #ccc;
  padding-left: 1em;
  margin-left:0px;
  font-size: 87.5%;    
}
h1, h2, h3, h4, h5, h6
{
}
h1, h2, h3
{
  font-family: verdana, helvetica, arial, sans-serif;
}

h4, h5, h6
{
  font-family:  verdana, helvetica, arial, sans-serif;
  font-weight: bold;
}
/* 150, 137.5, 125, 112.5, 100, 87.5 */
h1
{
  font-size: 137.5%;
}
h2
{
  font-size:  125%;
}
h3 
{
  font-size: 112.5%;
}
h4
{
  font-size: 100%;
}                

h5, h6{
  font-size: 87.5%;
}
hr
{
  height: 1px;
  border: dotted 1px #aaa;
  margin: 2em 1em 3em 0em;
  border-width:0px;
}               
  
hr.afa
{
  margin: 4em 0 6em 0;
  text-align:center;
  height:0px;
}

hr.afa:after 
{
/*  content: "■■▣■■";*/    
  content: "◇ ◆  ◈ ◆ ◇";
  letter-spacing: 2.0em;
}
ul
{
  list-style-type: square;
}

pre
{
  background: #fff;
  padding: 0 5px;
  border: solid 1px #efefff;
}              
      
code
{
  background-color: #eee; 
  border: solid 1px #ddd;
  padding: 2px;
      
}  
pre code 
{
  background-color:#fff;
  border: dotted 0px #fff;
  padding:0px;
      
}
pre,code
{
    font-family: "inconsolata", monospace;
    /* font-size: 1.142em; */
}

.noul
{
  border-bottom: 0px;
  text-decoration:none;
}

header, footer
{
  display: block;
  padding: 1em 0;
}


header h1{
  font-size:1.142em;
}

header h1 a, 
header h1 a:visited,
header h1 a:hover
{
  color:#a23030;
  text-decoration:none;
  border-bottom: none;
}

footer{
  margin-top:4em;
}

ul.posts, nav ul#nav
{
  list-style-type:none;
}

aside
{
  text-align:right;
}

nav ul#nav, nav strong
{
  text-transform: uppercase;
  letter-spacing: 2px;
}

aside
{
  font-weight: normal;
  font-size: 75%;
}              
aside p strong
{
 font-weight: normal;    
}
nav ul#nav li a
{
    border: none;
} 

.postmeta,
ul.posts li span
{
  color: #aaa;
  font-size: 87.5%;
}   

ul.posts li span
{
  margin-left: 2em;
}