/*
Theme Name: Sputnik
Theme URI: http://mejorandolaweb.com/
Description: Awesome theme developed by Duperrific
Version: 1.5
Author: Armando Sosa
Tags: incredible awesomness

*/


/* Type
---------------------------------------- */
@font-face {
  font-family: 'Museo';
  src: local('Museo'),
         url('fonts/Museo700-Regular.otf') format('opentype');
}

@font-face {
  font-family: 'Museo Sans';
  src: local('Museo Sans'), 
         url('fonts/MuseoSans_500.otf') format('opentype');
}


/* 
---------------------------------------- */

*{
	margin:0;
	padding:0;
}

body{
	text-align:center;
	background:#98bf4b url(images/container_bg.png) repeat-y center;	
	font-family:helvetica, arial, verdana, sans-serif;
	font-size:14px;
	line-height:21px;
}

a{
	color:#ef5a00;
}

a img{
	border:none;
}

p {
	margin: 5px 0 5px 0;
}

#container{
	width:960px;
	margin:0 auto;
	text-align:left;
	position:relative;
}


#header{
	position:absolute;
	width:340px;
	left:10px;
	top:0;
}

#content, #sidebar{
	display:inline;
	margin:10px;
	float:right;
}

#content{
	width:580px;
}

	.section-title{
		text-transform:lowercase;
		font-family:museo, helvetica, "ms trebuchet", sans-serif ;		
		font-size:28px;
		letter-spacing:0.02em;
		color:#fff;	
		height:50px;
		line-height:35px;
		text-indent:10px;
		width:480px;
		background:url(images/video-meta.png);
		position:relative;
	}



	.section-title a{		
		display:inline-block;
		color:inherit;
		text-decoration:none;
	}

	.section-title a:hover{
		color:#fedb73;
	}

	.section-title span.date{
		font-size:18px;
		color:#fedb73;
		position:absolute;
		right:10px;
		top:3px;
	}

	.section-title span.blog{
		font-size:20px;
		display:block;
	}


	.section-title span.archive{
		font-size:20px;
		color:#fff;
	}

	#single-entry{
		margin-left:50px;
	}
		#single-entry .entry-title{
			border-bottom:1px solid #f0f0f0;
			width:480px;
			padding-bottom:10px;
		}
		
		#single-entry .entry-title, #single-entry .entry-title a{
			font-weight:normal;
			color:#000;
			text-decoration:none;
			font-family:museo, helvetica, "ms trebuchet", sans-serif ;	
			font-size:30px;
			line-height:30px;	
			display:block;
			margin-bottom:14px;
		}
		
			#single-entry .entry-title a span, #single-entry .entry-title span{
				font-weight:bold;
				font-size:55px;
				line-height:35px;					
				color:#ef5a00;
				display:block;
				text-transform:lowercase;				
			}
			
		#single-entry .video{
			width:480px;
			hdeight:386px;
			position:relative;
			overflow:hidden;
			margin-bottom:20px;
		}
		
			#single-entry .video img{
				position:absolute;
			}
		
		#single-entry .entry-content{
			width:480px;
		}
		
		#single-entry .social{
			position:relative;
			width:480px;
			height:40px;
			margin-top:10px;
			margin-bottom:14px;
			text-align:right;
		}
		
			#single-entry .social a{
				text-decoration:none;
				margin-left:10px;
				outline:none;
			}
			
			#single-entry .social a.comments-number{
				font-family:museo;
				font-size:20px;
				position:relative;
				top:-15px;
				display:inline-block;
				width:38px;
				height:38px;
				line-height:38px;
				text-align:center;
				background:#fedb73;
				margin-top:-2px;				
				-moz-border-radius:3px;
				-moz-box-shadow:#e0e0e0 0 2px 0;
			}
			
		#single-entry .post-header{
			color:#666;
			font-size:11px;
			line-height:18px;
		}
			

	#blog{
		margin:20px 0;
		margin-left:50px;		
	}
	
		#blog .entry{			
			width:460px;
			padding:10px;			
			padding-bottom:18px;
			border-bottom:1px solid #ccc;
			margin-bottom:9px;
		}
		
		#blog .entry-title{
			font-weight:normal;
			color:#000;
			text-decoration:none;
			font-family:museo, helvetica, "ms trebuchet", sans-serif ;	
			font-size:23px;
			line-height:31px;	
			display:block;
			margin-bottom:10px;
		}
		
			#blog .entry-title a{
				text-decoration:none;
				color:#ef5a00;				
			}
			
			#blog .post-header, #blog .post-bottom{
				background:#f0f0f0;
				color:#642;
				font-size:11px;
				line-height:22px;
				margin-bottom:10px;
				-moz-border-radius:5px;
				-webkit-border-radius:5px;
				border-radius:5px;
