@font-face {
    font-family: 'Entypo';
    src: url('fonts/entypo_tweaked/entypotweaked-webfont.eot');
    src: url('fonts/entypo_tweaked/entypotweaked-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/entypo_tweaked/entypotweaked-webfont.woff') format('woff'), url('fonts/entypo_tweaked/entypotweaked-webfont.ttf') format('truetype'), url('fonts/entypo_tweaked/entypotweaked-webfont.svg#EntypoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Avenir';
    src: url('avenirltstd-roman-webfont.eot');
    src: url('fonts/avenir/avenirltstd-roman-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/avenir/avenirltstd-roman-webfont.woff') format('woff'), url('fonts/avenir/avenirltstd-roman-webfont.ttf') format('truetype'), url('fonts/avenir/avenirltstd-roman-webfont.svg#AvenirLTStd55Roman') format('svg');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'AvenirHeavy';
    src: url('avenirltstd-roman-webfont.eot');
    src: url('fonts/avenir/avenirltstd-heavy-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/avenir/avenirltstd-heavy-webfont.woff') format('woff'), url('fonts/avenir/avenirltstd-heavy-webfont.ttf') format('truetype'), url('fonts/avenir/avenirltstd-heavy-webfont.svg#AvenirLTStd85Roman') format('svg');
    font-weight: normal;
    font-style: normal;
}

.has_subs {
    cursor: pointer;
}

.subjects li {
    display: list-item;
}

body {
    background: #c9cfd0;
    font-family: 'Avenir', Helvetica, Verdana, sans-serif;
    font-size: .9375em;
    line-height: 1.6666em;
    letter-spacing: -.02em;
    color: #2f2f2f;
}

#fake_body {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: auto;
    padding-right: 7%;
    padding-left: 7%;
    width: 100%;
    margin-top: -10px;
    padding-top: 20px;
    margin-bottom: 60px;
    backgorund-size: 100%;
    /* leave room for the trigger */
}

#container {
    position: relative;
    z-index: 10;
    background: #f2f5ee;
    padding: 20px;
    background-clip: padding-box;
    border: 10px solid rgba(161, 161, 161, .5);
    border-radius: 20px;
}

#supersized_bg {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #c9cfd0;
    background-size: 100% 100%;
    -moz-background-size: cover;
    background-size: cover;
    opacity: .5;
}

@media only all and (max-width: 1024px) and (max-height: 768px) {
    #supersized_bg {
        -moz-background-size: 1024px 768px;
        background-size: 1024px 768px;
    }
}

#bg_info_box {
    position: absolute;
    bottom: 10px;
    left: 10px;
    line-height: 1.4em;
    max-width: 500px;
    z-index: 6;
}

#bg_info_box .trigger {
    display: none;
}

#bg_info_box .trigger:after {
    content: attr(data-icon);
    color: #fff;
    font-family: Entypo;
    font-size: 6em;
    opacity: 1;
    text-shadow: 0 0 5px #404040;
}

#bg_info_box .trigger a {
    display: none;
}

#bg_info_box .info {
    display: none;
    position: relative;
    background: rgba(255, 255, 255, .5);
    padding: 10px 85px 10px 10px;
    border-radius: 2px;
    box-shadow: 0 0 5px #404040;
}

#bg_info_box .info a.view {
    position: absolute;
    top: 10px;
    right: 0;
    bottom: 10px;
    width: 75px;
    text-decoration: none;
    border-left: 1px solid #c3c3c3;
}

#bg_info_box .info a.view:before {
    content: attr(data-icon);
    font-family: Entypo;
    color: #d2d2d2;
    font-size: 6em;
    text-shadow: 0 0 3px #777;
    position: absolute;
    left: 12px;
    top: 50%;
    margin-top: -25px;
}

#bg_info_box .info a.view span {
    display: none;
}

#bg_info_box .info a.view:hover:before {
    color: #6e89b2;
}

