@charset "UTF-8";

/*  
Theme Name: Vinos&Copas
Theme URI: http://www.vinosycopas.com
Description: WP Theme para blog de MediaLabs Network
Version: 1.0
Author: Cristobal Castillo, portado a Wordpress por Matt Woodhams
Author URI: http://www.MediaLabs.net */


/*	GLOBALS		*/
*	{
	outline:none;
		
	}
body	{
		margin:0px;
		padding:0px;
		font-family:'Lucida Grande',Arial,sans-serif;
		background-color: #F4F1E8;
		color:  #888;

		}
img	{
	border:none;
	}
	
h1, h2, h3, h4	{
				font-family:'Trebuchet MS',Verdana,'Lucida Sans Unicode',Arial,sans-serif;
				margin:0px;
				padding:0px;
				}
				
a, a:visited { 
				color: #1F638A; 
				text-decoration: none;
			}
a:hover{
				text-decoration: underline;	
			}
	
.clear{
	clear:both;
	display:block;
	height:1px;
}

/*	MediaLabs Bar	*/
	#mediabar 	{
				background-color: #000000;
				height: 25px;
				font-size:10px;
				margin:0px;
				padding:5px;
				overflow:hidden;		
				}
	#mediabar a, #mediabar a:visited	{
				color:#666666;
				text-decoration:none;
				border-right:solid 1px #222;
				padding:4px 6px;
				margin:0px;
				float:left;
				text-transform:uppercase;

				text-align:center;

				}
	#mediabar a:hover	{
						background-color:#3d3d3d;
						color:#FFFFFF;
						}
	#rss	{
			float:right;
			}
	#rss a, #rss a:visited	{
			border:none;
			color:#FFFFFF;
			text-transform:uppercase;
			}
	#rss a:hover	{
					background-color:#FF3300;
					}
/**********************************************/

/*	header	*/
	#header	{
				height: 164px;
				padding:0px 5px 0px 5px;
				clear:both;
				background: #3F1717 url(img/bg-menu.png) repeat-x;
}
	#headcont	{
				width:980px;
				margin:0px auto;
				}
	.logo	{
			float:left;
			width:240px;
			margin:0px;
			}
			
	#header span	{
			display: none;
			}
			
			
				
	.banner1	{
				float:right;
				width:730px;
				height:100px;
				margin:20px 0px 0px 0px;
				display:inline;
				}	
	#menu	{
			font-family: Georgia,Verdana,Arial,Helvetica,sans-serif;
			width:600px;
			font-size:14px;
			padding:0px 2px;
			margin:0px 0px 0px;
			width:980px;
			/*background-color:#141414;*/
			clear:both;
			}
			
		#menucont	{
	float: right;
	}
	#menu a, #menu a:visited	{
			background-color:#2F1111;
			padding:7px 22px 4px;
			text-align:center;
			margin:0px 3px 0px 0px;
			display:block;
			float:left;
			color:#FFF;
			text-decoration:none;
			height: 20px;
			}
	#menu a:hover	{
					background-color:#562d2d;
					}
	#search	{
			width:300px;
			float:right;
			padding:5px;
			margin:0px 0px 5px -5px;
			height:28px;
			}
			
			#search .txtsearch	{
								border:solid 2px #391c1c;
								padding:4px 5px 4px 5px;
								font-family:Arial, Helvetica, sans-serif;
								color:#999;
								font-weight:bold;
								font-size:14px;
								width:200px;
								}
			#search .searchbutton	{
									background-color:#391c1c;
									border:none;
									color:#FFFFFF;
									padding:4px 5px;
									width:80px;
									}
			#single #search	{
							padding:0px;
							background-color: transparent;
							}
/**********************************************/

