/* HEADINGS */
h1{
    margin-bottom:.2em;
    padding-bottom:.2em;
    font-size:1.6em;
    font-family: Helvetica, Arial, Verdana, Geneva, sans-serif;
    font-weight:700;
    color:#000;
    }

h2{
    margin-bottom:.2em;
    padding-bottom:.2em;
    font-size:.94em;
    line-height:1.2em;
    font-family: Helvetica, Arial, Verdana, Geneva, sans-serif;
    font-weight:700;
    border-bottom:1px solid #222;
    color:#333;
    }

/* PAGE LAYOUT */
body {
    width:100%;
    margin:0;
    padding:0;
    background-color:#FFDD33;
    text-align:center;
    }

    #page_wrapper{
        width:760px;
        margin:0 auto;
        font-family: Helvetica, Arial, Verdana, Geneva, sans-serif;
        font-size: 1.1em;
        line-height:1.6em;
        text-align:left;
        }

/* HEADER */
    #header{
        margin-top:.5em;
        }

        #header_logo{
            width:100%;
            }

        #header_logo h3{
                margin-top:-.5em;
                margin-bottom:.2em;
                line-height:1em;
                font-size:.95em;
                font-family: Helvetica, Arial, Verdana, Geneva, sans-serif;
                font-weight:700;
                color:#000;
                }

        #header_ads{
            float:left;
            width: 470px; /* for 468px ad sizes */
            text-align:center;
            }

/* CONTENT */
    #comic{
        margin-top:.5em;
        }

    .nav_wrapper{
        margin-top:.5em;
        }

        .nav_comic{
            float:left;
            width:490px;
            padding:6px;
            margin-right:6px;
            border:1px solid #000;
            background-color:#FFAA00;
            }

            /* COMIC NAVIAGATION LIST */
            .nav_comic ul{
                margin: 0;
                padding: 0;
                list-style-type: none;
                }

            .nav_comic li{
                display:inline;
                margin-right:.6em;
                padding:.3em .6em;
                border:1px solid #000;
                list-style-type: none;
                font-size:.94em;
                color:#FFF;
                background: url("images/nav_bg.jpg") repeat-x 0 50%;
                }
                
.nav_comic a:link {
    color:#FF6600;
    font-size:1em;
    text-decoration:none;
}
    
.nav_comic a:visited {
    color:#FF6600;
    font-size:1em;
    text-decoration:none;
}

.nav_comic a:hover {
    color:#777;
    font-size:1em;
    text-decoration:underline;
}

.nav_comic a:active {
    color:#777;
    font-size:1em;
    text-decoration:underline;
}

        .nav_rss{
            float:left;
            width:230px;
            padding:6px;
            margin-left:6px;
            border:1px solid #000;
            background-color:#FFAA00;
            }

             /* RSS NAVIGATION LIST */
             .nav_rss ul{
                margin: 0;
                padding: 0;
                list-style-type: none;
                font-size:.70em;
                }

            .nav_rss li {
                display:inline;
                margin-right:12px;
                list-style-type: none;
                }

            .nav_rss li a {
                padding: 0 0 0 18px;
                background: url("images/feed.jpg") no-repeat 0 50%;
                list-style-type: none;
                }

    #content_wrapper{
        margin-top:.5em;
        }

        #column_left{
            float:left;
            width:170px;
            padding:6px;
            margin-right:6px;
            border:1px solid #000;
            background-color:#FFAA00;
            }

            /* NEWS ITEMS */
            .side_news h3, #side_comments h3{
                font-size:1.1em;
                color:#000;
                margin-bottom:-.2em;
                }

            .side_news h5{
                font-size:.78em;
                color:#000;
                margin-bottom:-1.6em;
                }

            .side_news ul,#side_comments ul{
                margin: 0;
                padding: 0;
                list-style-type: none;
                font-size:.68em;
                }

            .side_news li,#side_comments li{
                list-style-type: none;
                padding-bottom:.3em;
                margin-bottom:.3em;
                border-bottom:1px dotted #000;
                line-height:1.4em;
                color:#000;
                }

            #side_comments h3{
                font-size:.84em;
                margin-top:-1.2em;
                color:#000;
                }

            #l_side_ads, #r_side_ads{
              margin-top:1em;
            }

        #column_center{
            float:left;
            width:368px;
            padding:6px;
            padding-top:0;
            }

            /* COMMENTS */
            #comments{
                padding:6px;
                border:1px solid #242424;
                }

            #comments h3{
                font-size:.60em;
                color:#000;
                margin-top:-1.4em;
                font-style:normal;
                }

            #comments ul{
                margin: 0;
                padding: 0;
                list-style-type: none;
                font-size:1.1em;
                font-style:normal;
                }

            #comments li{
                list-style-type: none;
                padding:.5em;
                margin-bottom:.5em;
                line-height:1.4em;
                color:#000;
                background-color:#FFAA00;
                }

            .noComments{
                padding:.5em;
                margin-bottom:.5em;
                font-size:.60em;
                color:#000;
                font-style:normal;
                }

            /* COMMENT FORM */
            #comments_form td{
                padding:.2em;
                margin-bottom:1em;
                color:#000;
                font-size:.88em;
                }

            #comments_form input,#comments_form textarea,#comments_form select {
                font-size:1em;
                border:1px solid #000;
                }

            /* SUBPAGE CENTER */
                #subpage_center h2{
                    padding-top:0;
                    margin-top:.1em;
                    font-size:1.6em;
                    }

                #subpage_center form{
                    margin-bottom:1.2em;
                    }

                #subpage_center ul{
                    margin: 0;
                    padding: 0;
                    list-style-type: none;
                    font-size:.8em;
                    }

                #subpage_center li{
                    list-style-type: none;
                    padding-bottom:.5em;
                    margin-bottom:.5em;
                    border-bottom:1px solid #242424;
                    line-height:1.2em;
                    color:#000;
                    }

        #column_right{
            float:left;
            width:170px;
            padding:6px;
            margin-left:6px;
            border:1px solid #000;
            background-color:#FFAA00;
            }

            /* ARCHIVES */
            #side_archives ul{
                margin: 0;
                padding: 0;
                list-style-type: none;
                font-size:.7em;
                }

            #side_archives li{
                list-style-type: none;
                padding-bottom:.5em;
                margin-bottom:.5em;
                border-bottom:1px solid #1C1C1C;
                line-height:.9em;
                }

/* FOOTER */
    #footer{
        margin:.5em 0em;
        border-top:1px solid #242424;
        text-align:center;
        }

        #footer h4{
            font-size:.64em;
            font-weight:normal;
            color:#000;
            }

/* NAVIGATION */
a:link,a:visited {
    color:#AA3300;
    font-size:1em;
    text-decoration:none;
    }

a:hover,a:active {
    color:#777;
    font-size:1em;
    text-decoration:underline;
    }

/* MISC */
.clear {
    clear:both;
    height:1px;
    margin:0;
    border:none;
    padding:0;
    background:transparent;
    font-size:1px;
    }