/* RESETS */
.tm .tm-no-select {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.tm .tm-rounded-corners {
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
}

/* TIME CONTENT STYLING */
.tm .tm-content h2 {
    font: normal 21px/23px "ProximaNovaSemibold",Helvetica,Arial,sans-serif;
    text-shadow: 1px 1px 0 white;
    margin: -3px 0 5px 0;  
}

.tm .tm-content h3 {
    font: normal 18px/20px "ProximaNovaSemibold",Helvetica,Arial,sans-serif !important;
    text-shadow: 1px 1px 0 white;
    margin: 5px 0;
}

.tm .tm-content a, .tm .tm-content p span {
    color: #000;
}

.tm .tm-content a:hover {
    color: #07E;
}

/* TIME MACHINE TOGGLE */
#tm-toggle {
    position: absolute;
    top: -62px;
    left: 277px;
    width: 200px;
    height: 62px;
    z-index: 101;
    cursor: pointer;
    background: url('/static/images/public/time_machine/components/time-machine-toggle.png?v=1504104930') no-repeat center top;
}
#tm-toggle:hover {
    /* background-position: 0px -50px; */
}

@media all and (min-width:1125px) { /* RESPONSIVE */
	/* #tm-toggle { left: 350px; } NO LONGER NECESSARY SINCE PAGE WIDTH IS SMALLER */
}


/* TIME MACHINE SPINNER */
.tm #tm-spinner {
    position: absolute;
    top: 320px;
    left: 50%;
    z-index: 10;
    margin-left: -70px;
    padding: 20px;
    background-color: #ddd;
}

/* MACRO TIME MACHINE */
.tm { }
.tm .tm-sprite { background: url('/static/images/public/time_machine/components/time-machine-sprite.png?v=1504104930') no-repeat center top; }