#bg_info_box .info h1 {
    font-family: Avenir, 'Old Standard TT';
    font-size: 1.8667em;
    color: #1c1c1c;
    letter-spacing: -.04em;
    border-bottom: 1px solid #c3c3c3;
    line-height: 1.2em;
    margin-bottom: 10px;
}

#bg_info_box .info h1:before {
    content: attr(data-icon);
    font-family: Entypo;
    color: #fff;
    font-size: 2em;
    text-shadow: 0 0 5px #040404;
    margin: 0 5px 0 0;
}

#bg_info_box .info .excerpt {
    color: #000;
    font-size: .9333em;
    line-height: 1.5em;
    padding-bottom: 10px;
}

#main_header {
    position: relative;
    z-index: 999;
    min-height: 128px;
    margin-top: 10px;
    padding-top: 30px;
}

#main_header h1 {
    position: relative;
    margin: 0 14px 0 24px;
    float: left;
    z-index: 10;
    text-indent: -999999px;
}

#main_header h1 span {
    font-size: 1px;
}

#header_logo {
    display: block;
    width: 295px;
    height: 200px;
    background: url(../layout_imgs/furniturecityhistory-logo2-295x200.png) no-repeat;
    text-indent: -999999px;
}

#main_header a {
    color: #AE9F64;
    text-decoration: none;
}

#main_header nav {
    position: relative;
    padding: 0 10px;
    z-index: 1;
}

#main_header nav a {
    display: inline-block;
}

#main_header nav li {
    position: relative;
    vertical-align: middle;
    display: inline-block;
}

#main_header nav li:hover > ul,
#main_header nav li.hover_effect > ul {
    display: block;
}

#main_header nav ul ul {
    position: absolute;
    display: none;
    left: 0px;
}

#main_header nav ul ul ul {
    display: none;
    position: absolute;
}

#main_header nav#boring {
    font-size: .9333em;
    letter-spacing: -.03em;
    top: 15px;
    z-index: 2;
}

#boring li {
    margin-right: 10px;
    color: #B59747;
    padding: 5px 15px;
}

#boring a,
#boring .replace_a {
    /*color: #B59747;*/
    /* #AE9F64; #0754AC;*/
}

#boring li:hover a,
#boring li:hover {
    color: #fff;
    background: #BB774A;
    cursor: pointer;
}

#boring ul ul {
    padding: 2px 0;
    background: #BB774A;
    border-radius: 0 2px 2px 2px;
    box-shadow: 1px 2px 2px 0 rgba(112, 112, 112, .7);
}

#boring ul ul li {
    margin-right: 0;
    line-height: 1.4em;
    padding: 0;
}

#boring ul ul a {
    color: #fff;
    padding: 8px 15px;
    margin: 0;
    width: 160px;
}

#boring ul ul li:hover a,
#boring ul ul li:hover ul li:hover a {
    background: #DABF77;
}

#main_header nav#main_menu {
    top: 25px;
    left: 15px;
    font-family: Avenir, 'Old Standard TT', serif;
}

#main_menu fieldset {
    display: inline-block;
    margin-right: 10px;
}

#main_menu ul {
    font-size: 1.7em;
}

#main_menu li {
    margin: 0 0 0 0;
}

#main_menu li {
    color: #765c17;
    padding: 10px 6px;
}

#main_menu a,
#main_menu .replace_a {
    color: #765c17;
    width: 100%;
    /*#B59747; #9A8D59; #085bb9; */
}

#main_menu li:hover a,
#main_menu li:hover .replace_a {
    color: #fff !important;
    background: #765c17;
    /*#B59747;  #9A8D59;  #0754AC;*/
}

#main_menu ul ul {
    padding: 0;
    color: #B59747;
    /*#B59747; #928553; #085bb9;*/
    font-size: .7em;
    border-radius: 0 2px 2px 2px;
    box-shadow: 1px 2px 2px 0 rgba(112, 112, 112, .7);
}

