img
    {border: 0; }

body
    { text-align: center; margin-top: 0; padding-top: 0; font: 14px tahoma, verdana, sans-serif; background: url('../gfx/bg.png') no-repeat top center; }

    #container
        { width: 884px; text-align: left; margin: auto; }

        h1
            { margin: 0; padding: 0; background: url('../gfx/top.jpg') no-repeat; }

            h1 a
                { display: block; height: 139px; text-indent: -5000px; }

        #menu
            { -moz-binding: url(fix.xml#menuFix); list-style: none; margin: 0; padding: 0; padding-left: 15px; background: url('../gfx/menu.png') no-repeat; height: 50px; font-size: 0.89em; }

            #menu li
                { display: inline; }

            #menu a
                { float: left; line-height: 50px; padding: 0 10px; color: #536C73; text-decoration: none; font-weight: bold; position: relative; }

                #menu a span
                    { padding: 6px 3px; background: none;  }

                #menu a:hover
                    { color: #FFF; }

                #menu a:hover span
                    { background: #1984E6; }

                    #menu a:hover span:after
                        { content: "x"; background: url('../gfx/menuCorners.png') no-repeat right center; position: absolute; right: 5px; text-indent: -5000px; float: left; width: 5px;  }

                    #menu a:hover span:before
                        { content: "x"; background: url('../gfx/menuCorners.png') no-repeat left center; position: absolute; left: 5px; text-indent: -5000px; float: left;  width: 5px;  }

        #page
            { background: url('../gfx/sidebar.png') repeat-y right; overflow: hidden; position: relative; }

            #content
                { margin-right: 243px; border-left: 1px solid #F0F0F0; min-height: 1200px; padding: 0 20px; font-size: 0.94em; overflow: hidden; }

                #content h2
                    { font-size: 1.2em; }

                #content a:link, #content a:active
                    { color: #2683BF; border-bottom: 1px solid #CCC; text-decoration: none; }

                #content a:visited
                    { color: #528EAE; border-bottom: 1px solid #CCC; text-decoration: none; }

                #content a:hover
                    { border: 0; text-decoration: none; }

                .entry
                    { padding: 20px 0; }

                .entry .meta
                    { font-size: 0.75em; background: url('../gfx/hr.png') repeat-x; padding-top: 10px; -moz-binding: url(fix.xml#floatFix); }

                    .entry .meta .comments
                        { float: right; }

                #comments
                    { margin-top: 30px; }

                    #comments h3
                        { text-align: right; padding-top: 20px; }

                    #clist
                        { list-style: none; padding: 0; margin: 0; }

                        #clist li
                            { margin: 0 0 20px 0; padding: 0; }

                            #clist .comment, #addComment .comment
                                { font-size: 0.75em; padding-top: 9px; margin-top: 4px; background: url('../gfx/hr.png') repeat-x; }

                            #clist .comment
                                { text-align: right; }

                                #clist a.permalink
                                    { float: left; }

                    #addComment textarea
                        { width: 99%; }

                    #addComment input.button
                        { float: right; }

                    input.box, textarea.box
                        { border: 1px solid #CCC; }

                        input.box:focus, textarea.box:focus
                            { border: 1px solid #666; }

                    #addComment input.box
                        { width: 120px; }

                    input.button
                        { border: 1px solid #1984E6; background: #60A4E6 url('../gfx/footer.png') center; font-weight: bold; color: #FFF; }

                    #addComment input.button
                        { float: right; }

                    #addComment label
                        { margin: 0 3px 0 5px; }

            #sidebar
                { position: absolute; right: 0; top: 0; width: 203px; padding: 20px; }

                #sidebar strong
                    { color: #206FB4; }

                #sidebar ul.links
                    { list-style: none; margin: 10px; padding: 0; }

                    #sidebar ul.links li
                        { margin: 0; padding: 0; }

                        #sidebar ul.links a
                            { padding: 2px 0 2px 12px; background: url('../gfx/sidebarLi.png') no-repeat left center; text-decoration: none; font-size: 0.84em; color: #424242; display: block; }

                            #sidebar ul.links a:hover
                                { text-decoration: underline; }

        #footer
            { height: 41px; background: url('../gfx/footer.png'); margin-left: 1px; line-height: 40px; }

            #footer a
                { text-decoration: none; color: #FFF; font-size: 0.75em; width: 20%; font-weight: bold; }

                #footer a:hover
                    { text-decoration: underline; }

            #prev
                { float: left; background: url('../gfx/prevActive.png') no-repeat left center; padding-left: 20px; margin-left: 8px; }

                .inactive#prev
                    { background-image: url('../gfx/prevInactive.png') !important; color: #CCC; }

            #next
                { float: right; margin-right: 251px; background: url('../gfx/nextActive.png') no-repeat right center; padding-right: 20px; text-align: right; }

                #next.inactive
                    { background-image: url('../gfx/nextInactive.png') !important; color: #CCC; }

        #copys
            { color: #2683BF; font-size: 0.69em; padding-top: 10px; }

            #copys p
                { margin: 0; }

                #copys a
                    { color: #2683BF; font-weight: bold }