/*
 * Mobile CSS
 */

html, body, div, p, span, h1, h2, h3, h4, h5, h6, form, input, textarea, select, hr, iframe, table, th, tr, td, a, img, blockquote, ol, ul, li, button {
    margin: 0;
    padding: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: 100%;
    border: none;
}

ol, ul, li {
    list-style: none;
}

body {
    position: relative;
    margin: auto;
    padding: 0;
    width: 100%;
    height: 100%;
    background: #797569;
}
.inline-block {
    display: inline-block;
}

.clear {
    clear: both;
}

.no-mobile {
    display: none;
}

#wrapper {
    width: 100%;
}
    #header {
        padding-bottom: 20px;
        background: url('images/mobile-header.jpg') repeat-x bottom #605c5c;
    }
        #menu {
            width: 100%;
            height: 50px;
            background: url('images/mobile-menu.gif') no-repeat top right #252324;
            cursor: pointer;
        }
        #header ul {
            display: none;
            margin: 0 auto;
            width: 95%;
            border: solid #747474;
            border-width: 1px 1px 0;
            background: #252324;
        }
            #header ul li a {
                display: block;
                padding: 5px;
                font: 110% Arial, Helvetica, sans-serif;
                border-bottom: 1px solid #747474;
                color: #fff;
                text-decoration: none;
                font-weight: normal;
            }
            #header ul ul {
                width: 100%;
                border: none;
                display: block;
            }
        a#logo {
            display: block;
            padding-top: 20px;
            font: 200% "Coda Caption", Impact, sans-serif;
            line-height: 50%;
            color: #eaeaea;
            text-align: center;
            text-transform: uppercase;
            text-decoration: none;
        }
            a#logo span {
                font: 35% Syncopate;
            }

    #icons {
        padding: 10px 0;
        width: 100%;
        text-align: center;
        background: #443f42;
        border: solid #888;
        border-width: 1px 0;
    }
        #icons img {
            margin: 0 1%;
            padding: 3px;
            background: #252324;
            border: 1px solid #ccc;
        }

    #slogans {
        padding: 20px 0;
        font: 200% "Coda Caption", Arial, Helvetica, sans-serif;
        color: #3a3430;
        text-align: center;
        text-transform: uppercase;
        line-height: 50%;
        background: url('images/mobile-linen.jpg') repeat;
        border-bottom: 7px solid #3a3430;
        letter-spacing: -4px;
    }
        #slogans span {
            font: 50% Arial, Helvetica, sans-serif;
            color: #fff;
            letter-spacing: 1px;
        }

    #cta {
        padding: 10px 0;
        width: 100%;
        background: #3a3839;
        font: 180% Arial, Helvetica, sans-serif;
        text-align: center;
        text-transform: uppercase;
        color: #b3c25e;
        line-height: 95%;
        vertical-align: baseline;
    }
        #cta span {
            position: relative;
            top: -5px;
            font-size: 50%;
            color: #fff;
        }
        #cta span, #cta p {
            padding: 0 5px;
        }

    #content {
        padding: 10px;
    }
        #content {
            color: #fff;
            font: 100% Arial, Helvetica, sans-serif;
        }
            #content p, #content p.page-title, #content ul, #content h2, #content h3 {
                padding: 5px 0;
                line-height: 130%;
            }
            #content h1 {
                color: #b3c25e;
                font-size: 120%;
            }
            #content p.page-title {
                margin-bottom: 10px;
                width: 100%;
                border-bottom: 1px solid #3a3430;
                color: #3a3430;
                font-size: 110%;
                font-weight: bold;
            }
            #content ul {
                padding-left: 35px;
            }
                #content li {
                    list-style: disc;
                    line-height: 130%;
                }
            #content a {
                color: #b3c25e;
            }
            #content .post, #content .page {
                padding-bottom: 15px;
                margin-bottom: 15px;
                border-bottom: 1px solid #3a3839;
            }
                #content .post .entry-title #content .page .entry-title {
                    font-size: 110%;
                    font-weight: bold;
                }
                #content .date_box {
                    display: none;
                }
                .entry-meta, .entry-utility {
                    padding: 10px 0 0;
                    font-size: 80%;
                }
                #content hr {
                    margin: 10px 0;
                    height: 1px;
                    background: #3a3430;
                }
            #content input[type="text"], #content textarea {
                margin: 3px 0;
                padding: 5px;
                width: 300px;
            }

    #footer {
        padding: 20px 0;
        width: 100%;
        background: #3a3839;
        font: 90% Arial, Helvetica, sans-serif;
        line-height: 120%;
        color: #fff;
        text-align: center;
    }
        #footer p {
            line-height: 120%;
        }
        #footer h3 {
            display: none;
        }
        #footer span.org {
            font: 110% "Coda Caption", sans-serif;
            color: #b3c25e;
        }

    #footerBottom {
        padding: 10px;
        color: #a9a9a9;
        font: 85% Arial, Helvetica, sans-serif;
        background: #252324;
    }
        #footerBottom p {
            padding: 5px 0;
        }
            #footerBottom a {
                color: #b3c25e;
            }