/* DECADE PAGE BACKGROUND */
.tm.dec-dino { background: #3f5a06 url('/static/images/public/time_machine/decades/dec-dino/dino-page-bg.jpg?v=1504104930') repeat center top; }
.tm.dec-medieval { background: #000 url('/static/images/public/time_machine/decades/dec-medieval/medieval-page-bg.jpg?v=1504104930') no-repeat center top; }
.tm.dec-1890s { background: #988259 url('/static/images/public/time_machine/decades/dec-1890s/1970-page-bg.gif?v=1504104930') repeat center top; }
.tm.dec-20s { background: #988259 url('/static/images/public/time_machine/decades/dec-20s/1920-page-bg.jpg?v=1504104930') no-repeat center top;  }
.tm.dec-30s { background: #f5e7d5 url('/static/images/public/time_machine/decades/dec-30s/1930-page-bg.jpg?v=1504104930') repeat center top; }
.tm.dec-40s { background: #bbde00 url('/static/images/public/time_machine/decades/dec-40s/1940-page-bg.jpg?v=1504104930') repeat-y center top; }
.tm.dec-50s { background: #d2fff3 url('/static/images/public/time_machine/decades/dec-50s/1950-page-bg.png?v=1504104930') repeat center top; }
.tm.dec-60s { background: #8a1650 url('/static/images/public/time_machine/decades/dec-60s/1960-page-bg.png?v=1504104930') repeat center top; }
.tm.dec-70s { background: #b4c9cc url('/static/images/public/time_machine/decades/dec-70s/1970-page-bg.png?v=1504104930') repeat center top; }
.tm.dec-80s { background: #eee9b8 url('/static/images/public/time_machine/decades/dec-80s/1980-page-bg.png?v=1504104930') repeat center top; }
.tm.dec-90s { background: #52364d url('/static/images/public/time_machine/decades/dec-90s/1990-page-bg.png?v=1504104930') repeat center top; }
.tm.dec-00s { background: #000 url('/static/images/public/time_machine/decades/dec-00s/2000-page-bg.png?v=1504104930') no-repeat center top; }

/* DASHBOARD */
.tm #tm-container {
    overflow: hidden;
    width: 1020px; /* On home page this would be 1126px; */
    margin: 0px auto 0px auto;
    position: relative;
    background: #666 url('/static/images/public/time_machine/components/time-machine-hp-background.jpg?v=1504104930') repeat center top;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .tm #tm-container { width: 1020px; }
}

@media all and (max-width:1125px) { 
    .tm #tm-container { width: 1020px; }
}

.tm #tm-dashboard-container {
    width: 1020px;
    height: 170px;
    margin: 0 auto 0 auto;
    position: relative;
    margin-top: -170px;
}

.tm #tm-dashboard-faceplate {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
}

.tm #tm-decade-panel {
    position: absolute;
    top: 10px;
    left: 160px;
    width: 740px;
    height: 150px;
    background-position: -280px -180px;    
}

    /* Power Meter */
.tm #tm-power-meter-container {
    position: absolute;
    width: 40px;
    height: 150px;
    top: 4px;
    right: 45px;
    background-color: #000;
}
.tm .tm-power-meter {
    position: absolute;
    width: 40px;
    height: 10px;
    display: none;
}
.tm .tm-power-meter.block-1 { background-position: -230px -470px; bottom: 0px; top: 140px; height: 15px;} /* 0-140 by 10s are the positions of individual lines */
.tm .tm-power-meter.block-2 { background-position: -230px -460px; bottom: 10px; }
.tm .tm-power-meter.block-3 { background-position: -230px -450px; bottom: 20px; }
.tm .tm-power-meter.block-4 { background-position: -230px -440px; bottom: 30px; }
.tm .tm-power-meter.block-5 { background-position: -230px -430px; bottom: 40px; }
.tm .tm-power-meter.block-6 { background-position: -230px -420px; bottom: 50px; }
.tm .tm-power-meter.block-7 { background-position: -230px -410px; bottom: 60px; }
.tm .tm-power-meter.block-8 { background-position: -230px -400px; bottom: 70px; }
.tm .tm-power-meter.block-9 { background-position: -230px -390px; bottom: 80px; }
.tm .tm-power-meter.block-10 { background-position: -230px -380px; bottom: 90px; }
.tm .tm-power-meter.block-11 { background-position: -230px -370px; bottom: 100px; }
.tm .tm-power-meter.block-12 { background-position: -230px -360px; bottom: 110px; }
.tm .tm-power-meter.block-13 { background-position: -230px -350px; bottom: 120px; }
.tm .tm-power-meter.block-14 { background-position: -230px -340px; bottom: 130px;}

    /* Pin */
.tm #tm-pin {
    position: absolute;
    left: 494px;
    top: 41px;
    width: 60px;
    height: 1405px;
    background-position: 0 -330px;
    z-index: 1;
    
    -moz-transform:rotate(-32deg);
    transform:rotate(-32deg);
    -webkit-transform:rotate(-32deg);
    -ms-transform:rotate(-32deg);
    -o-transform: rotate(-32deg);
    zoom:1;
}

    /* Error */
.tm #tm-error {
    width: 122px;
    height: 25px;
    top: 20px;
    left: 170px;
    position: absolute;
    background-position: -143px -183px;
    z-index: 1;
    display: none;
}

    /* Powered by GE */
.tm #tm-powered-by-GE {
    width: 90px;
    height: 35px;
    top: 25px;
    left: 175px;
    position: absolute;
    background-position: -78px -232px;
    z-index: 1;
}

    /* Share Button */
.tm #tm-facebook-share-button {
    width: 84px;
    height: 22px;
    top: 25px;
    right: 131px;
    position: absolute;
    background-position: -134px -396px;
    z-index: 1;
}

.tm #tm-twitter-share-button {
    background-position: -134px -418px;
    width: 84px;
    height: 22px;
    top: 52px;
    right: 131px;
    position: absolute;
    z-index: 2;
}

.tm #tm-ge-trigger {
    width: 100px;
    height: 100px;
    top: 34px;
    left: 27px;
    position: absolute;
    z-index: 1;
}

    /* Power switch */
.tm #tm-power-switch {
    width: 28px;
    height: 35px;
    top: 120px;
    right: 132px;
    position: absolute;
    background-position: -80px -330px;
    z-index: 1;
    cursor: pointer;
}

.tm #tm-power-switch.tm-off {
    background-position: -120px -330px;
}

    /* Click regions & Faux Decade Buttons */
.tm .tm-faux-decade-label {
    -moz-opacity: 0.6; /* Netscape */
    -khtml-opacity: 0.6; /* Safari 1.x */
    opacity: 0.6; /* Good browsers */
}
.tm .tm-faux-decade-label.disabled, .tm .tm-click-region.disabled {
    /* Set to .35 to have mostly disabled */
    -moz-opacity: 0; /* Netscape */
    -khtml-opacity: 0; /* Safari 1.x */
    opacity: 0; /* Good browsers */
    cursor: default;
}
.tm .tm-faux-decade-label.highlight, .tm .tm-faux-decade-label.active { /* decade is chosen or active -- separate to avoid conflicts */
    -moz-opacity: 1; /* Netscape */
    -khtml-opacity: 1; /* Safari 1.x */
    opacity: 1; /* Good browsers */
}