/*				padding:0 16px;*/
			}

				#blog .post-header span{
					padding:0 16px;
					display:inline-block;
				}
			
					#blog .post-header span:nth-child(2){
						background:#e9e9e9;
						border-left:1px solid #fff;
						border-right:1px solid #fff;
					}
			
			#blog .post-bottom{
				margin-top:10px;
				border-bottom:none;
			}


	#archive{
		margin:20px 0;
		margin-left:50px;				
	}
	
		#archive .video-entry{
			position:relative;
			width:360px;
			padding-left:120px;
			min-height:120px;
			border-top:1px solid #eee;
			margin-top:14px;
			padding-top:14px;
		}
		
			#archive .first{
				border-top:none;
			}
	
			#archive .entry-title a{
				font-weight:normal;
				color:#000;
				text-decoration:none;
				font-family:museo, helvetica, "ms trebuchet", sans-serif ;	
				font-size:18px;
				line-height:18px;	
				display:block;
				margin-bottom:14px;
			}
	
				#archive .entry-title a span{
					font-weight:bold;
					font-size:33px;
					line-height:22px;					
					color:#ef5a00;
					display:block;
					text-transform:lowercase;				
				}

			#archive .entry-header{
				color:#666;
				font-size:11px;
				line-height:18px;
			}

		
			#archive .video-entry .video{
				position:absolute;
				left:0;
			}

			#archive .video-entry .entry-content{
				font-size:12px;
				line-height:18px;
			}
	
	#respond{
		border-top:1px solid #eee;
		margin:20px 0;
		padding:20px 0;
		width:480px;
	}
	
		#respond h3{
			
		}
	
			

#sidebar{
	width:340px;
	margin-top:120px;
}

	#weeee{
		display:block !important;		
		display:none;
		position:absolute;
		left:162px;
		top:189px;
		background:url(images/el-mundito.png) no-repeat;
		width:35px;
		height:35px;
	}

	#sidebar #schedule{
		margin-bottom:30px;
	}

		#sidebar #schedule h3{
			color:#3e3e3e;
			background:#fedb73;
			margin-bottom:10px;
			text-align:center;
			padding:20px 0;
			font-size:14px;
			font-weight:normal;
			font-family:museo, helvetica, "ms trebuchet", sans-serif ;		
			letter-spacing:0.02em;			
			-moz-border-radius:10px;
			-webkit-border-radius:10px;
			border-radius:10px;
		}
	
			#sidebar #schedule h3 span{
				font-size:18px;				
				display:block;
				text-transform:uppercase;
			}

			#sidebar #schedule h3 a{
				color:#3e3e3e;			
			}

			#sidebar #schedule h3 span strong{
				font-weight:normal;
				color:#c21;
			}

		#sidebar #schedule table{
			color:#4b4b4b;
			background:#fff;
			padding:20px 0;
			width:100%;
			font-size:12px;
			line-height:18px;
			font-weight:bold;
			-moz-border-radius:10px;
			-webkit-border-radius:10px;
			border-radius:10px;		
		}
	
			#sidebar #schedule table td.time{
				color:#5e7983;
				font-weight:normal;
				text-align:right;
				padding:0 5px;
				width:80px;
			}

	#sidebar #video-archives{
		background:#fff;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		border-radius:10px;	
		font-size:12px;
		line-height:18px;			
	}
	
		#sidebar #video-archives h2 a{
			text-decoration:none;
			display:block;
			color:#fff;
			background:#f27b33;
			width:260px;
			height:40px;
			line-height:40px;
			margin-left:40px;
			font-size:20px;
			font-family:museo, helvetica, "ms trebuchet", sans-serif ;		
			font-weight:normal;
			letter-spacing:0.025em;						
			text-align:center;
			position:relative;
			top:-20px;
			-moz-border-radius:10px;
			-webkit-border-radius:10px;
			border-radius:10px;					
		}

		#sidebar #video-archives h2 a:hover{
			background:#c21;
		}


	
		#video-archives .video-entry{
			padding-right:10px;
			padding-left:120px;
			height:120px;
			position:relative;
			margin:10px 0;
		}
		
			#video-archives .entry-title{
				font-weight:normal;
				font-family:museo, helvetica, "ms trebuchet", sans-serif ;		
				letter-spacing:0.02em;			
				font-size:13px;
			}
		
			#video-archives a{
				color:#690;
			}
		
			#video-archives .video-entry .video{
				position:absolute;
				left:10px;
				top:0;
			}
			
			#video-archives .more{
				padding:10px;
				text-align:right;
			}

		

#footer{
	padding:20px 0;
	margin-left:420px;
	font-size:11px;
	line-height:12px;
	clear:both;
}


	


