* { margin: 0px; padding: 0px; }
/*.clearboth { clear: both; visibility: hidden; }*/

body { background: #009534 url(images/bg.png) top center repeat-x; font-size: 62.5% }

/* default */
a { color: #BBBBBB; }
img { border: 0px }
p { color: #444444; }
/* end of default */

#container { margin: 0px auto; width: 780px; background: url(images/container-bg.png) repeat-y; font-family: Trebuchet MS, Verdana, Arial; padding: 0px 11px 0 }

a { text-decoration: none; }
a:hover { text-decoration: underline; }

#header { width: 780px; height: 177px; }
    #header h1 { display: none; }

#wrap { background: url(images/main-bg.png) no-repeat; }

#main {   }
    /* LEFT AREA -> POST */
    #main .left { float: left; padding: 34px 15px 166px 15px;width: 493px; background: #FFF url(images/bottom.jpg) bottom center no-repeat; }
        #main .left h2 { color: #157c43; font-size: 2.2em; font-weight: normal; }
        #main .left h2 a { color: #157c43; }
        #main .left img { vertical-align: middle; margin-right: 5px }

        #main .left .details { color: #bbbbbb; font-size: 1.1em }
            #main .left .details a { color: #777777; }
                #main .left .details a.category { margin-left: 8px; margin-right: 15px }

        #main .left .post { color: #444444; font-size: 1.4em; margin-top: 16px; margin-bottom: 20px; }

    /* RIGHT AREA -> BLOG NAVIGATION */
    #main .right { float: right; width: 215px; padding-right: 10px; padding-top: 202px; margin-bottom: -20px }
        #main .right label { color: #444444; font-size: 1.3em }
        #main .right p { color: #FFF; font-size: 1.2em; margin-bottom: 20px }
        #main .right a { color: #000; }

#bottom { clear: both; width: 780px; height: 134px; background: url(images/bottom.jpg) no-repeat; }


/* Begin Comments*/

#comments { font-size: 1.3em; }
.alt {
    margin: 0;
    padding: 10px;
    }

.commentlist {
    padding: 0;
    text-align: justify;
    }

.commentlist li {
    margin: 15px 0 3px;
    padding: 5px 10px 3px;
    list-style: none;
    }

.commentlist p {
    margin: 10px 5px 10px 0;
    }

#commentform p {
    margin: 5px 0;
    color: #BBBBBB;
    }

#commentform textarea { width: 480px;  }

#commentform input, #commentform textarea  { padding: 0 2px; color: #666666; }

.nocomments {
    text-align: center;
    margin: 0;
    padding: 0;
    }

.commentmetadata {
    margin: 0;
    display: block;
    }

.commentlist li, #commentform input, #commentform textarea {
    font: 1.2em 'Lucida Grande', Verdana, Arial, Sans-Serif;
    }

.commentlist li {
    font-weight: bold;
    }

.commentlist li .avatar {
    float: right;
    border: 1px solid #eee;
    padding: 2px;
    background: #fff;
    }

.commentlist cite, .commentlist cite a {
    font-weight: bold;
    font-style: normal;
    font-size: 1.1em;
    }

.commentlist p {
    font-weight: normal;
    line-height: 1.5em;
    text-transform: none;
    }

#commentform p {
    font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
    }

.commentmetadata {
    font-weight: normal;
    }

/* End Comments */


ul.categories { list-style: none; }
ul.categories li { list-style: none; font-size: 22px; color: #C6CED0; }
ul.categories li.cat-item { font-size: 12px; color: #157C43; }
