/*
Theme Name: Twenty Twelve Child
Template: twentytwelve
Theme URI: http://wordpress.org/themes/twentytwelve
Author: the WordPress team
Author URI: http://wordpress.org/
Description: The 2012 theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background.
Version: 1.3.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, gray, white, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: twentytwelve

Customed for Pequea Township by Jason Sceski, 2014
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

body, body.custom-font-enabled {
    font-family: "Palatino Linotype", Palatino, serif;
    color: #444444;
}

    body .site {
        padding: 0;
        margin: 0 auto 12px auto;
        max-width: 950px;
    }
a {
    outline: none;
    color: #000;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
}

.entry-content a, .entry-content a:visited {
    color: #333333;
}

    a:hover, .entry-content a:hover {
        color: #2c6f46;
        text-decoration: underline;
    }

hr {
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #2c6f46;
    background-color: none;
    height: 1px;
    margin: 10px 0;
}

.entry-content table {
    color: #333;
    border-spacing: 4px;
    border-collapse: separate;
    line-height: normal;
    border-bottom: 0 none transparent;
    margin: 0;
}

    .entry-content table th, .entry-content table td {
        line-height: normal;
        padding: 3px;
        font-size: 12px;
    }

    .entry-content table td {
        color: #000;
        background-color: #e8ebe5;
        text-indent: 0;
    }

    .entry-content table th {
        color: #333;
        background-color: #77aa46;
        text-indent: 0;
        text-transform: uppercase;
        font-weight: bold;
    }

    .entry-content table.emergency th {
        color: #111;
        background-color: #ff3333;
    }

.entry-content li,
.comment-content li,
.mu_register li {
    margin-left: 20px;
}

.site-header {
    padding: 0;
    line-height: 0;
}

img.header-image {
    margin-top: 0;
    border-radius: 0;
    box-shadow: none;
    width: 100%;
}

    img.header-image.full {
        display: none;
    }

    img.header-image.responsive {
        display: block;
    }

.menu-toggle {
    margin: 10px;
    padding: 6px 10px;
    font-size: 14px;
}

.main-navigation {
    margin-top: 0;
    background-color: #346F49;
    text-align: center;
}

    .main-navigation ul {
        width: 100%;
    }

        .main-navigation ul.nav-menu {
            width: 200px;
            padding-bottom: 10px;
        }

    .main-navigation li {
        width: 200px;
        text-align: left;
        margin-top: 0;
        line-height: normal;
    }

        .main-navigation li a {
            color: #e2e6d8;
            line-height: normal;
            text-transform: none;
            padding: 4px;
            padding-left: 14px;
            background-color: #346F49;
            cursor: pointer;
            font-size: 14px;
            text-decoration: none;
            display: block;
        }

        .main-navigation li ul li a {
            padding-left: 24px;
        }

        .main-navigation li a:hover {            
            color: #1D492E;
            background-color: #B7CDBF;
            text-decoration: underline;
        }

    .main-navigation .current-menu-item > a,
    .main-navigation .current-menu-ancestor > a,
    .main-navigation .current_page_item > a,
    .main-navigation .current_page_ancestor > a {
        color: #EEE;
        background-color: #459260;
        font-weight: normal;
    }

.widget-area {
    margin: 0;
}

    .widget-area#secondary {
        width: 100%;
        min-height: 0;
        position: relative;
    }

    .widget-area .widget {
        margin: 15px 13px 25px 15px;
        padding-bottom: 0px;
    }

        .widget-area .widget a,
        .widget-area .widget a:visited {
            font-weight: bold;
            color: #333;
        }

            .widget-area .widget a:hover {
                font-weight: bold;
                color: #2c6f46;
            }

    .widget-area .widget-title {
        border-style: dotted;
        border-width: 2px 0;
        border-color: #2C6F46;
        padding: 8px 0 7px;
    }

    .widget-area .widget-title,
    .widget-area .widget h3 {
        margin: 6px 0 12px;
    }

    .widget-area .widget.hide-me {
        display: none;
    }

    .widget-area .widget.emergency-management:after {
        clear: both;
    }

    .widget-area .widget.emergency-management {
        margin-bottom: 0;
    }

        .widget-area .widget.emergency-management .left {
            width: 20%;
            float: left;
            margin-bottom: 20px;
            text-align: center;
        }

        .widget-area .widget.emergency-management .right {
            width: 75%;
            margin-right: 5%;
            float: left;
            margin-bottom: 20px;
        }

    .widget-area .widget.announcements {
        width: 180px;
    }

        .widget-area .widget.announcements .widget-title {
            display: none;
        }

        .widget-area .widget.announcements div.header {
            height: 20px;
            width: 100%;
            background-image: url(images/announce_inset_bar.gif);
            background-repeat: no-repeat;
        }

        .widget-area .widget.announcements div.announcement {
            padding: 5px 8px;
        }

        .widget-area .widget.announcements .textwidget {
            border-bottom: 1px solid #A9CA4A;
            background-image: url(images/mid_inset_bgd.gif);
            background-repeat: repeat-y;
        }

    .widget-area .widget p,
    .widget-area .widget li,
    .widget-area .widget .textwidget {
        font-size: 14px;
        line-height: 17px;
    }

    .widget-area .widget p,
    .widget-reminder .textwidget p {
        line-height: 17px;
        margin-bottom: 15px;
    }

.widget-reminder {
    width: 100%;
}

    .widget-reminder .widget-title {
        margin-top: 0;
    }

img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {
    max-width: 950px;
}

img.wp-post-image {
    display: none;
}

.entry-content img,
.comment-content img,
.widget img {
    max-width: 100% !important;
}

.site-content {
    margin-top: 0;
    padding: 20px;
    padding-bottom: 0;
}

    .site-content.slideshow {
        padding: 0;
    }

        .site-content.slideshow .entry-header {
            display: none;
        }

    .site-content article {
        border-bottom: 0 none transparent;
        margin: 0;
        padding: 0;
    }

    .site-content article, .widget-area .widget {
        -webkit-hyphens: none;
        -moz-hyphens: none;
        hyphens: none;
        word-wrap: normal;
    }

    .site-content iframe.map {
        width: 100%;
        height: 300px;
    }

body .site-content p.calendar iframe,
body.home .site-content p.calendar iframe {
    display: none;
}

body .site-content p.calendar a,
body.home .site-content p.calendar a {
    display: block;
}

.entry-header {
    margin-bottom: 0;
}

.entry-content img,
.comment-content img,
.widget img,
img.header-image,
.author-avatar img,
img.wp-post-image {
    border-radius: 0;
    box-shadow: none;
}

.entry-content,
.entry-summary,
.mu_register {
    line-height: 17px;
}

    .entry-content p,
    .entry-summary p,
    .comment-content p,
    .mu_register p {
        margin: 0;
        padding-bottom: 15px;
        line-height: 17px;
    }

    .entry-content h1,
    .comment-content h1,
    .entry-content h2,
    .comment-content h2,
    .entry-content h3,
    .comment-content h3,
    .entry-content h4,
    .comment-content h4,
    .entry-content h5,
    .comment-content h5,
    .entry-content h6,
    .comment-content h6 {
        margin: 0;
    }

    .entry-content h1,
    .comment-content h1 {
        color: #444;
        font-family: Gill Sans,Verdana;
        font-size: 11px;
        letter-spacing: 0px;
        line-height: 14px;
        margin-top: 2px;
        padding: 8px 0;
        text-transform: uppercase;
    }

    .entry-content h2,
    .comment-content h2,
    .mu_register h2 {
        color: #444;
        font-size: 16px;
        font-weight: bold;
        letter-spacing: 1px;
        line-height: 44px;
        padding-bottom: 6px;
    }

    .entry-content h3,
    .comment-content h3,
    .entry-header .entry-title {
        color: #2c6f46;
        font-size: 28px;
        font-weight: bold;
        line-height: 23px;
        padding: 2px 0 12px;
    }

    .entry-content h4,
    .comment-content h4 {
        color: #333;
        font-size: 24px;
        font-weight: bold;
        letter-spacing: 1px;
        line-height: 28px;
        padding-bottom: 6px;
    }

    .entry-content h5,
    .comment-content h5 {
        font-size: 20px;
        color: #2C3159;
        font-weight: bold;
        line-height: 24px;
        padding: 8px 0 12px;
    }

    .entry-content h6,
    .comment-content h6,
    .widget-title {
        color: #2c6f46;
        font-size: 16px;
        font-weight: lighter;
        letter-spacing: 3px;
        line-height: 20px;
        margin: 7px 0 4px;
        text-transform: none;
    }

    .entry-content h7,
    .comment-content h7 {
        color: #197C60;
        font-size: 24px;
        font-weight: bold;
        letter-spacing: -1px;
        line-height: 28px;
        padding-bottom: 0 0 6px;
    }

footer[role="contentinfo"] {
    height: 50px;
    width: 100%;
    border: 0 none transparent;
    clear: both;
    margin: 0;
    padding: 0;
    text-align: center;
}

    footer[role="contentinfo"], footer[role="contentinfo"] .widget-area {
        font-family: "Palatino Linotype", Palatino, serif;
        color: #F0F0F0;
        background-color: #000;
        margin: 0;
    }

        footer[role="contentinfo"] .widget-area .widget p,
        footer[role="contentinfo"] .widget-area .widget li,
        footer[role="contentinfo"] .widget-area .widget .textwidget {
            letter-spacing: 1px;
            line-height: 15px;
            font-size: 10px;
            margin: 0;
        }

        footer[role="contentinfo"] .widget-area .widget a {
            color: #fff;
            text-decoration: none;
        }

            footer[role="contentinfo"] .widget-area .widget a:hover {
                color: #ccc;
            }

        footer[role="contentinfo"] .widget {
            padding: 0;
            margin: 0;
        }

        footer[role="contentinfo"] .widget_text.widget > div {
            line-height: 2;
        }

footer.entry-meta {
    margin-top: 0;
}

#footer-widgets {
    width: 100%;
    border-top: none;
    padding: 10px 0;
}

    #footer-widgets .widget {
        width: 100%;
    }

/* for IE8 and IE7 */
.ie #footer-widgets .widget {
    float: left;
    width: 98%;
    clear: none;
}

