/*
Theme Name:AMS Cities
Author: Chris [AMS] Vinayak[PIXOINTERACTIVE]
Created:late 2014
Description: Custom theme created based on provided theme twentyfourteen. Includes custom archives and link roll, top horizontal navigation ect. CSS framework is based on "Bootstrap UI" to allow for Responsive design.
*/

@charset "utf-8";



img, object, embed, video {
    max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
    width:100%;
}

@import url('bootstrap/css/bootstrap.css');
@import url('bootstrap/css/bootstrap-responsive.css');


    ul, ol { margin: 1em 0; padding: 0.5em 0.5em 0 1.0em; list-style-type: none;list-style-image: none;}
    li{display:inline}
    .blogrollholder li{display:inline-block;line-height:2.0em}
    dd { margin: 0 0 0 40px; }
    nav ul, nav ol { list-style-type: none; list-style-image: none; margin: 0; padding: 0; }


    @media only screen and (min-width:320px){

        .contentholder{
            font-family: 'Arial';
            font-size: 14px;
        }
        .footWidgetHolder {
            background-color: #284e37;
            width: 20%;
            font-family: 'Oswald', sans-serif;
            font-weight: 400;
            display: table-cell;
            color: #FFF;
            vertical-align: top;
            /*padding: 0 0 1.5em 0;*/
            text-align: center;
        }

        .footWidget a:link, .footWidget a:visited, .footWidget a:hover {
            color: #ffffff;
            padding: .5em 1em .5 1em;
            text-decoration: none;
            font-size: 12px;

        }

        .mastheadlogo {
            /*margin-left: 12px auto 0px auto;*/
            margin-left: 3px;
            width: 95%;
            height: 110px;
        }
        h1 {
            font-size: 12px;
            margin: 0;
            padding: 8px;
            font-family: 'Oswald', sans-serif;
            font-weight: 400;
            text-align: left;
        }
        h4 {
            font-size: 0px;
            line-height: 0px;
            margin: 0px 0 0px 0;
            color: #284e37;
            padding: 0px 0px 0 0;
            font-family: 'Oswald', sans-serif;
            font-weight: 300;
            text-transform: uppercase;
        }
        h3{
            display:none;
        }
        .navbar {
            background-color: #284e37;
            height: 50px;
            border-top: 1px solid #FFF;
            padding: 0;
            text-align: left;
        }

        #navitem > li > a:link, #navitem > li > a:visited, #navitem > li > a:active {
            font-family: 'Oswald', sans-serif;
            font-size: 9.5px;
            text-transform: uppercase;
            color: #FFF;
            line-height: 25px;
            margin: 0;
            padding: 0 2px 0 5px;
            border-left: 1px solid #FFF;
            text-decoration: none;
        }
        .phonebar {
            color: #FFF;
            background-color: #000;
            text-align: center;
            padding: 0;
        }

        #navitem > li > a:hover {
            background-color: #000;
        }
        .blogrollholder {
            background-color: #284e37;
            width: 20%;
            font-family: 'Oswald', sans-serif;
            font-weight: 400;
            display: none;
            color: #FFF;
            vertical-align: top;
            /*padding: 0 0 1.5em 0;*/
            text-align: center;
        }

        .blogroll a:link, .blogroll a:visited, .blogroll a:hover {
            color: #ffffff;
            padding: 0em 0em 0 0em;
            text-decoration: none;
            display:table-cell;
            font-size: 12px;

        }
        .textwidget {
            margin: 0;
            font-size: 12px;
            padding: 13px;
            line-height: 120%
        }
        .blogtitle {
            font-size: 12px;
            line-height: 24px;
            color: #284e37;
            padding: 6px 12px 0 0;
            font-family: 'Oswald', sans-serif;
            font-weight: 300;
            text-transform: capitalize;

        }

        .blogtitle a:link, .blogtitle a:visited, .blogtitle a:hover {
            font-size: 14px;
            line-height: 24px;
            color: #284e37;
            padding: 6px 12px 0 0;
            font-family: 'Oswald', sans-serif;
            font-weight: 400;
            text-transform: capitalize;
            text-decoration: none;
        }
        .dateline {
            margin: 1em 0 1em 0;
            font-size: 12px;
            text-transform: uppercase;
            display: block;
            padding: 2px 2px 2px 4px;
            color: #284e37;
            font-family: 'Oswald', sans-serif;

        }

        .dateline a:link, .dateline a:visited, .dateline a:hover {
            font-size: 12px;
            text-transform: uppercase;
            padding: 2px 2px 2px 4px;
            color: #284e37;
            font-family: 'Oswald', sans-serif;
        }


        .showmore a:link, .showmore a:visited{
            font-size: 14px;
            text-transform: uppercase;
            padding: 2px 2px 2px 4px;
            color: #284e37;
            font-family: 'Oswald', sans-serif;
            text-decoration: none;
        }
        .showmore a:hover{
            text-decoration: underline;
        }
        .tags {
            padding: 4px 6px 4px 14px;
            margin: 8px 2px 0 0;
            font-size: 13px;
            line-height: 16px;
            display: inline-block;
            background-color: #999;
            color: #FFF;
            background-image: url(img/arrow.png);
            background-repeat: no-repeat;
            background-position: left center;
            text-decoration: none;
        }

        .tags a:hover {
            color: #fff;
            text-decoration: none;

        }

        .tags a:link {
            color: #fff;
            text-decoration: none;

        }

        .tags a:visited {
            color: #fff;
            text-decoration: none;

        }
        .archives {
            background-color: #fff;
            width: 25%;
            font-family: 'Oswald', sans-serif;
            font-weight: 350;
            display: table-cell;
            vertical-align: top;

            }

        .archiveitem > li > ul > li > a:link {
            margin: 0px 0 0 0;
            font-weight: 350;
            text-transform: uppercase;
            text-decoration: none;
            display: block;
            color: #284e37;
            border-bottom: 1px solid #284e37;
            font-size: 12px;
            line-height: 24px;
            text-align: left;

        }

        .archiveitem a:hover {
            color: #284e37;
        }

        .archiveitem a:link {
            color: #284e37;
        }

        .archiveitem a:visited {
            color: #284e37;
        }
        #footer {
            background-color: #999;
            color: #fff;
            font-size: 11px;
            display: block;
            padding: 10px 0 12px 16px;
        }

        a.footer:link, a.footer:visited, a.footer:hover, a.footer:active {
            color: #fff;
            text-decoration: underline;
        }
        .mastheadlogo {
            height:110px;
        }
    }