#main_menu ul ul li {
    margin: 0;
    color: #fff;
    background: #765c17;
    padding: 8px 15px;
    margin: 0;
    width: 160px;
}

#main_menu ul ul li:hover > a,
#main_menu ul li:hover ul li:hover > a,
#main_menu ul ul li:hover > .replace_a,
#main_menu ul li:hover ul li:hover > .replace_a,
#main_menu ul ul li:hover,
#main_menu ul li:hover ul li:hover {
    background: #B59747;
    cursor: pointer;
    /*#765C17; #928553; #085bb9;*/
}

#main_menu ul ul ul {
    position: absolute;
    top: 0;
    left: 158px;
}

#main_header #hdr_search {
    position: absolute;
    top: 15px;
    right: 0px;
    z-index: 10;
}

#hdr_search #q {
    width: 230px;
    background: #efe9da url(../layout_imgs/search_bg.png) right 50% no-repeat;
    ;
    border: none;
    color: #48423a;
    font-family: Avenir, helvetica, verdana, sans-serif;
    font-size: .8em;
    letter-spacing: -.02em;
    padding: 8px 30px 8px 8px;
    -moz-box-shadow: inset 0px 1px 4px #847f79;
    -webkit-box-shadow: inset 0px 1px 4px #847f79;
    box-shadow: inset 0px 1px 4px #847f79;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

#hdr_search #q:focus {
    color: #847f79;
}

fieldset {
    border-top: 1px solid #e5e3d4;
}

fieldset legend {
    font-family: Avenir, 'Old Standard TT';
    font-size: 1.2em;
    color: #9F9F9B;
    padding: 0 8px 0 0;
}

hr {
    clear: both;
    margin: 25px 0;
    border: none;
    border-top: 1px solid #efece5;
}

hr:before {
    content: '';
    display: block;
    position: relative;
    top: -13px;
    left: 50%;
    margin-left: -95px;
    width: 189px;
    height: 30px;
    background: url(../layout_imgs/hr-swirl.png);
}

#sub_menu {
    top: 15px;
    left: 15px;
    margin-left: -20px;
    margin-right: 10px;
    border-right: 1px solid;
    border-color: #784e35;
    text-align: left;
}

#sub_menu h1 {
    font-family: Avenir, 'Old Standard TT';
    font-size: 1.4667em;
    color: #765C17;
}

#sub_menu h1 a {
    color: #765C17;
}

#sub_menu ul {
    margin-left: 10px;
}

#sub_menu li {
    margin-bottom: 5px;
}

#sub_menu a {
    color: #784e35;
    text-decoration: none;
    letter-spacing: -.02em;
}

#sub_menu li.current a {
    font-weight: bold;
}

#sub_menu li.current > a:before {
    content: "\00EA";
    font-family: Entypo;
    font-size: 2em;
    color: #bfa489;
    margin-right: 4px;
}

#sub_menu ul ul {
    font-size: 0.933em;
    margin-left: 15px;
    opacity: .7;
}

#sub_menu ul ul li {
    margin-bottom: 2px;
}

article {
    position: relative;
}

article h1,
article h2,
article h3,
article h4,
article h5,
footer h5 {
    font-family: Avenir, 'Old Standard TT', serif;
    margin: 15px 0;
    line-height: 1em;
    clear: both;
    text-align: left;
}

article h1 {
    font-family: Avenir, 'Old Standard TT', serif;
    font-size: 2.533em;
    /*38px*/
    color: #35627c;
    /* #475b67; */
}

article h2 {
    font-size: 2.2667em;
    /*34px*/
    color: #A18844;
    /* #6e6f3e; */
}

article h3 {
    font-size: 2.1333em;
    /*31px*/
    color: #88774A;
    /* #662d02; */
}

article h4 {
    font-size: 2em;
    /*30px*/
    color: #4e4e4e;
}

article h5,
footer h5 {
    font-size: 1.6em;
    /*24px*/
    color: #898989;
}

article p,
article blockquote,
article ul,
article ol,
article table {
    margin-bottom: 15px;
}