.tm .tm-click-region {
    position: absolute;
    width: 35px;
    height: 50px;
    cursor: pointer;
}
.tm .tm-click-region.dec-dino-trigger { top: 73px; left: 211px; width: 44px; height: 65px; background-position: -331px -403px; }
.tm .tm-click-region.dec-medieval-trigger { top: 43px; left: 258px; width: 50px; height: 75px; background-position: -378px -373px;}
.tm .tm-click-region.dec-1890s-trigger { top: 53px; left: 318px; width: 44px; background-position: -438px -383px; }
.tm .tm-click-region.dec-20s-trigger { top: 44px; left: 381px; background-position: -501px -374px; }
.tm .tm-click-region.dec-30s-trigger { top: 35px; left: 431px; background-position: -551px -365px; }
.tm .tm-click-region.dec-40s-trigger { top: 30px; left: 484px; background-position: -604px -360px; }
.tm .tm-click-region.dec-50s-trigger { top: 30px; right: 444px; background-position: -661px -360px; }
.tm .tm-click-region.dec-60s-trigger { top: 35px; right: 391px; background-position: -714px -365px; }
.tm .tm-click-region.dec-70s-trigger { top: 44px; right: 340px; background-position: -765px -374px; }
.tm .tm-click-region.dec-80s-trigger { top: 55px; right: 285px; background-position: -820px -385px; }
.tm .tm-click-region.dec-90s-trigger { top: 71px; right: 232px; background-position: -873px -401px; }
.tm .tm-click-region.dec-00s-trigger { top: 91px; right: 183px; background-position: -922px -421px; }

.tm #tm-power-switch-trigger { width: 28px; height: 35px; top: 120px; right: 132px; z-index: 2;}
.tm #tm-share-trigger-facebook { width: 84px; height: 22px; top: 25px; right: 131px; position: absolute; z-index: 2; }
.tm #tm-share-trigger-twitter { width: 84px; height: 22px; top: 52px; right: 131px; position: absolute; z-index: 2; }

/* DECADE */
    /* header */
.tm #tm-decade-header {
    margin-bottom: 15px;
    width: 100%;
}

.tm #tm-decade-header {
    margin-bottom: 15px;
    position: relative;
    text-align: center;
}

    /* body */
.tm .tm-splash-image:hover {
    opacity: .9;
}
    
.tm #tm-decade-container {
    width: 1020px;
    margin: 0px auto 10px auto;
    padding: 15px 0;
    background-color: #fff;
    min-height: 1000px;
}
.tm.dec-dino #tm-decade-container { background: #faf7e4 url('/static/images/public/time_machine/decades/dec-dino/dino-content-bg.jpg?v=1504104930') no-repeat center top;}
.tm.dec-medieval #tm-decade-container { background: #e8d8b7 url('/static/images/public/time_machine/decades/dec-medieval/medieval-content-bg.jpg?v=1504104930') repeat-y center top; padding-top: 0px; }
.tm.dec-1890s #tm-decade-container { background: #faf7e4 url('/static/images/public/time_machine/decades/dec-1890s/1890-content-bg.jpg?v=1504104930') no-repeat center top; }
.tm.dec-20s #tm-decade-container { background: #f7f1e6 url('/static/images/public/time_machine/decades/dec-20s/1920-content-bg.jpg?v=1504104930') repeat center top; }
.tm.dec-30s #tm-decade-container { background: #e5e3d4 url('/static/images/public/time_machine/decades/dec-30s/1930-content-bg.png?v=1504104930') repeat center top; }
.tm.dec-40s #tm-decade-container { background: #fff; }
.tm.dec-50s #tm-decade-container { background: #fff; }
.tm.dec-60s #tm-decade-container { background: #f9f3e9 url('/static/images/public/time_machine/decades/dec-60s/1960-content-bg.jpg?v=1504104930') no-repeat center top; }
.tm.dec-70s #tm-decade-container { background: #fff; }
.tm.dec-80s #tm-decade-container { background: #fff; }
.tm.dec-90s #tm-decade-container { background: #f1eee0; }
.tm.dec-00s #tm-decade-container { background: #fff; }

.tm #tm-body-content {
    padding: 0 15px;
}

.tm #tm-body-content .column {
    float: left;
}

.tm #tm-decade-left {
    width: 660px;
    margin-right: 20px;
}

.tm #tm-decade-left .small-meta {
    width: 400px;
    margin-bottom: 10px;
}

.tm #tm-decade-right {
    width: 310px;
}

.tm .tm-content {
    margin-top: 20px;
}
    /* right sidebar list */
.tm #tm-sidebar-list .tm-content-container {
    margin-bottom: 20px;
}

.tm #tm-sidebar-list .tm-content-container a:hover h3 {
    color: #e32;
}

.tm #tm-sidebar-list .tm-content-container img {
    width: 100%;
}

    /* post list */
.tm ul#tm-article-list li {
    width: 100%;
    clear: both;
}

.post + .post {
    padding-top: 15px;
}

.tm ul#tm-article-list .desc-and-meta {
    margin-left: 145px;
}