/*	Content	*/
	.wrap	{
			width:980px;
			/*border:solid 1px #666666;*/
			margin:10px auto;
			overflow:hidden;
			clear:both;
			}
			
	.no-margin{
	margin: 0px auto;
			}
	.podcast	{
				background-color:#222;
				padding:15px;
				overflow:hidden;
				height: 311px;
				}
	.viddler	{
				width:440px;
				float:left;
				margin:0px;
				/*border:solid 1px #999999;*/
				}
	.vid-desc	{
				width:495px;
				float:right;
				/*border:solid 1px #999;*/
				color:#fff;
				}
				.vid-desc p {
							font-size:13px;

							}
				.vid-desc h1	{
								font-family:Arial, Helvetica, sans-serif;
								font-size:26px;
								letter-spacing:-1px;
								}
				.vid-desc a, .vid-desc a:visited	{
							color:#fff;
							}
				.vid-desc a:hover	{
									color:#ff3300;
									}
	.metapod	{
				background-image:url(img/bg-metapod.gif);
				background-repeat:repeat-x;
				height:50px;
				font-size:11px;
				color:#666666;
				padding:15px 15px 0;
				}	
	.metapod a, .metapod a:visited	{
				color:#fff;
				text-decoration:none;
				}
	.metapod a:hover	{
						color:#ff3300;
						}
	#featured, #video	{
				padding-top: 10px;
				overflow: hidden;
				background: #ECE9E0;
				border-bottom: 1px solid #eaeaea;
				}
	#lastpost	{
				width:660px;
				margin:0px;
				float:left;
				/*border:solid 1px #FF9900;*/
				overflow:hidden;
				}
				#lastpost h1	{
								font-size:34px;
								font-weight:bold;
								letter-spacing:-1px;
								}
								#lastpost h1 a, .box320 h2 a, #lastpost h1 a:visited, .box320 h2 a:visited	{
												text-decoration:none;
												color:#333;
												}
								#lastpost h1 a:hover, .box320 h2 a:hover	{
														color:#ff3300;
														
														}
				#lastpost img, 	.content img	{
								padding:8px;
								background-color:#FFFFFF;
								border:solid 1px #ddd;
								margin:0px 10px 0px 0px;
								/*float:left;*/
								}
								
				#lastpost img.alignleft, .content img.alignleft{
								float: left;
								margin-right: 10px;
								margin-left: 0px;
								}
								
				#lastpost img.alignleft, .content img.alignright{
								float: right;
								margin-left: 10px;
								margin-right: 0px;
								}

				#lastpost p	{
							
							}
				.textpost p{
									font-size:13px;
									margin:15px 0px 0px 0px;
									}


	.banner2	{
				width:300px;
				float:right;
				margin:0px;
				padding:5px;
				background-color:#fff;
				}
				
	.banner2_single	{
				width:300px;
				margin:10px 0;
				}
				
	.banner_boton{
				margin:0 0 20px;
				}
	.banner_boton_small{
				margin:0 0 10px;
						}
	.banner_bottom{
				margin: 15px 0;
				text-align: center;
					}	
	.postmeta	{
				border-bottom:solid 1px #ddd;
				padding-bottom:12px;
				margin:0px 0px 5px 0px;

				}
				.postmeta p	{
							font-size:12px;
							}
	.postdate	{
				float:left;
				background-image:url(img/bg-metadate.gif);
				background-repeat:no-repeat;
				width:40px;
				height:60px;
				color:#FFFFFF;
				text-align:center;
				font-family:Arial, Helvetica, sans-serif;
				margin:0px 5px 0px 0px;
				overflow:hidden;
				}
				.day	{
						display: block;
						font-size:20px;
						font-weight:bold;
						margin:0px;
						overflow:hidden;
						}
				.month	{
					display: block;
						font-size:11px;
						margin:0px;
						color:#999999;
						overflow:hidden;
						text-transform: uppercase;
						}
				.year	{
						font-size:10px;
						margin:0px;
						overflow:hidden;
						}
	.metapost	{
				font-size:10px;
				color:#666666;
				margin:0px;
				}
				.metapost a, .metapost a:visited	{
							color:#666666;
							text-decoration:none;
							}
				.metapost a:hover	{
									color:#ff3300;
									}
	
					#featured .metapost a, #featured .metapost a:visited, #single .metapost a, #single .metapost a:visited	{
							color:#fff;
							text-decoration:none;
							background-color: #3F1717;
							padding: 2px 7px;
							font-size:11px;
							}
				#featured .metapost a:hover, #single .metapost a:hover	{
									background-color:#562D2D;
									}
	.blogs		{
				border-bottom:solid 1px #ddd;
				padding:0px 0px 3px 0px; 
				margin:0px 0px 5px 0px;
				text-transform:none;
				clear: both;	
				}
				
	.more-link  {
			display:block;
			background-color:#ff3300;
			font-size:10px;
			float:right;
			width:100px;
			text-align:center;
			margin:10px 5px 0px 0px;
			padding:3px 0px 3px 0px;
			text-decoration:none;
			color:#fff;	
			text-transform:uppercase;
			}
	.more-link:hover	{
					background-color:#1C879D;
					text-decoration: none;
					}