article ul,
article ol {
    margin: 0 0 20px 15px;
    list-style: disc;
}

article ol {
    list-style: decimal;
    text-align: left;
}

article li {
    margin-bottom: 5px;
    text-align: left;

}

article blockquote {
    position: relative;
    margin: 15px 20px 15px 20px;
    text-indent: 25px;
}

article blockquote:before {
    font-family: Avenir, 'Old Standard TT', serif;
    content: '\201C';
    color: #e0d6c3;
    font-size: 5em;
    line-height: 1em;
    position: absolute;
    top: -10px;
    left: -10px;
    text-indent: 0;
}

article a {
    color: #015A9E;
    /* #596f91; */
    text- decoration: underline;
}

article a:hover {
    color: #6e89b2;
}

article img {
    border: 1px solid #765C17;
    max-width: 100%;
    height: auto;
}

article strong {
    font-weight: bold;
}

article em {
    font-style: italic;
}

article table th {
    font-weight: bold;
    font-size: .9em;
    padding-right: 10px;
}

article table td {
    font-size: 1.000em;
}

article p {
    font-size: 1.067em;
    text-align: left;
}

section p {
    text-align: left;
}

#details ul li,
#details ol li {
    display: list-item !important;
}

.embed > p,
.cite > p {
    text-align: center;
}

article p.note,
{
    font-size: .8em;
    letter-spacing: -.02em;
    line-height: 1.1em;
    color: #6c6c6c;
    margin: 0;
    padding: 0;
    padding-left: 15px;
}

article dt {
    font-family: Avenir, 'Old Standard TT';
    font-size: 1.2em;
    color: #444;
}

article dd {
    margin: auto auto 15px 20px;
}

article dd blockquote {
    margin: 15px 20px 0 0;
}

article sup {
    font-size: .8em;
    vertical-align: super;
}

article sub {
    font-size: .8em;
    vertical-align: sub;
}

.json {
    display: none;
}

.latest_item_div {
    margin: 0;
}

img.loader {
    border: none !important;
    vertical-align: middle;
}

.share_btn {
    color: transparent !important;
}

.button,
.share_btn {
    font-family: Avenir, 'Old Standard TT' !important;
    text-decoration: none;
    color: #847f79;
    font-size: 1.333em !important;
    letter-spacing: -.02em;
    background: #e6ddd2;
    padding: 5px 8px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border: none;
    cursor: pointer;
}

.more {
    color: #9c968e;
}

.button:hover,
.share_btn:hover {
    color: #9c968e;
}


/* share buttons */

.share_btn {
    display: inline-block;
    /*float: left;*/
    width: 31px;
    height: 29px;
    padding: 0;
    overflow: hidden;
    cursor: pointer;
    margin-right: 5px;
    background: #e6ddd2 url(../layout_imgs/share_btns.png);
}

.share_box .addthis_button_facebook {
    background-position: 0 0;
}

.share_box .addthis_button_twitter {
    background-position: 0 -31px;
}

.share_box .addthis_button_email {
    background-position: 0 -62px;
}

.share_box .addthis_button_google {
    background-position: 0 -93px;
}

.share_box .addthis_button_pinterest_pinit {
    background-position: 0 -124px;
}

.share_box .addthis_button_compact {
    background-position: 0 -155px;
}

.share_box .addthis_button_facebook:hover {
    background-position: -31px 0;
}

.share_box .addthis_button_twitter:hover {
    background-position: -31px -31px;
}

.share_box .addthis_button_email:hover {
    background-position: -31px -62px;
}

.share_box .addthis_button_google:hover {
    background-position: -31px -93px;
}

.share_box .addthis_button_pinterest_pinit:hover {
    background-position: -31px -124px;
}

.share_box .addthis_button_compact:hover {
    background-position: -31px -155px;
}

.addthis_32x32_style .addthis_counter.addthis_bubble_style a.addthis_button_expanded {
    font-family: Avenir, 'Old Standard TT' !important;
    font-size: 20px;
    color: #707070;
}