@media only screen and (min-width:769px) {

    .footWidgetHolder {
        display:none;
    }
    .footWidget {
        display:none;
    }
    h1 {
        font-size: 20px;
        margin: 0;
        padding: 8px;
        font-family: 'Oswald', sans-serif;
        font-weight: 400;
        text-align: left;
    }

    h2 {
        font-size: 46px;
        line-height: 48px;
        margin: 0;
        padding: 0;
        font-family: 'Oswald', sans-serif;
        font-weight: 400;
    }

    h4 {
        font-size: 24px;
        line-height: 24px;
        margin: 12px 0 20px 0;
        color: #284e37;
        padding: 6px 12px 0 0;
        font-family: 'Oswald', sans-serif;
        font-weight: 300;
        text-transform: uppercase;

    }

    .gridContainer {
        width: 88.2%;
        max-width: 1144px;
        padding-left: 0;

        margin: auto;
        background-color: #f5f5f5;
        -webkit-box-shadow: 4px 4px 4px 0 #ADADAD;
        box-shadow: 4px 4px 4px 0 #ADADAD;
    }

    #LayoutDiv1 {
        clear: both;
        float: left;
        margin-left: 0;
        width: 100%;
        display: block;
        vertical-align: 0;
    }

    /*NAV TABS*/

    .navbar {
        background-color: #284e37;
        height: 25px;
        border-top: 1px solid #FFF;
        padding: 0;
        text-align: center;
    }

    #navitem > li > a:link, #navitem > li > a:visited, #navitem > li > a:active {
        font-size: 10px;
        font-weight: bold;
        text-transform: uppercase;
        color: #FFF;
        float: right;
        line-height: 25px;
        margin: 0;
        padding: 0 15px 0 15px;
        border-left: 1px solid #FFF;
        text-decoration: none;
    }

    #navitem > li > a:hover {
        background-color: #000;
    }

    /*PHONE BAR*/

    .phonebar {
        color: #FFF;
        background-color: #000;
        text-align: center;
        padding: 0;
    }

    /*LEFT COLUMN*/

    .blogrollholder {
        background-color: #284e37;
        width: 20%;
        font-family: 'Oswald', sans-serif;
        font-weight: 400;
        display: table-cell;
        color: #FFF;
        vertical-align: top;
        padding: 0 0 1.5em 0;
        text-align: left;
    }

    .blogroll a:link, .blogroll a:visited, .blogroll a:hover {
        color: #ffffff;
        padding: 0.5em 0.5em 0 1em;
        text-decoration: none;
        display: block;
    }

    .textwidget {
        margin: 0;
        font-size: 12px;
        padding: 13px;
        line-height: 120%
    }

    /*MIDDLE COLUMN*/

    .contentholder {
        display: table-cell;
        width: 55%;
        vertical-align: top;
        font-size: 16px;
        max-width: 70ex;
        font-family: 'Arial';
    }

    #content {
        padding: 1em;
        max-width: 70ex;
    }

    .blogtitle {
        font-size: 24px;
        line-height: 24px;
        color: #284e37;
        padding: 6px 12px 0 0;
        font-family: 'Oswald', sans-serif;
        font-weight: 300;
        text-transform: capitalize;

    }

    .blogtitle a:link, .blogtitle a:visited, .blogtitle a:hover {
        font-size: 24px;
        line-height: 24px;
        color: #284e37;
        padding: 6px 12px 0 0;
        font-family: 'Oswald', sans-serif;
        font-weight: 400;
        text-transform: capitalize;
        text-decoration: none;
    }

    .tags {
        padding: 4px 6px 4px 14px;
        margin: 8px 2px 0 0;
        font-size: 13px;
        line-height: 16px;
        display: inline-block;
        background-color: #999;
        color: #FFF;
        background-image: url(img/arrow.png);
        background-repeat: no-repeat;
        background-position: left center;
        text-decoration: none;
    }

    .tags a:hover {
        color: #fff;
        text-decoration: none;

    }

    .tags a:link {
        color: #fff;
        text-decoration: none;

    }

    .tags a:visited {
        color: #fff;
        text-decoration: none;

    }

    .dateline {
        margin: 1em 0 1em 0;
        font-size: 12px;
        text-transform: uppercase;
        display: block;
        padding: 2px 2px 2px 4px;
        color: #284e37;
        font-family: 'Oswald', sans-serif;

    }

    .dateline a:link, .dateline a:visited, .dateline a:hover {
        font-size: 12px;
        text-transform: uppercase;
        padding: 2px 2px 2px 4px;
        color: #284e37;
        font-family: 'Oswald', sans-serif;
    }


    .showmore a:link, .showmore a:visited{
        font-size: 14px;
        text-transform: uppercase;
        padding: 2px 2px 2px 4px;
        color: #284e37;
        font-family: 'Oswald', sans-serif;
        text-decoration: none;
    }
    .showmore a:hover{
        text-decoration: underline;
    }
    /*RIGHT COLUMN*/

    .archives {
        background-color: #fff;
        width: 25%;
        font-family: 'Oswald', sans-serif;
        font-weight: 400;
        display: table-cell;
        vertical-align: top;
        padding: 0.5em 0 1.5em 1em;
    }

    a.archiveitem:link, a.archiveitem:visited, a.archiveitem:hover, a.archiveitem:active {
        margin: 18px 0 0 0;
        font-weight: 300;
        text-transform: uppercase;
        text-decoration: none;
        display: block;
        color: #284e37;
        border-bottom: 1px solid #284e37;
        font-size: 18px;
        line-height: 24px;
    }

    .archiveitem > li > ul > li > a:link {
        margin: 18px 0 0 0;
        font-weight: 300;
        text-transform: uppercase;
        text-decoration: none;
        display: block;
        color: #284e37;
        border-bottom: 1px solid #284e37;
        font-size: 16px;
        line-height: 24px;

    }

    .archiveitem a:hover {
        color: #284e37;
    }

    .archiveitem a:link {
        color: #284e37;
    }

    .archiveitem a:visited {
        color: #284e37;
    }

    /*FOOTER*/

    #footer {
        background-color: #999;
        color: #fff;
        font-size: 11px;
        display: block;
        padding: 10px 0 12px 16px;
    }

    a.footer:link, a.footer:visited, a.footer:hover, a.footer:active {
        color: #fff;
        text-decoration: underline;
    }

    /*MASTHEAD*/

    /*.mastheadlogo {
        margin-left: 12px auto 0px auto;
        width: 388px;
        height: 110px;
    }
    */

    /*BANNER CLASSES*/
    .Pittsburghbanner{
        background-image: url(img/Banners/Pittsburghbanner.jpg);
        background-repeat: no-repeat;
        background-position: right center;
        height:200px;
    }
    .Boulderbanner {
        background-image: url(img/Banners/Boulderbanner.jpg);
        background-repeat: no-repeat;
        background-position: right center;
        height:200px;
    }
    .mesabanner {
        background-image: url(img/Banners/Mesabanner.jpg);
        background-repeat: no-repeat;
        background-position: right center;
        height:200px;
    }
    .Murfreesborobanner {
        background-image: url(img/Banners/Murfreesborobanner.jpg);
        background-repeat: no-repeat;
        background-position: right center;
        height:200px;
    }
    .localhost {
        background-image: url(img/Banners/localhost.jpg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100% 100%;
        height:200px;
    }

    .Amsdnsbanner {
        background-image: url(img/Banners/Dallasbanner.jpg);
        background-repeat: no-repeat;
        background-position: right center;
        height:200px;
    }

    .Atlantabanner {
        background-image: url(img/Banners/Atlantabanner.jpg);
        background-repeat: no-repeat;
        background-position: right center;
        height:200px;
    }

    .Austinbanner {
        background-image: url(img/Banners/Austinbanner.jpg);
        background-repeat: no-repeat;
        background-position: right center;
        height:200px;
    }

    .Batonrougebanner {
        background-image: url(img/Banners/Baton_Rougebanner.jpg);
        background-repeat: no-repeat;
        background-position: right center;
        height:200px;
    }

    .Birminghambanner {
        background-image: url(img/Banners/Birminghambanner.jpg);
        background-repeat: no-repeat;
        background-position: right center;
        height:200px;
    }

    .Boisebanner {
        background-image: url(img/Banners/Boisebanner.jpg);
        background-repeat: no-repeat;
        background-position: right center;
        height:200px;
    }

    .Charlestonbanner {
        background-image: url(img/Banners/Charlestonbanner.jpg);
        background-repeat: no-repeat;
        background-position: right center;
        height:200px;
    }

    .Charlottebanner {
        background-image: url(img/Banners/Charlottebanner.jpg);
        background-repeat: no-repeat;
        background-position: right center;
        height:200px;
    }

    .Chicagobanner {
        background-image: url(img/Banners/Chicagobanner.jpg);
        background-repeat: no-repeat;
        background-position: right center;
        height:200px;
    }

    .Cincinnatibanner {
        background-image: url(img/Banners/Cincinnatibanner.jpg);
        background-repeat: no-repeat;
        background-position: right center;
        height:200px;
    }

    .Coloradospringsbanner {
        background-image: url(img/Banners/Colorado_Springsbanner.jpg);
        background-repeat: no-repeat;
        background-position: right center;
        height:200px;
    }

    .Columbusbanner {
        background-image: url(img/Banners/Columbusbanner.jpg);
        background-repeat: no-repeat;
        background-position: right center;
        height:200px;
    }

    .Connecticutbanner {
        background-image: url(img/Banners/Connecticutbanner.jpg);
        background-repeat: no-repeat;
        background-position: right center;
        height:200px;
    }

    .Corpuschristibanner {
        background-image: url(img/Banners/Corpus_Christibanner.jpg);
        background-repeat: no-repeat;
        background-position: right center;
        height:200px;
    }

    .Dallasbanner {
        background-image: url(img/Banners/Dallasbanner.jpg);
        background-repeat: no-repeat;
        background-position: right center;
        height:200px;
    }

    .Denverbanner {
        background-image: url(img/Banners/Denverbanner.jpg);
        background-repeat: no-repeat;
        background-position: right center;
        height:200px;
    }

    .Ftlauderdalebanner {
        background-image: url(img/Banners/Ft_Lauderdalebanner.jpg);
        background-repeat: no-repeat;
        background-position: right center;
        height:200px;
    }

    .Ftmyersbanner {
        background-image: url(img/Banners/Ft_Myersbanner.jpg);
        background-repeat: no-repeat;
        background-position: right center;
        height:200px;
    }

    .Gainesvillebanner {
        background-image: url(img/Banners/Gainesvillebanner.jpg);
        background-repeat: no-repeat;
        background-position: right center;
        height:200px;
    }

    .Greenvillebanner {
        background-image: url(img/Banners/Greenvillebanner.jpg);
        background-repeat: no-repeat;
        background-position: right center;
        height:200px;
    }

    .Hiltonheadbanner {
        background-image: url(img/Banners/Hilton_Headbanner.jpg);
        background-repeat: no-repeat;
        background-position: right center;
        height:200px;
    }

    .Houstonbanner {
        background-image: url(img/Banners/Houstonbanner.jpg);
        background-repeat: no-repeat;
        background-position: right center;
        height:200px;
    }

    .Indianapolisbanner {
        background-image: url(img/Banners/Indianapolisbanner.jpg);
        background-repeat: no-repeat;
        background-position: right center;
        height:200px;
    }

    .Jacksonvillebanner {
        background-image: url(img/Banners/Jacksonvillebanner.jpg);
        background-repeat: no-repeat;
        background-position: right center;
        height:200px;
    }

    .Kansascitybanner {
        background-image: url(img/Banners/Kansas_Citybanner.jpg);
        background-repeat: no-repeat;
        background-position: right center;
        height:200px;
    }

    .Knoxvillebanner {
        background-image: url(img/Banners/Knoxvillebanner.jpg);
        background-repeat: no-repeat;
        background-position: right center;
        height:200px;
    }

    .Lasvegasbanner {
        background-image: url(img/Banners/Las_Vegasbanner.jpg);
        background-repeat: no-repeat;
        background-position: right center;
        height:200px;
    }

    .Littlerockbanner {
        background-image: url(img/Banners/Little_Rockbanner.jpg);
        background-repeat: no-repeat;
        background-position: right center;
        height:200px;
    }

    .Louisvillebanner {
        background-image: url(img/Banners/Louisvillebanner.jpg);
        background-repeat: no-repeat;
        background-position: right center;
        height:200px;
    }

    .Marylandbanner {
        background-image: url(img/Banners/Marylandbanner.jpg);
        background-repeat: no-repeat;
        background-position: right center;
        height:200px;
    }

    .Massbanner {
        background-image: url(img/Banners/Rhode_Islandbanner.jpg);
        background-repeat: no-repeat;
        background-position: right center;
        height:200px;
    }

    .Melbournebanner {
        background-image: url(img/Banners/Melbournebanner.jpg);
        background-repeat: no-repeat;
        background-position: right center;
        height:200px;
    }

    .Memphisbanner {
        background-image: url(img/Banners/Memphisbanner.jpg);
        background-repeat: no-repeat;
        background-position: right center;
        height:200px;
    }

    .Milwaukeebanner {
        background-image: url(img/Banners/Milwaukeebanner.jpg);
        background-repeat: no-repeat;
        background-position: right center;
        height:200px;
    }

    .Minneapolisbanner {
        background-image: url(img/Banners/Minneapolisbanner.jpg);
        background-repeat: no-repeat;
        background-position: right center;
        height:200px;
    }

    .Nashvillebanner {
        background-image: url(img/Banners/Nashvillebanner.jpg);
        background-repeat: no-repeat;
        background-position: right center;
        height:200px;
    }

    .Oklahomabanner {
        background-image: url(img/Banners/Oklahomabanner.jpg);
        background-repeat: no-repeat;
        background-position: right center;
        height:200px;
    }

    .Omahabanner {
        background-image: url(img/Banners/Omahabanner.jpg);
        background-repeat: no-repeat;
        background-position: right center;
        height:200px;
    }

    .Orlandobanner {
        background-image: url(img/Banners/Orlandobanner.jpg);
        background-repeat: no-repeat;
        background-position: right center;
        height:200px;
    }

    .Pensacolabanner {
        background-image: url(img/Banners/Pensacolabanner.jpg);
        background-repeat: no-repeat;
        background-position: right center;
        height:200px;
    }

    .Phoenixbanner {
        background-image: url(img/Banners/Phoenixbanner.jpg);
        background-repeat: no-repeat;
        background-position: right center;
        height:200px;
    }

    .Portlandbanner {
        background-image: url(img/Banners/Portlandbanner.jpg);
        background-repeat: no-repeat;
        background-position: right center;
        height:200px;
    }

    .Raleighbanner {
        background-image: url(img/Banners/Raleighbanner.jpg);
        background-repeat: no-repeat;
        background-position: right center;
        height:200px;
    }

    .Rhodeislandbanner {
        background-image: url(img/Banners/Rhode_Islandbanner.jpg);
        background-repeat: no-repeat;
        background-position: right center;
        height:200px;
    }

    .Richmondbanner {
        background-image: url(img/Banners/Richmondbanner.jpg);
        background-repeat: no-repeat;
        background-position: right center;
        height:200px;
    }

    .Saltlakecitybanner {
        background-image: url(img/Banners/Salt_Lake_Citybanner.jpg);
        background-repeat: no-repeat;
        background-position: right center;
        height:200px;
    }

    .Sanantoniobanner {
        background-image: url(img/Banners/San_Antoniobanner.jpg);
        background-repeat: no-repeat;
        background-position: right center;
        height:200px;
    }

    .Sarasotabanner {
        background-image: url(img/Banners/Sarasotabanner.jpg);
        background-repeat: no-repeat;
        background-position: right center;
        height:200px;
    }

    .Stlouisbanner {
        background-image: url(img/Banners/St_Louisbanner.jpg);
        background-repeat: no-repeat;
        background-position: right center;
        height:200px;
    }

    .Tucsonbanner {
        background-image: url(img/Banners/Tucsonbanner.jpg);
        background-repeat: no-repeat;
        background-position: right center;
        height:200px;
    }

    .Tulsabanner {
        background-image: url(img/Banners/Tulsabanner.jpg);
        background-repeat: no-repeat;
        background-position: right center;
        height:200px;
    }

    .Usmovingjobsbanner {
        background-image: url(img/Banners/Dallasbanner.jpg);
        background-repeat: no-repeat;
        background-position: right center;
        height:200px;
    }

    .Westpalmbanner {
        background-image: url(img/Banners/West_Palmbanner.jpg);
        background-repeat: no-repeat;
        background-position: right center;
        height:200px;
    }

    .Wichitabanner {
        background-image: url(img/Banners/Wichitabanner.jpg);
        background-repeat: no-repeat;
        background-position: right center;
        height:200px;
    }

    /* =WordPress Core
    -------------------------------------------------------------- */
    .alignnone {
        margin: 5px 20px 20px 0;
    }

    .aligncenter,
    div.aligncenter {
        display: block;
        margin: 5px auto 5px auto;
    }

    .alignright {
        float: right;
        margin: 5px 0 20px 20px;
    }

    .alignleft {
        float: left;
        margin: 5px 20px 20px 0;
    }

    .aligncenter {
        display: block;
        margin: 5px auto 5px auto;
    }

    a img.alignright {
        float: right;
        margin: 5px 0 20px 20px;
    }

    a img.alignnone {
        margin: 5px 20px 20px 0;
    }

    a img.alignleft {
        float: left;
        margin: 5px 20px 20px 0;
    }

    a img.aligncenter {
        display: block;
        margin-left: auto;
        margin-right: auto
    }

    .wp-caption {
        background: #fff;
        border: 1px solid #f0f0f0;
        max-width: 96%; /* Image does not overflow the content area */
        padding: 5px 3px 10px;
        text-align: center;
    }

    .wp-caption.alignnone {
        margin: 5px 20px 20px 0;
    }

    .wp-caption.alignleft {
        margin: 5px 20px 20px 0;
    }

    .wp-caption.alignright {
        margin: 5px 0 20px 20px;
    }

    .wp-caption img {
        border: 0 none;
        height: auto;
        margin: 0;
        max-width: 98.5%;
        padding: 0;
        width: auto;
    }

    .wp-caption p.wp-caption-text {
        font-size: 11px;
        line-height: 17px;
        margin: 0;
        padding: 0 4px 5px;
    }
}