#pager	{
		width:980px;
		text-align:center;
		margin:0px 0px 40px 320px;
		font-size:11px;
		text-transform:uppercase;
		clear: left;
		}
		#pager a, #pager a:visited	{
					display:block;
					float:left;
					margin:0px 3px 0px 0px;
					padding:5px 8px;;
					/*width:25px;*/
					color:#666666;
					background-color:#ddd;
					text-decoration:none;
					}
		#pager a:hover	{
						background-color:#333333;
						color:#FFFFFF;
						}
						
			#pager span.on	{
					display:block;
					float:left;
					margin:0px 3px 0px 0px;
					padding:5px 8px;
					color:#000;
					}
					
							
			#pager span.ect{
					padding: 10px 10px 0;
					float: left;
					}

.boxcont{
	float: left;
	width: 660px;
}

.box320	{
		width:310px;
		float:left;
		margin:0px 5px 15px 0px;
		/*border-right:solid 1px #ddd;*/
		overflow:hidden;
		padding:5px;

		}
		
		
		.box320 .post_image{
		overflow: hidden;
		width: 84px;
		height: 84px;
		float: left;
		/*border:solid 2px #ddd;*/
		margin:0px 5px 5px 0px;
			}
	

		.box320meta	{
					border-bottom:solid 1px #CCCCCC;
					overflow:hidden;
					margin-bottom:5px;
					min-height: 93px;
					background-color:#ECE9E0;
					padding:5px;
					}
		.box320 h2	{
					font-size:17px;
					margin:3px 0px 3px 0px;
					font-family:Arial, Helvetica, sans-serif;
					letter-spacing:-1px;
					}

		.box320 img	{
					
				min-height: 84px;
				 height:auto; !important
 				 height:84px;

					}
					.box320 .text	{
									color:#888;
									font-size:11px;
									}
.sidebar	{
			float:right;
			width:300px;
			padding:5px;
			background-color:#ECE9E0;
			
			}
			.side125	{
					width:125px;
					padding:5px 0px 5px 0px;
					float:left;
					background-color: transparent;
					}
					.side125 img 	{
									margin:0px 0px 5px 0px;
									}
			.side160	{
						width:160px;
						float:right;
						font-family:Arial, Helvetica, sans-serif;
						padding:5px;
						margin-top:5px;
						}
						.side160 h3	{
									font-size:14px;
									letter-spacing:-1px;
									text-transform:uppercase;
									color:#fff;
									margin:0px;
									clear:both;
									text-align:center;
									padding:5px 0px 5px 0px;
									width:160px;
									float:left;
									background-color:#562D2D;
									}
			.menu160 a, .menu160 a:visited	{
						color:#333;
						display:block;
						width:160px;
						margin:0px;
						text-align:center;
						font-size:10px;
						text-transform:uppercase;
						text-decoration:none;
						border-bottom:solid 1px #ddd;
						padding:5px 0px 5px 0px;

						}
			.menu160 a:hover	{
						background-color:#a18282;
						color:#fff;
						}
			.menu160 ul{
			padding: 0px;
			margin: 0px;
}			

			.cat-item{
			list-style: none;
			margin: 0px;
			clear:both;
			}