/* =Comments
-------------------------------------------------------------- */

#comments{
	padding:20px 0;
	width:480px;
	border-top:1px solid #f0f0f0;
}

#comments .navigation {
	padding: 0 0 18px 0;
}

h3#comments-title,
h3#reply-title {
	color: #a00;
	background:#fedb73;	
	font-weight: normal;
	font-size: 14px;
	letter-spacing:0.025em;
	text-align:center;
	margin-bottom: 20px;
	padding:0 10px;		
	line-height:35px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;	
}

h3#comments-title em{
	font-style:normal;
	font-weight:bold;
}
.commentlist {
	list-style: none;
	margin: 0;
}
.commentlist li.comment {
	border-bottom: 1px solid #e7e7e7;
	line-height: 24px;
	margin: 0 0 24px 0;
	padding: 0 0 0 56px;
	position: relative;
}
.commentlist li:last-child {
	border-bottom:none;
	margin-bottom:0;
}
#comments .comment-body ul,
#comments .comment-body ol {
	margin-bottom: 18px;
}
#comments .comment-body p:last-child {
	margin-bottom: 6px;
}
#comments .comment-body blockquote p:last-child {
	margin-bottom: 24px;
}
.commentlist ol {
	list-style: decimal;
}
.commentlist .avatar {
	position: absolute;
	top: 4px;
	left: 0;
}
.comment-author {
}
.comment-author cite {
	color: #000;
	font-style: normal;
	font-weight: bold;
}
.comment-author .says {
	font-style: italic;
}
.comment-meta {
	font-size: 12px;
	margin: 0 0 18px 0;
}
.comment-meta a:link,
.comment-meta a:visited {
	color: #888;
	text-decoration: none;
}
.comment-meta a:active,
.comment-meta a:hover {
	color: #FF4B33;
}
.commentlist .even {
}
.commentlist .bypostauthor {
}
.reply {
	font-size: 12px;
	padding: 0 0 24px 0;
}
.reply a,
a.comment-edit-link {
	color: #888;
}
.reply a:hover,
a.comment-edit-link:hover {
	color: #FF4B33;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li {
	border: none;
	margin: 0;
}
.nocomments {
	display: none;
}
#comments .pingback {
	margin-bottom: 18px;
	padding-bottom: 18px;
	border-bottom: 1px solid #e7e7e7;
}
.commentlist li.comment+li.pingback {
	margin-top: -6px;
}
#comments .pingback p {
	color: #888;
	font-size: 12px;
	line-height: 18px;
	display:block;
	margin: 0;
}
#comments .pingback .url {
	font-style: italic;
	font-size: 13px;
}



/* Comments form */
input[type=submit] {
	color: #333;
}
#respond {
	margin-top: 24px;
	border-top: 1px solid #e7e7e7;
	overflow: hidden;
	position: relative;
}
	#respond p {
		margin: 0;
	}
	#respond .comment-notes {
		margin-bottom: 1em;
	}
	.form-allowed-tags {
		line-height: 1em;
	}
	.children #respond {
		margin: 0 48px 0 0;
	}
	h3#reply-title {
		margin: 18px 0;
	}
	#comments-list #respond {
		margin: 0 0 18px 0;
	}
	#comments-list ul #respond {
		margin: 0;
	}
	#cancel-comment-reply-link {
		font-size: 12px;
		line-height: 18px;
		font-weight: normal;
	}
	#respond .required {
		color:#FF4B33;
		font-weight:bold;
	}
	#respond label {
		color: #888;
		font-size: 12px;
	}
	#respond input {
		margin:0 0 9px;
		width:98%;
	}
	#respond textarea {
		width:98%;
	}
	#respond dt,
	#respond dd {
		color: #888;
		font-size: 12px;
		line-height: 18px;
	}
	#respond dd code {
		font-size: 11px;
	}
	#respond .form-submit {
		margin: 0 0 24px;
	}
	#respond .form-submit input {
		width: auto;
		font-size: 14px;
	}
	#respond dl {
		margin: 0 0 10px;
	}
	#respond dt {
		 display: inline;
		font-weight: normal;
	}
	#respond dd {
		display: inline;
	}
	
/*  Entry Content
---------------------------------------- */
	
	.entry-content p{
		margin-bottom:1.5em;
	}
	
	.entry-content ul{
		margin:1em;
		margin-left:19px;
	}
	
	.entry-content li{
		margin-left:0;
		padding-left:8px;
		margin-bottom:0.5em;
	}

	.entry-content li{
		list-style-image:url(images/bullet.gif);
	}

	
	.entry-content h3{
		margin-top:2em;
		color:#c21;
	}