/*
	Theme Name: Timeline for Martin Varsavsky - v1
	Theme URI: http://themeforest.net/user/Serifly
	Description: Child theme for the Timeline Theme
	Author:         Alejandro Carravedo (Blogestudio)
	Author URI:     http://blogestudio.com
	Template:       timeline
	Version:        0.1.0
*/

body { font-size: 15px; }

body .blogPost P { margin: 20px 0; }
body .blogPost .blogPostHeader { padding-bottom: 0; margin: 0 0 20px; }
body .blogPost .blogPostHeader P { margin: 0; }

body .blogPost .blogPostHeader .title h1 { font-size: 28px; text-transform: none; }

body .blogPost .blogPostHeader .date .month { line-height: 1; height: auto; padding: 2px 0 4px; }

body .blogPostComments .comment .commentContent { }
body .blogPostComments .comment .commentContent P { margin: 20px 0; }

body div.heroUnit { padding: 40px 0; }

body ul.social {	float: right; list-style-type: none; padding: 25px 0; }
	body ul.social li { float: left; }
		body ul.social li a { display: block; width: 30px; height: 30px; background: transparent url(images/social.png) center center no-repeat;
				-webkit-transition: opacity 250ms; -moz-transition: opacity 250ms; -ms-transition: opacity 250ms; -o-transition: opacity 250ms; transition: opacity 250ms;
				padding: 0; border-top: none;
		}
			body ul.social li a.twitter { background-position: left top; }
			body ul.social li a.facebook { background-position: -30px top; }
			body ul.social li a.dribbble { background-position: -60px top; }
			body ul.social li a.forrst { background-position: -90px top; }
			body ul.social li a.vimeo { background-position: -120px top; }
			body ul.social li a.google { background-position: -150px top; }
			body ul.social li a.youtube { background-position: -180px top; }
			body ul.social li a.flickr { background-position: -210px top; }
			body ul.social li a.pinterest { background-position: -240px top; }
			body ul.social li a.instagram { background-position: -270px top; }

			body ul.social li a:hover { opacity: 0.25; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"; filter: alpha(opacity=25); }

body .widget ul.social { padding: 0; border-bottom: 0 none; }
	body .widget ul.social li { padding: 0 10px; }
body #header ul.social li a { background-image: url(images/social.png); }
	body #header ul.social li a.instagram { background-position: -270px top; }

body #content .contentColumn P { margin: 0 0 20px; }


.fb-comments,
.fb-comments iframe[style],
.fb-like-box,
.fb-like-box iframe[style] {
	width: 100% !important;
}

.fb-comments span,
.fb-comments iframe span[style],
.fb-like-box span,
.fb-like-box iframe span[style] {
	width: 100% !important;
}



.inversiones { margin: 20px 0; }
.inversiones .item { float: left; width: 173px; margin: 20px 65px; text-align:center; height: 122px; }
.inversiones .item .zoom { display: block; height: 83px; }

	
.offtopic-year {
	margin: 0; padding: 0;
	margin-bottom: 40px;
}
	
	.offtopic-year LI {
		display: block;
		padding: 5px;
		background: none;
		clear: both;
	}
	
		.offtopic-list .offtopic-year LI A {
			padding: 3px 10px;
			display: block;
			color: #393838;
			text-decoration: none;
			font-weight: bold;
		}
			
			.offtopic-list .offtopic-year LI A:hover {
				color: #519FCB;
			}
		
		.offtopic-year LI UL {
			border-left: 1px solid #519FCB;
			height: 20px;
			margin: 3px 0 3px 4px;
		}
		
		.offtopic-year LI LI {
			/*width:35px;*/
			margin: 0; padding: 1px;
			float: left;
			text-align: center;
			clear: none;
			border-top: 1px #519FCB solid;
			border-right: 1px #519FCB solid;
			border-bottom: 1px #519FCB solid;
		}
			
			.offtopic-list .offtopic-year LI LI A {
				margin: 0; padding: 0 8px;
				color: #519FCB;
				text-decoration: none;
				font-weight: normal;
				border-bottom: 0;
				display: block;
			}

				.offtopic-list .offtopic-year LI LI A:hover {
					text-decoration: underline;
				}
				
				.offtopic-list .offtopic-year LI LI.current_page_item {
				}
					
					.offtopic-list .offtopic-year LI LI.current_page_item A {
						font-weight: bold;
						background: #519FCB;
						color: #fff;
					}

.comment-mv-author {
	border: 1px solid #c2d1e1;
	background: #f5f7fa;
	padding: 5px;
}

BODY .blogPostComments .comment.depth-2,
BODY .blogPostComments .comment.depth-3,
BODY .blogPostComments .comment.depth-4,
BODY .blogPostComments .comment.depth-5 {
	margin-left: 62px;
	border-left: 1px solid #C2D1E1;
	padding-left: 4px;
}



BODY .subscribe-to-comments {
	padding: 14px 0;
}
	
	BODY .subscribe-to-comments INPUT {
		float: left;
		vertical-align: middle;
		margin: 0 5px 0;
	}

	BODY .subscribe-to-comments LABEL {
		vertical-align: middle;
	}



.theme-buttons { text-align: right; margin-bottom: -52px; }
	.theme-buttons IFRAME { vertical-align: middle; padding: 0 6px; background: #fff; }
	.theme-buttons DIV { vertical-align: middle; padding: 0 6px; background: #fff; }
		.theme-buttons DIV DIV { padding: 0; background: #none; }