.widematte {
    background-color: darkslategrey;
    position: fixed;
    margin-left: 32px;
    margin-top: 32px;
    width: 900px;
    height: 480px;
    color:white;
}
.blogtitle {
    position: absolute;
    font-size: 36px;
    margin-left: 32px;
    margin-top: 32px;
}
.blogdate {
    margin-top: 52px;
    float: right;
    margin-right: 32px;
}
.blogcopy {
    margin-top: 96px;
    margin-left: 32px;
    margin-right: 32px;
    margin-bottom: 32px;
    height: 60%;
}

#blogcontrols {
    margin-left: 32px;
    margin-top: -32px;
   
}


#exit {
    background: url(../gfx/blognavisprite.png);
    background-position: 0px 0px;
    height: 64px;
    width: 64px;
}

#left {
    background: url(../gfx/blognavisprite.png);
    background-position: -64px 0px;
    height: 64px;
    width: 64px;
    
}

#right {
    background: url(../gfx/blognavisprite.png);
    background-position: -128px 0px;
    height: 64px;
    width: 64px;
    
}

#pageno {
    text-align: center;
  
}