article .share_btn img {
    border: none;
}

footer {
    position: relative;
    margin-bottom: 30px;
    padding: 30px;
    width: 100%;
}

#credit {
    position: absolute;
    bottom: -64px;
    right: 0;
    font-size: .6667em;
    text-decoration: none;
    color: #7d7d7d;
}

#credit:hover {
    font-weight: bold;
}


/*--- Errors ---*/

#error_screen {
    padding: 80px;
    padding-top: 10px;
}


/*--- ITEM TEMPLATES ---*/

a.item_square {
    position: relative;
    display: inline-block;
    margin: 10px;
    opacity: .6;
    width: 110px;
    height: 110px;
    text-decoration: none;
    overflow: hidden;
    border: 5px solid;
    border-color: #d3d3d3;
}

a.item_square img {
    width: 110px;
    height: 110px;
}

a.item_square:before,
.item_thumb .item_icon:before,
.results .item a.thumb:before {
    content: attr(data-icon_key);
    font-family: Entypo;
    font-size: 3.5em;
    position: absolute;
    bottom: 5px;
    left: 5px;
    color: #fff;
    text-shadow: 0 0 5px #404040;
    opacity: .8;
}

a.item_square:hover {
    opacity: 1;
}

.item_thumb {
    position: relative;
    line-height: 1.2em;
    border: 1px solid #abb5bd;
    border-radius: 4px;
    background: #fdfced;
    padding: 5px;
    float: left;
    width: auto;
    height: 100%;
    max-height: 152px;
}

.thumb_meta_container {
    position: relative;
    height: 100%;
}

.thumb_meta {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}

.item_thumb a.item_icon {
    display: block;
    position: relative;
    float: left;
    z-index: 1;
    text-decoration: none;
}

.item_thumb a img {
    border: 1px solid #596f91 !important;
    margin-right: 10px;
}

.item_thumb span.item_icon:before {
    position: relative;
    float: left;
    left: auto;
    bottom: auto;
    margin-right: 5px;
}

.item_thumb h1,
#tiptip_content h1,
.results .item .title {
    font-family: Avenir, 'Old Standard TT';
    font-size: 1.4667em;
    color: #596f91;
    letter-spacing: -.02em;
    line-height: 1em;
    margin: 0 !important;
    clear: none;
}

.item_thumb h1 a,
.results .item .title a {
    text-decoration: none;
    color: #596f91;
}

.mobile-item-has-children .item_thumb h2,
#tiptip_content h2,
.results .item .date {
    font-family: Avenir, 'Old Standard TT';
    font-size: 1.2em;
    color: #434343;
    letter-spacing: -.02em;
    margin: 0 !important;
    margin-top: 2px !important;
    clear: none;
}

.item_thumb p,
.results .item .type {
    margin-bottom: 5px !important;
    color: #7d7d7d;
    font-size: .9333em;
}

.item_thumb p.count {
    position: absolute;
    bottom: 5px;
    right: 10px;
    line-height: 25px;
    width: 25px;
    background: #e6ddd2;
    font-family: Avenir, 'Old Standard TT';
    font-size: 1.1em;
    text-align: center;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.item_thumb.col_1 {
    width: 213px;
}

.item_thumb.col_1 a.item_icon {
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 5px;
}

.item_thumb.col_1 a img {
    margin-right: 0 !important;
}

.item_thumb.col_2 {
    width: 448px;
}

.item_thumb.col_3 {
    width: 683px;
}


/*--- google map info windows ---*/

div.marker_data {
    position: relative;
    font-size: .9em;
    max-width: 350px;
    min-height: 80px;
}

.marker_data a.item_icon img {
    float: left;
    width: 75px;
    height: 75px;
    margin-right: 5px;
}

.marker_data h1 {
    clear: none;
    font-size: 1.7em;
    margin: 5px 0 5px 0 !important;
}

.marker_data ul {
    margin: 0 0 0 100px;
    line-height: 1.4em;
}


/*--- browse_all_types ---*/

#moved-textbox {
    margin: 0 20px;
    padding: 20px;
    background-color: #EFEEEE;
    border: 1px solid #222;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 2px 1px rgba(66, 66, 66, .3);
    box-shadow: 0px 0px 4px 1px rgba(66, 66, 66, .3);
}

