$Helvetica: 'Helvetica Neue', Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;

body.blog-site {
    article.snipt {
        div.group {
            div.container {
                width: 708px;

                header {
                    min-height: 0;

                    h1 {
                        margin: 11px 15px;
                    }
                }
            }
        }
    }
    section.main {
        div.ruler {
            z-index: 50;
        }
        aside.main {
            nav.footer {
                ul.powered {
                    border-top: 1px solid #DDDDDD;
                    margin-top: 20px;
                    padding-top: 20px;

                    li {
                        background: transparent url('/static/images/favicon.png') center left no-repeat;

                        a {
                            border: none;
                            color: #3E6B73;
                            font-style: italic;

                            &:hover {
                                border-bottom: 1px solid #333;
                                color: #333;
                            }
                        }
                    }
                }
            }
            section.sidebar {
                margin-left: 15px;

                p {
                    line-height: 16px;
                    margin-bottom: 15px;
                }
                a {
                    &:hover {
                        text-decoration: none;
                    }
                }
            }
        }
    }
    header.main {
        background: transparent url('/static/images/blog-header-bg.png') top left repeat;
        height: auto;

        div.inner {
            height: auto;

            h1 {
                float: none;
                position: static;

                a {
                    background: none;
                    border-bottom: 2px solid transparent;
                    color: #2A535C;
                    font: normal 30px $Helvetica;
                    height: auto;
                    letter-spacing: -1px;
                    line-height: 30px;
                    margin: 17px 0 17px 16px;
                    text-decoration: none;
                    text-indent: 0;
                    width: auto;
                    -webkit-transition: border .08s linear;
                    -moz-transition: border .08s linear;
                    -o-transition: border .08s linear;
                    transition: border .08s linear;

                    &:hover {
                        border-bottom: 2px solid #3A5E67;
                    }
                }
            }
        }
    }
    header.sub {
        div.inner {
            z-index: 51;
        }
    }
}
body.blog-detail {
    section.main {
        div.inner {
            section.snipts {
                article.snipt {
                    div.container {
                        width: 939px;
                    }
                }
            }
        }
    }
    div#disqus_thread {
        width: 925px;
    }
    header.sub {
        div.inner {
            ul.bcrumb {
                width: 923px;
            }
        }
    }
}