body {
    color: #000;
    font-family: 'Trebuchet MS', Trebuchet, Helvetica, Arial, Verdana, sans-serif;
    text-align: center;
    font-size: small;
    background: #fff;
    margin: 0;
}

.head {
    background: #fb1;
    background-image: url('logo.png');
    background-repeat: no-repeat;
    background-position: bottom right;
    height: 46px;
    padding: 0;
}

.left { float: left; }
.right {
    float: right;
    margin: 20px;
    border: 1px solid #fff;
}

div.clear { clear: both;}


/* MENU */
.menu {
    background-image: url('menu.png');
    background-repeat: no-repeat;
    background-position: 0 -5;
    position: absolute;
    top: 46px;
    left: 0;
    height: 21px;
    width: 336px;
    margin: 0 0 20px;
}

.menu a { position:absolute; }

a#news {height:21px; left:0; top:0; width:62px;}

a#library {height:21px; left:62px; top:0; width:77px;}

a#downloads {height:21px; left:139px; top:0; width:127px;}

a#about {height:21px; left:266px; top:0; width:70px;}


/* CONTENT */
.content {
    background: #e6e6e6;
    text-align: left;
    width: 720px;
    padding: 20px 40px 40px;
    margin: 0 auto;
}

.content-top {
    background: #cfcfcf;
    text-align: left;
    width: 740px;
    height: 22px;
    padding: 4px 30px;
    margin: 60px auto 0px auto;
}

.title {
    font-size: medium;
    font-weight: bold;
    float: left;
}

.date { float: right; }

.library {
    font-size: x-small;
    text-align: left;
}

.copy {
    font-size: x-small;
    margin-top: 30px;
}

.copy a { font-style: normal; }

.tags {
    font-size: small;
    text-align: center;
    margin: 25px auto 0px auto;
}

.nav {
    width:858px;
    margin: 40px auto 0px auto;
    font-size: x-small;
}
.nav a { font-style: normal; }

.archive {
    float: left; 
    position: relative;
    left: 48%;
}

.back {float: left;}

.forward { 
    right:4%;
    float: right; 
    position: relative;}

.sidebar {
    background: #cfcfcf;
    border: 1px solid #fff;
    float: right;
    padding: 10px;
    margin: 20px;
}

.side-head {
    border-bottom: 1px solid #fff;
    margin: 10px;
    font-weight: bold;
}

.side-item { margin: 10px; }

.foot { margin: 40px 20px 10px; }


/* TEXT */
p {
    text-align: justify;
    line-height: 150%;
    text-indent: 50px;
    margin: 10px;
}

pre {
    background: #fff;
    border: 1px solid #cfcfcf;
    margin: 10px;
    padding: 10px;
    width: 680px;
}

blockquote {
    background: #cfcfcf;
    border: 1px dashed #fff;
    padding: 10px 20px;
    width: 600px;
}

a {
    color: #666;
    font-style: oblique;
    text-decoration: none;
}

a:hover, a:active, a:visited { color: #888; }
a:hover { text-decoration: underline; }

/* COMMENTS */

.comment-head {
    background: #e6e6e6;
    text-align: left;
    width:740px;
    height: 22px;
    padding: 4px 30px;
    margin: 60px auto 0px auto;
    text-align: left;
    font-size: medium;
    font-weight: bold;
}

.comment {
    text-align: left;
    width: 740px;
    padding: 30px;
    margin: 0 auto;
    border-color: #e6e6e6;
    border-style: solid none none;
}

.commentalex {
    background: #e6e6e6;
    text-align: left;
    width:740px;
    padding: 30px;
    margin: 0 auto;
    border-color: #e6e6e6;
    border-style: solid none none;
}

.form {
    padding: 30px 0;
}

.text {
    padding: 10px;
    margin: 20px 0 0;
}

.tag-rules {
    font-size: x-small;
    margin: 0 0 20px;
}