#timeline, #timeline-entry
{
    position: relative;
    padding: 1px 0;
    top: -30px;
}

#timeline-continue 
{
    z-index: 10000;
    position: relative;
    padding: 1px 0;
    margin-bottom: 70px;
    top: -100px;
    text-align: center;
    width: 700px;
}

#timeline-continue div
{
    background: white;
    display: inline-block;
    padding: 10px 15px;
}

div.blogpost
{
    width: 700px;
    position: relative;
    margin-bottom: 200px;
}

div.blogpost .top
{
    background: url(../images/paper-top.png) top left no-repeat;
    height: 95px;
    position: absolute;
    width: 700px;
    top: -85px;
}

div.blogpost .mid
{
    background: url(../images/paper-mid.png) top left repeat-y;
    margin: 95px 0px 220px 0px;
    padding: 10px 50px;
}

div.blogpost .mid .content
{
    position: relative;
    top: -50px;
    margin-bottom: -50px;
    color: #000066;
    line-height: 150%;
}

div.blogpost .content a > img
{
    background: none;
    border: 5px solid #ccc;
}

div.blogpost .bottom
{
    background: url(../images/paper-bottom.png) top left no-repeat;
    height: 103px;
    position: absolute;
    position: absolute;
    width: 700px;
    bottom: 119px;
    margin-bottom: -220px;
}

div.blogpost div.post-meta 
{
    color: #666;
    margin-bottom: 1em;
    font-size: 12pt;
    font-family:"ff-providence-sans-web-pro-1","ff-providence-sans-web-pro-2","Comic Sans";
    letter-spacing: -1.3pt;
}


div.blogpost div.tags a, div#about-kid div.tags a 
{
    text-indent: -1000px;
    position: absolute;
    display: block;
    background: none;
}

div.blogpost div.tags a.fien, div#about-kid div.tags a.fien
{
    background: url(../images/tag-fien.png) top left no-repeat;
    width: 102px;
    height: 74px;
    top: -90px;
    left: 275px;
}

div#about-kid div.tags a.fien
{
    top: -45px;
}

div.blogpost div.tags a.klaas, div#about-kid div.tags a.klaas
{
    background: url(../images/tag-klaas.png) top left no-repeat;
    width: 91px;
    height: 73px;
    top: -86px;
    left: 380px;
}

div#about-kid div.tags a.klaas
{
    top: -41px;
}

div.blogpost div.tags a.trijn, div#about-kid div.tags a.trijn
{
    background: url(../images/tag-trijn.png) top left no-repeat;
    width: 86px;
    height: 80px;
    top: -84px;
    left: 475px;
}

div#about-kid div.tags a.trijn
{
    top: -41px;
}

div.blogpost div.tags a.mitte, div#about-kid div.tags a.mitte
{
    background: url(../images/tag-mitte.png) top left no-repeat;
    width: 110px;
    height: 69px;
    top: -80px;
    left: 550px;
}

div#about-kid div.tags a.mitte
{
    top: -42px;
}


div.blogpost h2 
{
    margin: 1em 0 1.2em 0;
}

div.blogpost li 
{
    margin-left: 30px;
}

.comments
{
    z-index: 100;
    position: relative;
    margin: 33px 0 0 -23px;
}

.comment
{
    z-index: 100;
    line-height: normal;
    position: relative;
}

.comment .body 
{
    font-size: 15px;
    line-height: 140%;
    font-family:"ff-providence-sans-web-pro-1","ff-providence-sans-web-pro-2","Comic Sans";
    letter-spacing: -1.3pt;
}

.comment .comment-top 
{
    padding: 12px 25px 12px 20px;
    margin-bottom: 0px;
    background: url(../images/comment-top.png) top left repeat-y;
}

.comment .comment-placeholder 
{
    padding: 12px 25px 18px 30px;
    margin: 0 -25px -60px -2px;
    height: 42px;
    background: url(../images/comment-placeholder.png) top left no-repeat;
    font-family:"ff-providence-sans-web-pro-1","ff-providence-sans-web-pro-2","Comic Sans";
    font-size: 12pt;
    letter-spacing: -1.3pt;
}

.comment .comment-placeholder p
{
}

.comment .comment-bottom 
{
    height: 31px;
    background: url(../images/comment-bottom.png) bottom left repeat-y;
}

.comment .comment-meta 
{
    color: #999;
    margin-top: 10px;
    font-weight: bold;
    font-size: 12pt;
    font-family:"ff-providence-sans-web-pro-1","ff-providence-sans-web-pro-2","Comic Sans";
    letter-spacing: -1.3pt;
    margin-bottom: 5px;
}


.comment.self 
{
    margin-top: 15px;
    margin-bottom: -50px;
}

.comment.self .comment-top 
{
    position: relative;
    background-image: url(../images/comment-self-top.png);
}

.comment.self .comment-bottom 
{
    background-image: url(../images/comment-self-bottom.png);
}

.comment.self textarea 
{
    width: 100%;
    border: 0;
    font-size: 15px;
    background: url(../images/inputter-bg.png) -2px left;  
    line-height: 21px;
    color: Blue;
    font-family:"ff-providence-sans-web-pro-1","ff-providence-sans-web-pro-2","Comic Sans";
    letter-spacing: -1pt;
    outline:none;
    max-width: 100%;
}

.comment.self input.button
{
    background: url(../images/buttonbg.png) center left repeat-x;  
    padding: 3px 10px;
    border: 1px solid #ffcc00;
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    border-radius: 5px; 
    font-family: helvetica neue, helvetica, arial;
    font-size: 10pt;
    color: White;
    position: absolute;
    top: 15px;
    right: 25px;
}

.comment.self .comment-meta 
{
    color: #333;
}

.comment .comment-meta .connected 
{
}

.comment .comment-meta .disconnected 
{
    font-style: normal;
    color: Blue;
    padding: 23px 2px;
    background: url(../images/inputter-bg.png) left -2px;  
}