﻿.articulo
{
    padding-bottom: 20px;
    border-bottom: 1px solid Gainsboro;
}

.articulo a {
    text-decoration: none;
}


.timeline {
    position: relative;
    padding-left: 100px;
}

.timeline > .timeline-hline {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    margin-left: 30px;
    width: 1px;
    border-left: rgba(0, 0, 0, 0.1) 1px dashed;
    height: 100%;
}

.timeline .timeline-entry > .timeline-vline {
    position: absolute;
    top: 50%;
    margin-top: -1px;
    right: -30px;
    width: 30px;
    height: 0px;
    border-top: 1px dashed #CCC;
}

.blog-post-item {
    display: block;
    padding-bottom: 60px;
    border-bottom: #eee 1px solid;
    position: relative;
}

.timeline .timeline-entry {
    display: block;
    border: rgba(0, 0, 0, 0.1) 3px solid;
    background-color: #fff;
    padding-top: 10px;
    top: 20px;
    z-index: 10;
    position: absolute;
    left: -102px;
    right: auto;
    width: 64px;
    height: 64px;
    font-size: 26px;
    text-align: center;
    line-height: 1;
    color: #ccc;
    font-weight: bold;
    font-family: "Lato","Open Sans",Arial,Helvetica,sans-serif;
}

.timeline .timeline-entry > span {
    display: block;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 300;
    font-family: "Open Sans",Arial,Helvetica,sans-serif;
}


ul.blog-post-info {
    display: block;
    border-bottom: #eaeaea 1px dotted;
    padding-bottom: 20px;
}

.list-inline {
    padding-left: 0px;
    margin-left: -5px;
    list-style: none;
}

/* 
	bootstrap rewrite 
*/
img.img-responsive {
	display:inline-block;
}


.blog-post-item h2 a {
    text-decoration: none;
}

.h2-isotope a {
    text-transform: uppercase;
    line-height: 1.25em;
    font-size: 23px;
}

/** Isotope Blog 
	 ****************** **/
	#blog.blog-isotope {
		display:block;
		margin:auto;
		width:100%;
	}
	#blog.blog-isotope-3 .blog-post-item .flexslider,
	#blog.blog-isotope-4 .blog-post-item .flexslider,
	#blog.blog-isotope-5 .blog-post-item .flexslider,
	#blog.blog-isotope-6 .blog-post-item .flexslider {
		margin-bottom:20px;
	}
	
	/* 2 columns */
	#blog.blog-isotope-2 .blog-post-item {
		margin: 0 20px 20px 0;
		float:left;
		border:0;
	}
		#blog.blog-isotope-2.blog-post-item h2 {
			font-size:17px;
			line-height:17px;
		}
	
	/* 3 columns */
	#blog.blog-isotope-3 .blog-post-item {
		margin: 0 15px 15px 0;
		border:0;
	}
		#blog.blog-isotope-3 .blog-post-item h2 {
			font-size:17px;
			line-height:17px;
		}
	
	/* 4 columns */
	#blog.blog-isotope-4 .blog-post-item {
		margin: 0;
		padding:0 15px 60px 15px;
		border:0;
	}
		#blog.blog-isotope-4 .blog-post-item h2 {
			font-size:17px;
			line-height:17px;
		}

	/* 5 columns */
	#blog.blog-isotope-5 .blog-post-item {
		margin: 0 10px 10px 0;
		border:0;
	}
		#blog.blog-isotope-5 .blog-post-item  h2 {
			font-size:16px;
			line-height:16px;
		}

	/* 6 columns */
	#blog.blog-isotope-6 .blog-post-item {
		margin: 0 6px 6px 0;
		border:0;
	}
		#blog.blog-isotope-6 .blog-post-item h2 {
			font-size:15px;
			line-height:15px;
		}
	
	
	

	/** Blog Single
	 ****************** **/
	.blog-single-small-media {
		width:350px;
		float:left;
		margin-right:30px;
		margin-bottom:20px;
	}
	.blog-single-small-media.inverse {
		float:right;
		margin-right:0;
		margin-left:30px;
	}
