body { margin: 30px; font-family: sans-serif; font-size: 0.8em; color: #646D77; }
a { color:#646D77; }
a:hover { background: #646D77; color: white; } 
.clear { float: none: clear: both; }
.author { font-style:italic; }

h1, #title { color: #597FAD; font-size: 1.4em; }
h1 { color: #646D77; }
#simplebody { margin-top: 60px; width: 400px; }
#simplebody p { margin-bottom: 10px; }

#projectmeta { margin-top: 20px; margin-bottom: 60px; }
#projectdata { height: 500px; }
#projectdata li { float: left; }

#projectdata .chip { width: 50px; height: 500px; overflow:hidden; }
#projectdata .chip img { display:none;}

#projectdata .datum { position: absolute; z-index: 999; margin-top: -275px; margin-left: 40px; background: white; padding: 5px; border: 3px solid #646d77; border-radius: 5px; }
#projectdata a {text-decoration:none;}
#projectdata a:hover { color: #646D77; }

.monthmarker { background-image: url(../../img/marker.png); background-repeat:no-repeat; padding-left: 20px; font-size: 80%; text-transform: uppercase; padding-top: 3px; height: 20px; margin-left: 15px; position: absolute; margin-top: -25px; }

#footer { float:none: clear:both; margin-top: 60px; }










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

.clearfix {display: inline-block;}  /* for IE/Mac */