#blog {
    padding-bottom:11px;
}

#blog > p {
    margin-bottom:26px;
}

#blog > div.timeline {
    position:relative;
}

#blog > div.timeline > div.square {
    position:absolute;
    z-index:1;
    left:50%;
    margin-left:-3px;
    width:6px;
    height:6px;
    border:1px solid rgba(255,255,255,0.3);
    margin-bottom:6px;
}

#blog > div.timeline > div.line {
    position:absolute;
    z-index:1;
    left:50%;
    top:12px;
    background:rgba(255,255,255,0.3);
    width:1px;
    height:100%;
}

#blog > div.timeline > div.gradient {
    position:absolute;
    z-index:0;
    left:50%;
    margin-left:-100px;
    width:200px;
    height:100%;
    padding-bottom:11px;
    background: -moz-linear-gradient(left,  rgba(106,106,106,0) 0%, rgba(106,106,106,1) 40%, rgba(106,106,106,1) 60%, rgba(106,106,106,0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(106,106,106,0)), color-stop(40%,rgba(106,106,106,1)), color-stop(60%,rgba(106,106,106,1)), color-stop(100%,rgba(106,106,106,0)));
    background: -webkit-linear-gradient(left,  rgba(106,106,106,0) 0%,rgba(106,106,106,1) 40%,rgba(106,106,106,1) 60%,rgba(106,106,106,0) 100%);
    background: -o-linear-gradient(left,  rgba(106,106,106,0) 0%,rgba(106,106,106,1) 40%,rgba(106,106,106,1) 60%,rgba(106,106,106,0) 100%);
    background: -ms-linear-gradient(left,  rgba(106,106,106,0) 0%,rgba(106,106,106,1) 40%,rgba(106,106,106,1) 60%,rgba(106,106,106,0) 100%);
    background: linear-gradient(to right,  rgba(106,106,106,0) 0%,rgba(106,106,106,1) 40%,rgba(106,106,106,1) 60%,rgba(106,106,106,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006a6a6a', endColorstr='#006a6a6a',GradientType=1 );
}

#blog > div.timeline > div.left,
#blog > div.timeline > div.right {
    position:relative;
    z-index:1;
    width:47%;
    margin-right:6%;
    float:right;
}

#blog > div.timeline > div.right {
    width:47%;
    margin-right:0;
}

#blog > div.timeline > div > article {
    position:relative;
    z-index:1;
    margin-bottom:26px;
}

#blog > div.timeline > div > article > a {
    display:block;
    color:inherit;
    text-decoration:none;
    background:rgba(255,255,255,0.2);
    padding:10px 10px 10px 10px;
    -ms-transition-property:all;
    transition-property:all;
}

#blog > div.timeline > div > article > a:hover {
    background-color:#A31916;
}

#blog > div.timeline > div > article > a > div.arrow {
    position:absolute;
    top:95px;
	width:0; 
	height:0; 
	border-top: 9px solid transparent;
	border-bottom: 9px solid transparent;
    -ms-transition-property:all;
    transition-property:all;
}

#blog > div.timeline > div > article > a > div.square {
    position:absolute;
    top:95px;
    display:block;
    border:6px solid #6A6A6A;
    width:5px;
    height:5px;
    background:#A31916;
}

#blog > div.timeline > div > article > a img {
    width:100%;
    height:auto;
    margin-bottom:8px;
}

#blog > div.timeline > div > article > a > p {
    margin:0;
    line-height:17px;
    background:rgba(255,255,255,0.2);
    padding:20px 24px 24px 24px;
    margin-bottom:12px;
    text-align:justify;
    font-family:Asap,inherit;
    font-size:12px;
}

#blog > div.timeline > div > article > a > div.video {
    position:relative;
}

#blog > div.timeline > div > article > a > div.video > div.play {
    position:absolute;
    z-index:1;
    width:92px;
    height:92px;
    top:50%;
    left:50%;
    margin-left:-46px;
    margin-top:-46px;
    background:url(images/play.svg) no-repeat 50% 50%;
}

.no-svg #blog > div.timeline > div > article > a > div.video > div.play {
    background-image:url(images/play.png);
}

#blog > div.timeline > div > article > a > span {
    display:block;
    margin-bottom:0px;
    font-family:Asap,inherit;
    font-size:12px;
}

#blog > div.timeline > div > article > a > h3 {
    margin:0;
    text-transform:uppercase;
    font-weight:300;
    font-size:18px;
}

#blog > div.timeline > div.left > article > a > div.arrow {
	border-left:12px solid rgba(255,255,255,0.2);
    right:-12px;
}

#blog > div.timeline > div > article > a:hover > div.arrow {
    border-left-color:#A31916;
}

#blog > div.timeline > div.left > article > a > div.square {
    right:-34px;
}

#blog > div.timeline > div.right > article > a > div.arrow {
	border-right:12px solid rgba(255,255,255,0.2);
    left:-12px;
}

#blog > div.timeline > div > article > a:hover > div.arrow {
    border-right-color:#A31916;
}

#blog > div.timeline > div.right > article > a > div.square {
    left:-32px;
}

#blog > div.timeline > div > aside.search {
    margin-bottom:29px;
}



@media (max-width:1010px) {
    
    #blog > div.timeline > div > article > a > div.square {
        display:none;
    }

    #blog > div.timeline > div.gradient {
        display:none;
    }
    
}


@media (max-width:660px) {
    

    #blog > div.timeline > div.square {
        display:none;
    }

    #blog > div.timeline > div.line {
        display:none;
    }
    
    #blog > div.timeline > div.left,
    #blog > div.timeline > div.right {
        width:auto;
        margin-right:0;
        float:none;
    }

    #blog > div.timeline > div.right {
        width:auto;
    }

    #blog > div.timeline > div > article > a > div.arrow {
       display:none;
    }

    #blog > div.timeline > div > aside.search {
        margin-bottom:20px;
    }
    
}
div.pager {
    margin-bottom: 5px;
    text-align: right;
}