/*  
Theme Name: MediaLabs Network
Theme URI: http://www.medialabs.net
Description: WP Theme para sitio de MediaLabs Network
Version: 1.0
Author: Matt Woodhams
Author URI: http://www.MediaLabs.net */


@import url('reset.css');


body {
	color:#666666;
	font:12px Arial, Helvetica, sans-serif;
	text-align:center;
	background:#DFDFDF url(img/bg.png) no-repeat;
}
a {
	color:#666;
	text-decoration:none;
}
a:hover {
	color:#333;
	text-decoration: underline;
}
.left {
	float:left
}

.more-left{
	margin-left: 30px;
}
.right {
	float:right
}
.clear {
	clear:both;
        padding: 0 !important;
        margin: 0 !important ;
        background-color: transparent !important;
        border: none !important;
	display:block;
	height:1px
}
.spacer {
	height:12px;
	display:block;
}

#header {
	margin:0 auto;
	text-align:center;
}
	#logo{
	  position: relative;
	  height: 180px;
	  width: 353px;
	  margin: 0 auto;
	  z-index:4;
	}
	#header h1 {
		background: url(img/logo.png) no-repeat;
		width: 353px;
		height: 221px;	
		margin: -45px auto 0;
		position: absolute;
		
	}
	
		#header h1 a {
			display:block;
			width: 353px;
			height: 221px;
		}
		#header h1 span{
			display: none;
		}

	#header-holder{
			width: 940px;
			margin: 0 auto;
		}	
	#menu{
	width: 800px;
	margin: 0 auto;
	  position: relative;
	background-color: #3D3D3D;
	height: 58px;
	z-index:2;
	}
	
	#menu span{
	display: none;
	}	
	
	#menu a.btn1{
		background: url(img/menu-btn1.gif) no-repeat;	
		height: 58px;
		width: 109px;
		display: block;
		float: left;
	}

	#menu a.btn1:hover{
		background: url(img/menu-btn1-over.gif) no-repeat;	
	}
	
		#menu a.btn2{
		background: url(img/menu-btn2.gif) no-repeat;	
		height: 58px;
		width: 93px;
		display: block;
		float: left;
	}

	#menu a.btn2:hover{
		background: url(img/menu-btn2-over.gif) no-repeat;	
	}
	
		#menu a.btn3{
		background: url(img/menu-btn3.gif) no-repeat;	
		height: 58px;
		width: 125px;
		display: block;
		float: left;
	}

	#menu a.btn3:hover{
		background: url(img/menu-btn3-over.gif) no-repeat;	
	}
	
	#menu a.btn4{
		background: url(img/menu-btn4.gif) no-repeat;	
		height: 58px;
		width: 109px;
		display: block;
		float: left;
	}

	#menu a.btn4:hover{
		background: url(img/menu-btn4-over.gif) no-repeat;	
	}
	#header ul {
		float:right;
		padding-top:112px;	
	}
		#header ul li {
			display:block;
			float:left;
			padding-left:14px;
		}
			#header ul li a {
				color:#333;
				font:bold 12px/20px Helvetica, Arial, sans-serif;
				display:block;
				float:left;
				padding-left:2px;
				text-decoration:none;
				text-transform:uppercase;
			}
			#header ul li a:hover, #header ul li a.active {
				background:url(img/green-l.gif) no-repeat left;
				color:#fff;
			}
				#header ul li a span {
					display:block;
					float:left;
					padding-left:3px;
					padding-right:5px;
					cursor:pointer;
				}
				#header ul li a:hover span, #header ul li a.active span {
					background:url(img/green-r.gif) no-repeat right #aecaa6;
				}
				
				
				
#content {
	width:940px;
	margin:0 auto;
	text-align:left;
}

.block	{
		width:920px;
		margin:10px;
		}
		.miniblock	{
					width:455px;
					height:auto;
					background-color:#FAFAFA;
					float:left;
					margin:0px 15px 0px 0px;
					padding:10px;
					}
					.know	a{
							text-align:center;
							background-color:#41a6c7;
							display:block;
							}
.block h2	{
			font-size:24px;
			color:#53AAd5;
			letter-spacing:-1px;
			margin:0px 0px 10px;
			font-weight:bold;
			}
.block h3	{
			font-size:16px;
			color:#666666;
			letter-spacing:-1px;
			margin:0px 0px 5px 0px;
			}
			

			
.text	{
		font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Arial,Verdana,sans-serif;
		font-size:11px;
		margin:0px;
		color:#707070;
		}
		.text a, .text a:visited, #sidebar a, #sidebar a:visited{
				color:#53aad5;
				text-decoration:none;
				}
		.text a:hover, #sidebar a:hover{
			text-decoration: underline;
			}
	.single p{
	margin: 11px auto;
}
			
#ek{
	background: url(img/logo-ejekidz.png) no-repeat left top;
}

#ez{
	background: url(img/logo-ejezeta.png) no-repeat left top;
}

#md{
	background: url(img/logo-manzanadiaria.png) no-repeat left top;
}

#np{
	background: url(img/logo-nadiepuede.png) no-repeat left top;
}

#omg{
	background: url(img/logo-ohmygeek.png) no-repeat left top;
}

