/* small */
@media only screen and (max-width : 640px) {

        body {
            max-width: 100%;
            overflow-x: hidden;
            min-width: 305px;
        }
        img {
            max-width: 100%;
        }
        h1 {
            font-size: 1.6em;
        }
        #branding {
            background: none repeat scroll 0 0 #f6f6f6;
            height: 5.5em;
            left: 0;
            position: fixed;
            top: 0;
            width: 100%;
        }
        #site-title img {
            left: 0.5em;
            min-width: 100px;
            position: relative;
            top: .5em;
            width: 55%;
        }
        #social {
            display: none; /* hide it for now, in the way
            right: 10em;
            top: 0.25em;
            */
        }
        .tinynav {
            display: block; 
        }
        #access ul {
            display: none;
        }
        #service-menu ul {
            display: none;
        }
        #access select {
            display: none;
        }
        #navholder {
            background: #06759A;
            border: 2px solid #84E0FF;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            -ms-border-radius: 10px;
            border-radius: 10px;
            -moz-box-shadow: 0 2px 2px #BBBBBB;
            -webkit-box-shadow: 0 2px 2px #BBBBBB;
            -ms-box-shadow: 0 2px 2px #BBBBBB;
            box-shadow: 0 2px 2px #BBBBBB;
            display: block;
            height: 2em;
            margin: 0 auto;
            position: relative;
            text-align: center;
            top: 5.5em;
            width: 94%;
        }
        #navholder li {
            color: #fff;
            height: 2em;
            list-style: none outside none;
            text-shadow: 1px 1px 0 #EEEEEE;
            width: 100%;
        }
        #navholder span {
            color: #fff;
            display: block;
            position: relative;
            top: 0.5em;
            width: 100%;
            text-shadow: 1px 1px 0 #333;
        }
        #menus-single {
            background: none repeat scroll 0 0 #888888;
            border: 2px solid #fff;
            -webkit-border-radius: 10px;
            border-radius: 10px 10px 10px 10px;
            display: none;
            margin: 0 3%;
            opacity: 0.95;
            position: absolute;
            top: 7.75em;
            width: 93%;
            z-index: 999999;
            -webkit-box-shadow: 0px 2px 7px;
            box-shadow: 0px 2px 7px;
        }
        #menus-single ul {
            height: 1.9em;
            margin-left: -4%;
            margin-right: 4%;
        }
        #menus-single li {
            display: none;
        }
        #menus-single option:nth-child(2) {
            font-size: 1em;
            font-weight: bolder;
            text-decoration: underline;
        }
        #service-menu {
            right: 1.25em;
            top: -.7em;
        }
        #service-menu select, #menus-single select {
            background: #06759A;
            border: 1px solid #fff;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            -ms-border-radius: 5px;
            border-radius: 5px;
            -moz-box-shadow: 1px 1px 2px #000;
            -webkit-box-shadow: 1px 1px 2px #000;
            -ms-box-shadow: 1px 1px 2px #000;
            box-shadow: 1px 1px 2px #000;
            color: #fff;
            display: block;
            height: 2em;
            left: 0.875em;
            padding: 0.3125em;
            text-align: center;
            width: 99%;
        }
        #service-menu select {
            position: relative;
            right: 0;
            top: 1.25em;
            width: 100%;
            background: transparent;
            color: #06759A;
            box-shadow: 0 2px 2px #BBBBBB;
            border: 1px solid #06759A;
        }
        #service-menu option {
            color: #06759A !important;
            width: 90%;
        }
        option:nth-child(1) {
            font-style: italic;
        }
        option {
            color: #fff !important;
            font-size: 1em;
            padding: .625em;
        }
        hgroup #searchform {
            position: absolute;
            right: -.95em;
            top: 4em;
        }
        hgroup #searchsubmit {
            display: none;
        }
        #searchform input {
            width: 100px;
            background: #ddd;
        }
        #top-banner {
            display: none;
        }
        #main {
            width: 98%;
            margin-top: 5.5em;
        }
        .page-title {
            margin-left: 0;
        }
        #primary {
            width: 99%;
        }
        .entry-content p, hr {
            width: 100%;
        }
        #nav-below {
            width: 100%;
        }
        /* rss credit and link */
        #homeleft {
            display: block;
            line-height: 1.15;
            margin: 0 auto 3em;
            padding: 0.5em;
            position: relative;
            top: 2em;
            width: 98%;
        }
        #homeright {
            display: none;
        }
        #blurb {
            display: none;
        }
        .widget-area {
            display: none;
        }
        .multi-column-taxonomy-list ul {
            float: none;
            margin: 0 auto;
            padding: 0;
            width: 96%;
        }
        .multi-column-taxonomy-list a {
            border: medium none;
            color: #06759A;
            display: block;
            margin: 0 0 0.625em;
            padding: .3125em;
        }
        div.multilistings {
            width: 99%;
        }
        #advertise {
            min-height: 60em;
            
        }
        #contact {
            min-height: 132em;
        }

}