img.timemachine-thumb {
    display: block;
    float: left;
    clear: left;
    margin-right: 10px !important;
    padding: 3px !important;
    border: 1px #CCCCCC solid;
    vertical-align: bottom;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4);
    box-shadow: 0 1px 2px rgba(0,0,0,.4);
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    height: 100px;
    width: 100px;
}

.timemachine-title {
    font-weight: bold;
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
    text-decoration: none;
    line-height: 1.1em;
}


.timemachine-date {
    text-align : center;
    margin-top : 10px;
    margin-bottom : 0px;
}

h5.timemachine-cat {
    color: #808285;
    font-size: 1.2em;
}

.tab-panel, hr{
    margin-top : 10px;
    margin-bottom : 10px;
}

li.timemachine-posts{
    overflow: hidden;
    padding-top: 10px;
    padding-bottom: 10px;
}

/* Tab */

.tab_wrap{
    width:500px;
    margin:80px auto;
}

input[type="radio"]{
    display:none;
}

.tab_area{
    font-size:0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.tab_area label{
    width:150px;
    margin:1px 0;
    display:inline-block;
    padding:6px 0;
    color:#222;
    background:#eee;
    text-align:center;
    font-size:0.65rem;
    cursor:pointer;
    transition:ease 0.2s opacity;
}

.tab_area label:hover{
    opacity:0.5;
}
.panel_area{

}
.tab_panel{
    width:100%;
    padding:0px 0px;
    display:none;
}
.tab_panel p{
    font-size:14px;
    letter-spacing:1px;
    text-align:center;
}

#tab1:checked ~ .tab_area .tab1_label{
    background:#ccc;
    color:#000;
    border-bottom : solid 5px #6dcef5;
}
#tab1:checked ~ .panel_area #panel1{
    display:block;
    animation:tabAnim ease 0.6s forwards;
    -ms-animation:tabAnim ease 0.6s forwards;
}
#tab2:checked ~ .tab_area .tab2_label{
    background:#ccc;
    color:#000;
    border-bottom : solid 5px #6dcef5;
}
#tab2:checked ~ .panel_area #panel2{
    display:block;
    animation:tabAnim ease 0.6s forwards;
    -ms-animation:tabAnim ease 0.6s forwards;
}
#tab3:checked ~ .tab_area .tab3_label{
    background:#ccc;
    color:#000;
    border-bottom : solid 5px #6dcef5;
}
#tab3:checked ~ .panel_area #panel3{
    display:block;
    animation:tabAnim ease 0.6s forwards;
    -ms-animation:tabAnim ease 0.6s forwards;
}
#tab4:checked ~ .tab_area .tab4_label{
    background:#ccc;
    color:#000;
    border-bottom : solid 5px #6dcef5;
}
#tab4:checked ~ .panel_area #panel4{
    display:block;
    animation:tabAnim ease 0.6s forwards;
    -ms-animation:tabAnim ease 0.6s forwards;
}

@keyframes tabAnim{
	0%{opacity:0;}
	100%{opacity:1;}
}