.tm ul#tm-article-list li .thumb-unit {
    margin: 0 20px 15px 0;
    float: left;
}

    /* advertisement */
.tm #tm-decade-right .BF_IFRAME {
    width: 100%;
}

    /* custom header assets */
.tm.dec-30s #tm-newspapers {
    position: fixed;
    top: 0px;
    z-index: -1;
    margin-left: -395px;
}
.tm .tm-fixed-bg-elem {
    display: none;
}

/* UTILITY */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

    /* shadows */
.tm-shadow {
	-moz-box-shadow: 0px 0px 40px #666;
	-webkit-box-shadow: 0px 0px 40px #666;
	box-shadow: 0px 0px 40px #666;
}

#tm-container.tm-shadow {
	-moz-box-shadow: 0px -14px 40px #666;
	-webkit-box-shadow: 0px -14px 40px #666;
	box-shadow: 0px -14px 40px #666;
}

/* OLD BROWSER EXPERIENCE */
    /* prep the faceplate */
.tm.tm-old-browser-experience #tm-dashboard-container { background: url('/static/images/public/time_machine/old_browser_experience/tm-static-head-default.png?v=1504104930') no-repeat center top; }
.tm.tm-old-browser-experience #tm-dashboard-faceplate { background: none; }
.tm.tm-old-browser-experience #tm-pin { background: none; }
.tm.tm-old-browser-experience #tm-power-meter-container { background: none; }
.tm.tm-old-browser-experience #tm-decade-panel { background: none; }
.tm.tm-old-browser-experience #tm-dashboard-faceplate .tm-click-region { background: url('/static/images/public/time_machine/old_browser_experience/div_bg_pixel.gif?v=1504104930') no-repeat center top; }
/*.tm.tm-old-browser-experience .tm-faux-decade-label { background: none; }*/

    /* remove the pin nubs from the active decade to avoid nub over pin */
.tm.tm-old-browser-experience .tm-faux-decade-label.active { height: 25px; }
.tm.tm-old-browser-experience .tm-faux-decade-label.dec-dino-trigger.active { height: 45px; }
.tm.tm-old-browser-experience .tm-faux-decade-label.dec-medieval-trigger.active { eight: 55px; }

    /* prep the decades */
.tm.tm-old-browser-experience.dec-dino #tm-dashboard-container { background: url('/static/images/public/time_machine/old_browser_experience/tm-static-head-dino.png?v=1504104930') no-repeat center top; }
.tm.tm-old-browser-experience.dec-medieval #tm-dashboard-container { background: url('/static/images/public/time_machine/old_browser_experience/tm-static-head-medieval.png?v=1504104930') no-repeat center top; }
.tm.tm-old-browser-experience.dec-1890s #tm-dashboard-container { background: url('/static/images/public/time_machine/old_browser_experience/tm-static-head-1890s.png?v=1504104930') no-repeat center top; }
.tm.tm-old-browser-experience.dec-20s #tm-dashboard-container { background: url('/static/images/public/time_machine/old_browser_experience/tm-static-head-20s.png?v=1504104930') no-repeat center top; }
.tm.tm-old-browser-experience.dec-30s #tm-dashboard-container { background: url('/static/images/public/time_machine/old_browser_experience/tm-static-head-30s.png?v=1504104930') no-repeat center top; }
.tm.tm-old-browser-experience.dec-40s #tm-dashboard-container { background: url('/static/images/public/time_machine/old_browser_experience/tm-static-head-40s.png?v=1504104930') no-repeat center top; }
.tm.tm-old-browser-experience.dec-50s #tm-dashboard-container { background: url('/static/images/public/time_machine/old_browser_experience/tm-static-head-50s.png?v=1504104930') no-repeat center top; }
.tm.tm-old-browser-experience.dec-60s #tm-dashboard-container { background: url('/static/images/public/time_machine/old_browser_experience/tm-static-head-60s.png?v=1504104930') no-repeat center top; }
.tm.tm-old-browser-experience.dec-70s #tm-dashboard-container { background: url('/static/images/public/time_machine/old_browser_experience/tm-static-head-70s.png?v=1504104930') no-repeat center top; }
.tm.tm-old-browser-experience.dec-80s #tm-dashboard-container { background: url('/static/images/public/time_machine/old_browser_experience/tm-static-head-80s.png?v=1504104930') no-repeat center top; }
.tm.tm-old-browser-experience.dec-90s #tm-dashboard-container { background: url('/static/images/public/time_machine/old_browser_experience/tm-static-head-90s.png?v=1504104930') no-repeat center top; }
.tm.tm-old-browser-experience.dec-00s #tm-dashboard-container { background: url('/static/images/public/time_machine/old_browser_experience/tm-static-head-00s.png?v=1504104930') no-repeat center top; }