/* Minimum width of 600 pixels. */
@media screen and (min-width: 600px) {
    img.header-image.full {
        display: block;
    }

    img.header-image.responsive {
        display: none;
    }

    body, body .site {
        background-color: #e2e6d8;
        margin-bottom: 0;
    }

        body .site {
            padding: 0;
        }

        body #main {
            background-image: url(images/ptcontainerbackground.jpg);
            background-repeat: repeat-y;
            position: relative;
        }

        body.template-front-page #main,
        body.attachment #main,
        body.full-width #main,
        body.full-width-no-padding #main {
            background-image: url(images/ptcontainerbackgroundfull.jpg);
        }

        body.full-width-no-padding .site-content {
            width: 100%;
        }

        body .site-content p.calendar iframe,
        body.home .site-content p.calendar iframe {
            display: block;
        }

        body .site-content p.calendar a,
        body.home .site-content p.calendar a {
            display: none;
        }

    .main-navigation {
        text-align: left;
    }

        .main-navigation ul,
        .main-navigation li a {
            width: auto;
        }

            .main-navigation ul.nav-menu {
                padding-bottom: 0;
                width: 100%;
            }

        .main-navigation li {
            margin-right: 0;
            float: left;
            padding: 0;
            width: auto;
            font-size: 100%;
        }

            .main-navigation li a,
            .main-navigation li {
                font-size: 100%;
                text-decoration: none;
            }

        .main-navigation ul.nav-menu,
        .main-navigation div.nav-menu > ul {
            border-bottom: 0 none transparent;
            border-top: 0 none transparent;
        }

        .main-navigation li a {
            margin-left: 4px;
            padding: 8px 4px;
        }

        .main-navigation li ul li a {
            padding: 8px 8px;
        }

        .main-navigation ul li ul li a {
            width: 115px;
        }

        .main-navigation li ul li a {
            background-color: #346F49;
            border-bottom: none;
            line-height: normal;
            white-space: nowrap;
        }

            .main-navigation li ul li a:hover {
                text-decoration: underline;
                color: #1D492E;
                background-color: #B7CDBF;
            }

    .widget-area {
        margin-top: 24px;
    }

        .widget-area#secondary {
            float: left;
            margin: 0;
            width: 207px;
            min-height: 600px;
            position: absolute;
			top: 0;
        }

        .widget-area .widget.emergency-management .left {
            width: 40px;
            text-align: left;
        }

        .widget-area .widget.emergency-management .right {
            width: 130px;
        }

    .site-content {
        width: auto;
        min-height: 600px;
        margin-left: 207px;
        padding-bottom: 20px;
    }

        .site-content.slideshow {
            margin-left: 0;
        }


        .site-content iframe.map {
            height: 550px;
        }
}

/* Minimum width of 950 pixels. */
@media screen and (min-width: 950px) {
    body .site {
        margin-top: 0;
        box-shadow: none;
        padding: 0;
    }

    body .site-content p,
    body .site-content p.calendar,
    body.home .site-content p.calendar {
        width: 700px;
    }

    body.home .site-content p {
        width: 500px;
    }

    body.home .site-content .widget-reminder p {
        width: 100%;
    }

    .widget-reminder {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: 159px;
        margin: 20px;
    }

        .widget-reminder hr {
            display: none;
        }

        .widget-reminder .widget-title {
            margin-top: 7px;
        }

    .entry-content table th {
        text-indent: 4px;
    }

    footer[role="contentinfo"] {
        width: 950px;
    }
}

@media screen and (min-width: 760px) {
    .main-navigation li a {
        margin-left: 10px;
        padding: 8px 8px;
    }
}

@media screen and (min-width: 840px) {
    .main-navigation li a, .main-navigation li ul li a {
        padding: 8px 12px;
    }
}

@media screen and (min-width: 920px) {
    .main-navigation li a, .main-navigation li ul li a {
        padding: 8px 18px;
    }
}