#foros, #follow, #related, #blogroll	{
		overflow:hidden;
		padding:5px;
		width:290px;
		clear:both;
		margin:5px 0px 5px 0px;
		}
		
		#related	{
			background-color: transparent;
			width: 100%;
			margin-bottom: 15px;
	}
	#destacados a img, #destacados a:visited img {		
		background:#EEE;
		border:1px solid #EEE;
		height:84px;
		margin-left:4px;
		margin-top:6px;
		padding:3px;
		width:84px;
		}	
			
	#destacados a:hover img	{
		background-color:#a18282;
		border:1px solid #a18282;
		padding:3px;	
}

		#foros h1, #follow h1, #blogroll h1, #related h1,	 #destacados h1, .tabbertab h1{
					font-size:16px;
					letter-spacing:-1px;
					margin:5px 0px 5px 5px;
					font-family:Arial, Helvetica, sans-serif;
					color:#333;
					padding:0px 0px 3px 0px;
					border-bottom:solid 1px #ccc;
					}
					
		#related h1{
					border-bottom: none;
					margin-bottom: 0px;
					}
		#foros p, #follow p, #blogroll p,  #related p	{
					font-size:10px;
					margin:0px 0px 0px 20px;
					color:#999999;
					}
		#foros a, #follow a, #blogroll a, #related a, #foros a:visited, #follow a:visited, #related a:visited	{
					margin:0px;
					padding-left:20px;
					text-decoration:none;
					color:#ff3300;
					font-size:11px;
					}
					
					
		#blogroll a{
	
		clear: both;
		}
		#foros a:hover, #follow a:hover, #blogroll a:hover, #related a:hover{
					color: #000 ;
					}
		#foros .topic, #follow .topic, #related .topic	{
						background-repeat:no-repeat;
						border-bottom:solid 1px #ddd;
						padding:0px 0px 3px 0px;
						margin:2px 0px 0px 0px;
						}
						
		#related .topic	{
			border-bottom: none;
		}
						
		#foros .topic, #related .topic{
						background-image:url(img/forum-doc.gif);
						}
		 #follow .topic{
						margin-top: 6px;
						}
		.follow-rss{		
				background-image:url(img/follow-rss.gif);
					}
					
		.follow-facebook{		
				background-image:url(img/follow-facebook.gif);
					}	

		.follow-twitter{		
				background-image:url(img/follow-twitter.gif);
					}	
					
		.follow-netvibes{		
				background-image:url(img/follow-netvibes.png);
					}	

		.follow-google{		
				background-image:url(img/follow-google.png);
					}						

					
				.tabberlive .topic p	{
							font-size:10px;
							color:#999;
							margin-left:5px;
							}
				.tabberlive .topic 	{
									border-bottom:solid 1px #ddd;
									padding:0px 0px 3px 0px;
									margin:2px 0px 1px 0px;

									}

.mediablog	{
			width:305px;
			padding:5px;
			float:left;
			margin:5px;
			overflow:hidden;
			}
			.mediablog h1	{
							font-size:16px;
							}
			.mediablog a, .mediablog:visited a	{
							font-size:11px;
							color:#333333;
							text-decoration:none;
							float:left;
							/*border-bottom:solid 1px #ddd;*/
							padding:3px 0px 3px 0px;
							color:#999999;
							clear: both;
							}
			.mediablog a:hover	{
								/*background-color:#f1f1f1;*/
								color:#333333;
								}

#medialabs .logo	{
					text-align:center;
					width:980px;
					}