#moved-textbox h5 {
    font-family: Avenir, 'Old Standard TT', serif;
    margin: 15px 0;
    line-height: 1em;
    clear: both;
    font-size: 1.6em;
    color: #898989;
}

.crosssite-link-box {
    padding: 10px;
    background-color: #EFEEEE;
    -webkit-box-shadow: 0px 0px 2px 1px rgba(66, 66, 66, .3);
    box-shadow: 0px 0px 4px 1px rgba(66, 66, 66, .3);
}

.crosssite-link-box p {
    margin: 0;
    line-height: 1.5;
    text-align: left;
}

.subjects .crosssite-link-box p {
    font-size: 14px;
}

.subjects .crosssite-link-box p a {
    margin-right: 0;
}


/*
 *  Letter Jumper
*/

#letter_jumper {
    position: fixed;
    top: 0;
    right: -2%;
    width: 15%;
    max-width: 100px;
    height: 95%;
    padding: 10px 0 0 0;
    margin: 0 0 10px 0;
    z-index: 999999;
    overflow-y: scroll;
    overflow-x: hidden;
    text-align: center;
    font-family: Chaparral;
    font-size: 2vw;
    color: #808080;
    background: #f2f5ee;
    border-bottom: 5px solid rgba(161, 161, 161, .5);
    opacity: .9;
}

#letter_jumper div a {
    text-decoration: none;
    margin: 5px;
}

#letter_jumper div a span {
    font-size: .6em;
    vertical-align: super;
    margin: 0 0 0 2px;
}

#letter_jumper div {
    margin-top: 6px;
}

#letter_jumper a.current {
    color: #808080;
}

#u_0_0 {
    width: 100% !important;
}

.fb-like.fb_edge_widget_with_comment.fb_iframe_widget,
.fb-like.fb_edge_widget_with_comment.fb_iframe_widget > span,
.fb-like.fb_edge_widget_with_comment.fb_iframe_widget > span > iframe {
    width: 100% !important;
    height: auto !important;
}

#random_items {
    text-align: center;
}

#small_random_item {
    text-align: center;
}

.thumb_image {
    max-width: 100%;
    height: auto;
    max-height: 142px !important;
}

.thumb_meta > h1 > a {
    font-family: Chaparral;
    font-size: .9em;
    color: #596f91;
    letter-spacing: -.02em;
    line-height: 1em;
    margin: 0 !important;
    clear: none;
}

.thumb_meta > h2 {
    font-family: Chaparral;
    font-size: .8em;
    color: #434343;
    letter-spacing: -.02em;
    margin: 0 !important;
    margin-top: 2px !important;
    clear: none;
}

#found_id {
    text-align: center;
}

.replace_a {
    margin: 0;
}

#main_menu li:hover {
    color: #fff !important;
    background: #765c17;
}

#boring li:hover .replace_a {
    color: #fff;
}

.latest_items {
    max-height: 199px;
    overflow: hidden;
}

@media screen and (max-width: 353px){
    .latest_items {
        max-height: 237px !important;
    }
}

#colorbox {
    top: 120px !important;
}

#cboxTitle{
    width: 100% !important;
}

#related > div > p {
    text-align: center;
}

#related > fieldset > p {
    text-align: center;
}

section.item.photo > p {
    text-align: center;
}

#article_full {
    width: 100%;
}

table {
    max-width: 100%;
}

td {
    width: auto !important;
}

#related {
    background-color: rgba(102,45,2,0.2);
    border-radius: 20px;
    padding: 30px;
    padding-bottom: 15px;
    height: auto;
    margin-top: 15px;
}