/* page */

html {
    margin: 0;
    padding: 0;
}

body {
    font: 1em optima, georgia, sans-serif;
    color: #ccc;
    background: #000 url(bg.jpg) fixed no-repeat top left;
    margin: 0;
    padding: 0;
}

p {
    text-align: justify;
}

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

a.comment {
    color: #777;
    font-size: 0.7em;
    font: italic normal;
    text-decoration: none;
}

a:hover, a:active {
    text-decoration: underline;
}


/* sections */

#container {
    padding: 35px;
    float: left;
}

#credits {
    margin-left: 29px;
    font: .6em optima, georgia, sans-serif;
    color: #ccc;
    background: #000;
    opacity: 0.8;
    text-align: center;
}

#posts {
    padding: 20px;
    max-width: 525px;
    float: right;
}


#list {
    margin-left: 25px;
    float: left;
}

#list ul {
    line-height: 2em;
}

#list li {
    list-style: circle outside;
}


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

#list a:visited {
    color: #ddd;
    text-decoration: none;
}
/* discus */

#dsq-recentcomments {
    max-width: 325px
}

ul.dsq-widget-list {
    padding-left: 30px
}

/* styles */

.date {
    font: italic;
    font-size: .7em;
    color: #777;
}


.post {
    border-width: 1px;
    border-color: #222;
    line-height: 1.3em;
}

.post h3 {
    font: bold 1em optima, georgia, sans-serif;
    line-height: 1em;
}

.post p {
    font: 1em optima, georgia, sans-serif;
    color: #ddd;
}

.post a:link {
    color: #fff;
    text-decoration: underline;
}

.post a:visited {
    color: #fff;
    text-decoration: underline;
}