body {
    background:     #353f49;
}

#pageheader {
    width:          732px;
    height:         80px;
    padding:        10px;
    
    background:     #353f49 url(./images/water5.jpg) no-repeat;
    color:          #cccccc;
    font:           normal 18px/2 "Helvetica", "Arial", sans-serif;

    letter-spacing: 5px;
        
    text-align:     right;
    vertical-align: middle;
    
    position:       absolute;
    top:            10px;
    left:           100px;
}  

#menubar {
    width:          742px;
    height:         24px;
    padding-left:   10px;

    color:          #cccccc;
    background:     #ffffff;
    font:           normal 10px/2.5 "Helvetica", "Arial", sans-serif;
    letter-spacing: 3px;
    
    text-align:     center;
    vertical-align: middle;
    
    position:       absolute;
    top:            110px;
    left:           100px;
    border-bottom:  1px dotted #cccccc;
}  


#left_menu {
    width:          120px;
    height:         1440px;;
    padding:        10px;

    background:     #ffffff;
    color:          #666666;
    font:           normal 10px/1.5 "Helvetica", "Arial", sans-serif;
    
    position:       absolute;
    top:            135px;
    left:           100px;
}

#right_menu {
    width:          120px;
    height:         1440px;
    padding:        10px;
    
    background:     #ffffff;
    color:          #666666;
    font:           normal 10px/1.5 "Helvetica", "Arial", sans-serif;

    float:          left;
    position:       absolute;
    top:            135px;
    left:           712px;
}

#centercontent {
    font:           normal 10px/1.4 "Helvetica", "Arial", sans-serif;
    width:          452px;
    min-height:     1440px;
    padding:        10px;
    float:          left;
    background:     #ffffff;
    color:          #666666;	
    border-left:    1px dotted #cccccc;
    border-right:   1px dotted #cccccc;
    position:       absolute;
    top:            135px;
    left:           239px;
}

#page_footer {
    width:          450px;
    height:         50px;
    background:     #ffffff;
    margin-top:     40px;
    border-top:     1px dotted #cccccc;
}

#VersionPicture {
    width:          160px;
    height:         120px;
    float:          right;
    padding:        1px;
    border:         1px solid #aa8800;
}

#VersionComment {
    height:         200px;
    border-bottom:  1px dotted #cccccc;
}

#good {
    background:     #cccccc url(./images/icon-good.png) no-repeat;
}

#bad {
    background:     #cccccc url(./images/icon-bad.png) no-repeat;
}

a {
    color:          #aa8800;
    cursor:         pointer;
    text-decoration:none;
}

a:hover {
    color:          #666666;
    cursor:         pointer;
}

a.navigate {
    color:          #aa8800;
    background:     #ffffff;
    text-decoration:none;
    padding-left:       20px;
    padding-right:      20px;
}

a.navigate:hover {
    color:          #666666;
    text-decoration:underline;
}

div.headline {
    font:           bold 10px/1 "Helvetica", "Arial", sans-serif;
    color:          #666666;
    background:     #cccccc;
    padding:        3px;
    margin-bottom:  3px;
    margin-top:     10px;
}

div.post_header span.post_header_left {

    font:           bold 12px/2 "Helvetica", "Arial", sans-serif;
    text-indent:    5px;
    float:          left;
    text-align:     left;
    letter-spacing: 1px;
    color:          #cccccc;
    background:     #ffffff url(./images/postheader.png) repeat-x;
    height:         22px;
    width:          50%;
    margin-bottom:  3px;
    position:       relative;
}

div.post_header span.post_header_right {
    font:           bold 12px/2 "Helvetica", "Arial", sans-serif;
    text-indent:    55px;
    text-align:     center;
    float:          right;
    color:          #cccccc;
    background:     #ffffff url(./images/postheader.png) repeat-x;
    height:         22px;
    width:          50%;
    margin-bottom:  3px;
    position:       relative;
}

div.post_text {
    font:           normal 10px/1.5 "Helvetica", "Arial", sans-serif;
    padding-top:    3px;
    padding-left:   0px;
    position:       relative;
}

div.grade {
    padding-top:    10px;

}

div.comment_hidden {
    visibility:     hidden;
    position:       relative;
    height:         0px;
    
}

div.comment_header {
    font:           normal 12px/1.2 "Georgia", "Times New Roman", serif;
    cursor:         default;
    color:          #505C7A;
    text-align:     right;
    padding-top:    10px;
    padding-bottom: 3px;
    padding-left:   10px;
    padding-right:  10px;
}

div.comment_form {
    background:     #ffffff;
    font:           normal 10px/1.0 "Lucida Sans", "Helvetica", "Arial", sans-serif;
    color:          #404240;
    text-indent:    0px;
    padding:        10px;
    border-top:     1px dotted #666666;
    border-bottom:     1px dotted #cccccc;        
}

div.post_comment_odd {
    background:     #faf3d7;
    font:           normal 10px/1.2 "Georgia", "Times New Roman", serif;
    color:          #666666;
    border-top:     1px dotted #666666;
    padding-top:    10px;
    padding-bottom: 10px;
    padding-left:   20px;
    padding-right:  20px;
    
}

div.post_comment_even {
    background:     #eeeeee;
    font:           normal 10px/1.2 "Georgia", "Times New Roman", serif;
    color:          #666666;
    border-top:     1px dotted #666666;
    padding-top:    10px;
    padding-bottom: 10px;
    padding-left:   20px;
    padding-right:  20px;
}

div.comment_headline {
    color:          #666666;
    font:           bold 10px/1.2 "Georgia", "Times New Roman", serif;

}

form.comment_form {
    font:           bold 10px/1.2 "Georgia", "Times New Roman", serif;
    color:          #505C7A;
    z-index:        2;
    position:       relative;
    top:            0px;
    left:           0px;
    padding-left:   10px;
}

input {
    font:           normal 10px/1.0 "Lucida Sans", "Helvetica", "Arial", sans-serif;
}

input.buttons {
    color:          #204040;
    font:           normal 8px/1.5 "Lucida Sans", "Helvetica", "Arial", sans-serif;;
    margin:         3px 0px 0px 0px;
}

input.comment_input {
    font:           normal 10px/1.0 "Lucida Sans", "Helvetica", "Arial", sans-serif;
    position:       relative;
    left:           0px;
    width:          120px;
}

textarea.comment_textarea {
    font:           normal 10px/1.0 "Lucida Sans", "Helvetica", "Arial", sans-serif;;
    position:       relative;
    left:           2px;
    width:          165px;
    height:         25px;
}

table.calendar {
    border:         0;
}

td.cal {

    border:         0px solid #cccccc;
}

td.cal_today {
    color:          #666666;
    background:     #cccccc;
}

img.smiley {
    width:          18px;
    height:         18px;
    vertical-align:middle;
}

img.image_thumb {
    width:          320px;
    height:         240px;
    padding:        1px;
    border:         1px solid #aa8800;
    cursor:         pointer;
}

img.image_gallery {
    width:          160px;
    height:         120px;
    padding:        1px;
    margin-top:     5px;
    border:         1px solid #aa8800;
    cursor:         pointer;
}

img.image_menu {
    width:          80px;
    height:         80px;
    padding:        1px;
    border:         1px solid #aa8800;
    cursor:         default;
    float:          right;
}
/* div.right_justified {
    text-align:     right;
} */