.roundpanel
{
    border                : 1px solid #dbdbdb;
    padding               : 0px 20px;
    -webkit-border-radius : .8em; 
    -moz-border-radius    : .8em; 
    border-radius         : .8em;
    background-color      : #aaa;
}

.content-area-button
{
    width          : 100px;
    height         : 100px;
}

.center-content
{
    width          : 600px;
    margin-left    : auto;
    margin-right   : auto;
}

.center-content-blog
{
    width          : 850px;
    margin-left    : auto;
    margin-right   : auto;
}

.left-content {
    width          : 50%;
    float          : left;
}

.right-content {
    width          : 50%;
    text-align     : right;
    float          : right;
}

.link-button {
    color          : #fff;
    font           : 3.6em Helvetica, Arial bold;
    text-shadow    : 1px 1px 1px #ccc;
    margin-bottom  : 30px;
}

a:link {
    color          : #fff;
    text-decoration: none;
}

a:visited {
    color          : #fff;
    text-decoration: none;
}

#x-main {
    margin         : 0px;
    min-height     : 100%;
    width          : 100%;
    background     : #888;
}

#x-title {
    height         : 32px;
    width          : 100%;
    color          : #ddd;
    font           : 2em Helvetica, Arial;
    text-shadow    : 1px 1px 1px #000;
}

#x-books {
    width          : 100%;
    min-height     : 500px;
    background     : #0e0e0e url('../images/grad-bw.jpg') no-repeat right top;
}

#x-copyright {
    color          : #ddd;
    font           : 0.8em Helvetica, Arial;
    text-shadow    : 1px 1px 1px #000;
}

#x-quote {
    color          : #ddd;
    font           : 0.8em Helvetica, Arial, sans-serif;
    font-style     : italic;
    text-align     : justify;
    padding-top    : 30px;
}

#x-about {
    padding        : 20px;
    text-align     : justify;
}

#x-subpage {
    width          : 100%;
    min-height     : 500px;
    background     : #0e0e0e;
}

#x-about > div > a {
    border-bottom  : 1px dotted #fff;
}

#x-about > div {
    margin-bottom  : 10px;
}

#x-project-list > div > div > a {
    border-bottom  : 1px dotted #fff;
}

#x-project-list > div {
    font-size      : 2em;
    margin-bottom  : 20px;
}

#x-project-list > div > div {
    font-size      : .5em;
    font-style     : italic;
}

#x-project {
    padding-bottom : 25px;
    padding-top    : 25px;
}

#x-project > div {
    margin-bottom  : 20px;
}

#x-project a {
    border-bottom  : 1px dotted #fff;
}

#x-blog-main {
    font-size      : 3em;
    color          : #aaa;
}

#x-blog-entries {

}

ul.posts li  {
    font-weight     : bold;
    list-style      : none;
    display         : list-item;
}

ul.posts li span {
    float           : right;
    font            : normal 1em Consolas, Menlo, "Courier New";
    color           : #777;
}

div.blog-entry {
    padding-bottom  : 40px;
}

div.blog-entry-title {
    font-size      : 2em;
    font-weight    : bold;
}

div.blog-entry-authordate {
    font-size      : .8em;
    font-style     : italic;
}

div.blog-entry-content {
    font-size      : 1em;
    text-align     : justify;
}

div.blog-entry-content a {
    border-bottom  : 1px dotted #fff;
}

div.blog-entry-footer {
    font-size      : .75em;
}

.highlight {
    color          : #000;
}