#foot	{
		background-image:url(img/bg-foot.jpg);
		background-repeat:no-repeat;
		background-position:bottom;
		width:980px;
		margin:50px auto 10px auto;
		height:110px;		
		}
		#foot h1	{
					font-size:14px;
					text-align:center;
					color:#999999;
					margin:0px;
					font-family:Arial, Helvetica, sans-serif;
					}
		#foot p	{
				font-size:10px;
				text-align:center;
				color:#ccc;
				margin:0px;
				}
		#foot a, #foot a:visited	{
				text-decoration:none;
				color:#bbb;
				}
		#foot a:hover	{
						color:#ccc;
						text-decoration: underline;
						}
#single	{
		/*border:solid 1px #999999;*/
		float:left;
		width:650px;
		margin:0px 0px 25px 0px;
		}
		#single ul	{
					margin:0px 0px 0px 10px;
					
					}
		#single li	{
						font-size:12px;
						color:#333333;
						list-style-position:inside;
						line-height:1.6;
						list-style-type:square;
						
						}
		#single blockquote	{
							margin:10px 0px 0px 0px;
							padding:5px 20px;
							font-style:italic;
							background-color:#f1f1f1;
							clear:both;
							
							}
		

		.wrap h1, #single h1	{
					font-size:34px;
					letter-spacing:-1px;
					margin-bottom: 10px;
					}
		.content p	{
					font-size:12px;
					}
#comments	{
			width:650px;
			float:left;
			/*border:solid 1px #00CC00;*/
			overflow:hidden;
			/*background-color:#fff;*/
			}
			#comments h1, #related h1	{
							margin:0px 0px 15px 0px;
							font-size:20px;
							}
			.comment-box	{
							width:580px;
							margin:0px;
							background-color:#ECE9E0;
							
							padding:10px;
							}
			.comment-box p	{
							margin:0px;
							font-size:11px;
							}
			.comment-meta	{
							background-image:url(img/bg-com-meta.gif);
							background-repeat:no-repeat;
							margin:-1px 0px 20px 0px;
							width:600px;

							}
							.comment-meta p	{
											font-size:13px;
											margin:0px 0px 0px 0px;
											padding-top:10px;
											}
			#comment-form	{
							background-color:#ECE9E0;
							padding:10px;
							overflow:hidden;
							margin:15px 0px 15px 0px;
							clear:both;
							width:600px;
							}
							#comment-form p	{
											font-size:11px;
											color:#999999;
											}
							#comment-form h1	{
												font-size:20px;
												margin:0px 0px 15px 0px;
												}
			#comment-form input	{
								background-image:url(img/bg-input.gif);
								background-repeat:repeat-x;
								border:solid 1px #cecece;
								/*height:25px;*/
								padding:5px 0px 5px 5px;
								margin:0px 0px 10px 0px;
								
								}
								
			#comment-form .txtarea	{
									width:580px;
									background-image:url(img/bg-input.gif);
									background-repeat:repeat-x;
									border:solid 1px #cecece;
									padding:10px 5px 10px 5px; 
									font-family:Arial, Helvetica, sans-serif;
									font-size:12px;
									}
			#comment-form .sendbutton	{
										width:120px;
										text-align:center;
										background-color:#333333;
										color:#FFFFFF;
										background-image:none;
										margin-top: 5px;
										}

.alignright{
    float: right;
}

.alignleft{
    float: left;
}

.aligncenter{
     display:block;
     margin:0 auto;
}

.tabbertab	{
			padding:10px;
			
			}
			.tabbertab h1	{
							font-size:16px;
							}
.tabberlive p	{
				margin:0 0 0 5px;
				}
.topic	{
		border-bottom:solid 1px #DDD;
		margin:2px 0px 1px;
		padding:0px 0px 3px;
		}
.topic p	{
			color:#999999;
			font-size:10px;
			margin:0px 0px 0px 5px;
			}
.tabbertab a	{
				display:block;
				font-size:12px;
				margin:0px;
				padding:2px 0px 2px 5px;
				text-decoration:none;
				color:#1C879D;
				}
				.tabbertab a:hover	{
									color:#FF3300;
									}