#rg{
	background: url(img/logo-revistagamer.png) no-repeat left top;
}

#tn{
	background: url(img/logo-tuerca.png) no-repeat left top;
}

#vc{
	background: url(img/logo-vemoscine.png) no-repeat left top;
}

#vn{
	background: url(img/logo-vidanutrida.png) no-repeat left top;
}

#vy{
	background: url(img/logo-vinosycopas.png) no-repeat left top;
}
.blog	{
		width:200px;
		height:80px;
		float:left;
		display:block;
		margin:0px 8px 15px 0px;
		cursor: pointer;
		}
.blog-meta{
	padding-left: 55px;	
}
		
.news	{
	clear:both;
	border-bottom:solid 1px #ccc;
	margin:0px 0px 10px 0px;
	padding:0px 0px 10px 0px;
	float:left;
	width: 433px;

		}
.top	{
		margin:0px 0px 10px 0px;
		}
		
.metadata	{
			color:#999999;
			font-size:11px;
			margin:0px 0px 0px 40px;
			}
.date	{
		font-family:Arial, Helvetica, sans-serif;
		width:30px;
		margin:0px 8px 0px 0px;
		float:left;
		border-right:solid 1px #ccc;
		color:#999;
		}
.day	{
		font-size:22px;
		font-weight:bold;
		letter-spacing:-1px;
		}
.month	{
		font-size:12px;
		text-transform:uppercase;
		}
		
#nav .read a, #nav .read a:visited{
		width: 145px;	
} 
.read a, .read a:visited	{
		margin:0px;
		width:130px;
		background-color:#b5c653;
		float:right;
		font-size:10px;
		color:#fff;
		text-decoration:none;
		text-align:center;
		text-transform:uppercase;
		padding: 3px 0;
		}
.read a:hover	{
				background-color:#53AAd5;
				color:#FFFFFF;
				text-decoration: none;
				}

.mainbox	{
			width:49%;
			margin:0px auto 15px;
			}	

.bigger{
	width:680px;
	}
				
.mainbox .post{
	width: 100%;
	margin-bottom: 30px;
} 	

.post-image img{
	width: 150px;
	height: 150px;
}

.mainbox .page{
	border: none;
}

.mainbox .post h2{
	font-size: 21px;
	letter-spacing:-1px;
	margin:0px 0px 3px;
	font-weight: normal;
}

.mainbox h3.quote{
		letter-spacing: 0px;
		font: 20px Calibri, Arial, Helvetica, sans-serif;
		width: 327px;
		margin-top: 20px;
}

.img-sitios{
	width: 312px;
	height: 181px;
	background: url(img/nosotros-sitios.png) no-repeat;
}

.img-videos{
	width: 315px;
	height: 209px;
	margin-left: 15px;
	background: url(img/nosotros-videos.png) no-repeat;
}

.mainbox .post img{
	padding: 5px;
	background-color: #fff;	
	border-style: none solid solid none;
	border-color: #ccc;
	border-width: medium 1px 1px medium;
	margin: 5px;
}

.post img.alignleft{
	float: left;
	margin-right: 10px;
	margin-left: 0px;
}
								
.post img.alignright{
	float: right;
	margin-left: 10px;
	margin-right: 0px;
}



.boxcont	{
			padding-left:15px;
			padding-right:15px;
			padding-bottom:10px;
			margin:0px;
			}


#comments	{
			width:650px;

			}
			#comments h1, #related h1	{
							margin:0px 0px 15px 0px;
							font-size:20px;
							}
			.comment-box	{
							width:580px;
							background-color: #fff;
							margin:0px;
							border-right: 1px solid #CCCCCC;
							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:#f5f5f5;
							padding:10px;
							overflow:hidden;
							margin:15px 0px 15px 0px;
							clear:both;
							width:580px;
							}
							#comment-form p	{
											font-size:11px;
											color:#999999;
											}
							#comment-form h1	{
												font-size:20px;
												margin:0px 0px 15px 0px;
												}
			#comment-form input, .contactform 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, #wpcf_msg	{
									width:560px;
									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;
									}
									
									
		#wpcf_msg	{							
			width: 442px;
		}
			#comment-form .sendbutton, #contactsubmit{
										width:120px;
										text-align:center;
										background-color:#b5c653;
										color:#FFFFFF;
										background-image:none;
										margin-top: 5px;
										}
										
#sidebar{
	text-align: left;
	width: 200px;
	background: #F5F5F5;
	padding: 10px;
	border-right: 1px solid #EAEAEA;
	border-bottom: 1px solid #EAEAEA;
}	

#sidebar h2{
	font-size:15px;
	color: #666;
	font-weight: normal;
	letter-spacing:-1px;
	margin:5px 0;
	padding:0 0 3px;
}

.sidebar-box{
	margin: 10px 0px 10px 10px;	
}
									
			
#footer	{
		clear:both;
		text-align:right;
		padding:10px;
		float:none;
		}
		#footer h1	{
					font-size:16px;
					color:#666666;
					margin:0px;
					letter-spacing:-1px;
					}
		#footer p	{
					margin:0px;
					font-size:11px;
					}
		#footer a	{
					color:#B5C653;
					text-decoration:none;
					}
		#footer a:hover	{
						color:#53AAd5;
						}


