/* left filters */

form.filters {
    margin-right: 15px;
}

form.filters .inner {
    padding-left:15px;
}


/*rss subscribe*/
.subscribe {
    font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    margin-top: 30px;
}



.subscribe a {
    display: inline-block;
    position: relative;
    padding-right: 34px;
    height: 26px;
    line-height: 26px;
    vertical-align: middle;
}

.subscribe .icon_rss {
    position: absolute;
    top: 0;
    right: 0;
}


form.filters input.filters-search {
    width: 200px
}

/* filter button, mobile only */
.blog-search .mobile-filter {
    display:none;
}

@media (max-width: 500px) {
    .blog-search .blog-search-filters {
        display:none;
    }
    .blog-search .mobile-filter {
        display:block;
        margin-top: 25px;
        /*padding-right: 15px;*/
    }
    .blog-search .mobile-filter button {
        width: 100%;
        text-align: center;
        padding: 10px 0;
        color: #3F7382;
        text-transform: uppercase;
        background-color: #eee;
        font-family: "Georgia", serif;
        border: 1px solid #bbb;
        font-size: 15px;
        outline: 0;
        background-color: white;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #bbbbbb));
        background-image: -webkit-linear-gradient(white, #bbbbbb);
        background-image: linear-gradient(white, #bbbbbb);   
        cursor: pointer;     
    }

    .blog-search .mobile-filter button.open {
        background-color: #444444;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #444444), color-stop(100%, #bbbbbb));
        background-image: -webkit-linear-gradient(#444444, #bbbbbb);
        background-image: linear-gradient(#444444, #bbbbbb);
        color: #fff; 
    }

    .blog-search .displaying {
        margin-top: 25px;
    }
}

/* category check boxes*/

form.filters .fieldset-category {
    padding-top: 0;
    border-top: 0;
}
form.filters label.select-all {
    font-weight:bold;
}

/* date range */
.filters-date-range {
    /*float: left;*/
    margin-top: 0;
    border: 1px solid #333;
    padding: 0 6px;
    width: 196px;
    line-height: 23px;
    height: 23px;
    color: #333;
}
.date-range-to-label {
    margin-top: 10px;
}


.curatorial p {
    font-size:12px;
}

.curatorial .learn-more {
    font-size: 10px;
    font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;

}

@media (max-width: 500px) {
    .curatorial {
        margin-top: 25px;
    }
}


/* submit button */
/*
.blog-search .submit {
    margin-right:19px;
}
*/
/* result type lists */
.viewby {
    float:right;
}

.viewby a.search-result-type {
    display:inline-block;
    width: 26px;
    height: 26px;
    padding: 0;
    margin: 0;
    border: none;
}

@media (max-width: 500px) {
    .results-listing.results-listing-list .viewby,
    .results-listing.results-listing-grid .viewby {
        margin-left:7px;
        margin-top: 20px;
    }

    .reset-filters {
        margin-right:10px;
    }

    .results-listing span.sortby a.sort-by-title {
        border-left: none;
    }
    .results-listing span.sortby2 {
        display:block;
    }
}

.search-result-type-grid {
    background: url(../_images/btn_blog_search_grid.png);
}
.viewby a.search-result-type-list {
    background: url(../_images/btn_blog_search_list.png);
    margin-right: 5px;
}

.viewby a.search-result-type-list.search-result-type-active,
.viewby a.search-result-type-grid.search-result-type-active {
    background-position: bottom;
}

@media (min-width: 501px) {
    .sortby-wrapper {
        height: 30px;
    }
}

.results-listing h2.displaying {
    font-size: 19px;
}

/* list view */
.blog-results-list h2 {
    margin-bottom: 0;
    color: #C5351C;
}


.blog-results-list h2 a {
    color: inherit;
}

.blog-results-list .paragraph {
    line-height:21px;
}



/* grid view */
.grid-date {
    display: block;
    padding: 10px 10px 0;
    font-family: Georgia, "Times New Roman", Times, serif;
}


/*keeps pager from jumping when next/prev is hidden*/
.results-listing ul.pager {
    margin-left:175px;   
}

@media (min-width: 501px) {
    .pager-mobile {
        display: none;
    }
}

@media (max-width: 500px) {
    .pager-desktop {
        display: none;
    }
}

ul.pager button::-moz-focus-inner,
ul.pager input::-moz-focus-inner,
ul.pager a::-moz-focus-inner {
    border: 0;
    padding:0;
}
        
ul.pager input, ul.pager a {
    background-color: #E6E6E6 !important;
    border: 1px solid #BFBFBF !important;
    display: block !important;
    padding: 4px 0px 0px 0px !important;
    text-align: center !important;
    text-transform: uppercase !important;
    width: 28px !important;
    height: 16px !important;
    font-family: "Lucida Sans Unicode","Lucida Grande",Arial,Helvetica,sans-serif !important;
    font-size:12px !important;
    color:#325F66 !important;
    vertical-align:middle !important;
    cursor:pointer !important;
    margin: 10px 0 0 !important;
}
        
ul.pager input.active, ul.pager a.active {
    background-color: #ffffff !important;
}
        
        
ul.pager li input.prev, ul.pager li input.next,
ul.pager li a.prev, ul.pager li a.next {
    background-color: #3F7383 !important;
    color: #FFFFFF !important;
}
        
ul.pager li input.prev, ul.pager li a.prev {
    background-position: 8% 50% !important;
    background-repeat: no-repeat !important;
    display: block !important;
    height: 14px !important;
    padding: 4px 4px 2px 16px !important;
    text-align: left !important;
    width: auto !important;
}

ul.pager li input.next, ul.pager li a.next {
    background-position: 92% 50% !important;
    background-repeat: no-repeat !important;
    display: block !important;
    height: 14px !important;
    padding: 4px 16px 2px 4px !important;
    text-align: left !important;
    width: auto !important;
}

ul.pager li.elipse {
    font-family: "Lucida Sans Unicode","Lucida Grande",Arial,Helvetica,sans-serif;
    font-size:12px;
    padding-top:11px;
}


/* Sort By Buttons */
span.viewby .label,
span.sortby .label {
    font-family: "Lucida Sans Unicode","Lucida Grande",Arial,Helvetica,sans-serif;
    font-size:12px;
}
span.viewby button::-moz-focus-inner,
span.sortby button::-moz-focus-inner {
    border: 0;
    padding: 0;
}
        
span.viewby input::-moz-focus-inner, 
span.sortby input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

span.viewby input, span.viewby a,
span.sortby input, span.sortby a {
    font-family: "Lucida Sans Unicode","Lucida Grande",Arial,Helvetica,sans-serif;
    font-size:12px;
    color: #325F66;
    border: none;
    border-left: 1px solid #333333;
    background-color:#ffffff;
    margin: 0 0 0 7px;
    padding: 0 0 0 8px;
    width: auto;
    height: 16px;
    line-height: 16px;
    vertical-align: baseline;
    cursor:pointer;
}

span.viewby .label + input, span.viewby .label + a, 
span.sortby .label + input, span.sortby .label + a {
    border-left:none !important;
    margin-left: 16px !important;
    padding-left: 0 !important;
}

span.viewby input:hover, span.viewby a:hover,
span.sortby input:hover, span.sortby a:hover {
    text-decoration: underline;
}

span.viewby input.selected, span.viewby a.selected,
span.sortby input.selected, span.sortby a.selected {
    text-decoration: underline;
}


/* no results */
div.noresults {
    clear:both;
    margin: 40px 0 0 20px;
    font-size:16px;
}

/* loading image */
#divLoading {
    display:none;
    clear:both;
    margin: 0 0 0 245px;
}

/*Fix up the Category Content styles so they match the template */
/*
.curatorial h2 {
    font-size:22px;
}
.curatorial div.inner div.unreset {
    font-size:14px;
    font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
}
.curatorial a.hide {
    font-size:12px;
}
html.no-js .curatorial a.hide {
    display:none;
}
*/


/*Fix up the grid view */
div.grid div.result span.name {
    font-family: Georgia,​ "Times New Roman",​ Times,​serif;
    font-size:15px;
}

/*Fix up the list view */
div.list div.result a.name {
    font-family: Georgia,​ "Times New Roman",​ Times,​serif;
    font-size:15px;
}
div.list div.result ul.metadata {
    font-family: "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
    font-size:14px;
}