/*
title:  countingpulses.net
subtitle:  a collection in taking lifelines one dying heartbeat at a time
author:  n.haru
*/

*
{
margin:  0;
}

body
{ 
background:  #fff;
font-family:  calibri, lucida sans, sans-serif;
font-size:  8pt;
color:  #898989;
height:  100%;
}

html
{
height:  100%;
}

body > #wrap
{
height:  auto;
min-height:  100%;
}

#wrap
{
min-height:  100%;
height:  auto;
height:  100%;
}

a:link, a:visited, a:active
{
color:  #000;
font-weight:  bold;
text-decoration:  none;
}

a:hover
{
color:  #6dcff6;
font-weight:  bold;
text-decoration:  none;
}

h1
{
font-size:  10pt;
color:  #000;
font-weight:  bold;
padding-bottom:  1em;
}

h2
{
font-size:  8pt;
color:  #6dcff6;
padding-bottom:  1em;
}

h3
{
font-size:  7pt;
color:  #898989;
padding-bottom:  1em;
}

p 
{
font-size:  8pt;
color:  #898989;
line-height:  normal;
padding-right:  .5em;
padding-left: 1.25em;
padding-bottom:  .5em;
}

ol
{
list-style-type:  decimal-leading-zero;
list-style-position:  outside;
font-size:  8pt;
font-weight:  bold;
color:  #898989;
}

ul
{
color:  #898989;
list-style-type:  circle;
list-style-position:  outside;
font-size:  8pt;
line-height:  normal;
}

ol ul p
{
padding-left: -.5em;
padding-bottom:  -.5em;
}

li
{
font-size:  8pt;
font-weight:  normal;
padding-bottom:  .5em;
}

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

.clearfix
{
display:  inline-block;
}

/* hides from ie-mac \*/
* html .clearfix {height:  1%;}
.clearfix {display:  block;}
/* end hide from ie-mac */

#main
{
padding-bottom:  4em;
height:  100%;
}


#navi
{
float:  left;
position:  fixed;;
top:  20em;
left:  15em;
text-align:  right;
padding:  .5em;
}

#content
{
position:  relative;
left:  27em;
top:  20em;
width:  500px;
text-align:  left;
padding:  1em;
border-left:  1px solid #6dcff6;
}

#footer
{
position:  fixed;
height:  4em;
margin-top:  -4em;
font-size:  7pt;
padding-left:  1em;
padding-bottom:  -2em;
clear:  both;
}