/* 
Theme Name: rockinrobin.
Description: Theme Liquid Width.
Author:Juan Pablo Ibaceta | Alejandro Mayorga.
Author URI: http://Juanoh.com | http://alemay.org
Version: 2.607
*/

@import "reset.css";

/*INTERNET EXPLORER */
@font-face { font-family: 'DistrictThinRegular'; src: url('font/distth-webfont.eot');}

/*OTHER BROWSER*/
@font-face {font-family: 'DistrictThinRegular';src: url(//:) format('no404'), url('font/distth-webfont.woff') format('woff'), url('font/distth-webfont.ttf') format('truetype'), url('font/ distth-webfont.svg#webfontkPUcnV1L') format('svg');font-weight: normal;font-style: normal;}


/*ESTILOS GENERALES*/
a{
	text-decoration:none;
}

body{
	margin:0 auto;
	padding:0;
	background:#302f30;
	font-size:12px;	
	font-family:"Helvetica", arial, sans-serif;
	color:#fff;
	text-aling:left;
}
/*CIERRE ESTILOS GENERALES*/

/*HEADER*/

#header{
	min-width:960px;
	width:100%;
	height:131px;
	background:#302f30 url(images/header.jpg) top center;
	float:left;
	font-family: 'DistrictThinRegular';
	text-transform: uppercase;
	overflow:hidden;
	border-bottom:1px solid #8F8F8F;
}

#logo{
	width:190px;
	height:90px;
	overflow:hidden;
	float:left;
	position:relative;
	margin:21px 0 0 54px; 
}

#logo h1 a{
	padding-top:90px;
	width:190px;
	background:url(images/logo.png) no-repeat;
	float:left;
}

#menu{
	width:570px;
	float:right;
}

#menu ul{
	width:580px;
	height:40px;
	float:left;
	padding:10px 0 0 0;
	text-align:left;
	margin:50px 0 0 0;
}

#menu li{
	display:inline;
	float:left;
	margin:0 0 0 10px;
}

#menu li a{
	color:#fff;
	text-decoration:none;
}

#menu li a:hover{
	color:#90d0fd;
}

#like{
	float:right;
	position:relative;
	top:90px;
	left:550px;
	_left:500px;
}

.share{
	width:630px;
	float:left;
	height:30px;
	margin:-15px 0 13px 0;
}

.share ul{
	list-style-type:none;
}

.share li{
	display:inline;
	float:right;
}

/*CIERRE HEAD*/

/*CONTENEDORES HOME */

.content{
	width:285px;
	height:190px;
	float:left;
	overflow:hidden;
	padding:0;
	background:#302f30 url(images/bg-post.png) repeat-x;
	margin:28px 0px 0px 29px;
	font-family: 'DistrictThinRegular';
}

.title-front{
	height:157px;
	float:left;
	width:135px;
	margin:15px 5px 0 5px;
	text-transform: uppercase;
}

.title-front h2{
	font-size:18px;
	color:#ffffff;
	height:130px;
}

.title-front h2 a{
	font-size:18px;
	color:#ffffff;
	text-decoration:none;
	text-shadow:-1px 0 1px #000;
}

.bajada{
	font-size:11px;
	color:#fff;
}

.bajada a{
	text-decoration:none;
	font-size:11px;
	color:#90d0fd;
}

.img-front{
	width:138px;
	height:162px;
	overflow:hidden;
	background:#fff;
	float:left;
	margin:15px 0 0 0;
}

					/* Paginador */
					.next-prev{
						text-decoration:none;
						font-size:11px;
						color:#7d7d7d;
						margin:170px 0 0 100px;
						float:left;
					}
					
					.next-prev a{
						text-decoration:none;
						font-size:11px;
						color:#7d7d7d;
					}
					/* Cierre paginador */

/*CIERRE CONTENEDORES HOME*/


/*CUERPO INTERIOR*/

#sidebar{
	width:285px;
	float:left;
	margin:19px 0 0 18px;
	padding:0;
}

#sidebar h2{
	font-size:19px;
	font-family: 'DistrictThinRegular';
	text-transform: uppercase;
	text-shadow:-1px 0 1px #000;
}

#microblog{
	width:270px;
	height:409px;
	background:url(images/bg-micro.jpg) top;
	overflow:hidden;
}

#media-patners{
	width:270px;
	height:180px;
	margin-top:18px;
	background:url(images/bg-micro.jpg) top;
}

#media-patners ul{
	width:270px;
	margin:31px 0 0 5px;
	list-style-type:none;
}

#media-patners li{
	display:block;
	float:left;
	margin-left:5px;
}

#facebook{
	width:270px;
	height:300px;
	margin-top:18px;
	background:url(images/bg-micro.jpg) top;
}

#face-int{
	margin:25px 0 0 10px;
}

#column-center{
	float:left;
	width:630px;
	margin:10px 0 0 0;
	padding:20px;
	color:#fff;
	font-size:12px;
	line-height:14px;
}

#column-center h2{
	font-size:32px;
	color:#fff;
	padding-bottom:10px;
	font-family: 'DistrictThinRegular';
	text-transform: uppercase;
	line-height:30px;
	text-shadow:-1px 0 1px #000;
}

#column-center small{
	font-size:11px;
	margin-bottom:5px;
	width:630px;
	color:#fff;
	font-family: 'DistrictThinRegular';
	text-transform: uppercase; 
}

#column-center p{
	margin: 0 0 10px 0;
}

#column-center a{
	text-decoration:underline;
	color:#90d0fd;
}

#column-right{
	padding:10px;
	margin-top:20px;
	float:left;
	width:250px;
}

/* CIERRE CUERPO INTERIOR*/

/* COMENTARIOS */

#comment{
	width:630px;
	float:left;
}

#comments{
	width:100%;
	float:left;
	margin-top:15px;
	padding-top:10px;
	border-top:1px dotted #fff;
}

#comments ol{
	width:600px;
}

#comments li{
	width:620px;
	display:block;
	margin-top:10px;
	background:#3c3a3c;
	padding:5px;
}

.comments_reply{
	margin:15px 0 0 0;
	float:left;
}

.comments_reply h3{
	margin:0px 0 10px 0;
	font-family: 'DistrictThinRegular';
	text-transform: uppercase; 
}

.comments_reply small{
	margin:5px 0 0 0;
	width:100px;
	color:#7d7d7d;
}

.comments_reply label{
	margin:5px 0 0 0;
	width:80px;
	float:left;
}

.comments_meta h2{
	font-size:13px;
	color:#fff;
	margin-bottom:10px;
}

.comments_meta h2 strong a{
	font-size:13px;
	color:#fff;
	margin-bottom:10px;
	font-family: 'DistrictThinRegular';
	text-transform: uppercase; 
}
.comments_meta small{
	font-size:10px;
	font-style:italic;
	color:#fff;
}

#submit{
	margin:5px 0 0 0;
	float:left;
}
/* Cierre Comentarios */

/* Div`s Post */
.post h2 a{
	font-size:25px;
	color:#2b2b2b;
	text-decoration:none;
	padding-bottom:10px;
}

.post small{
	font-size:11px;
	margin-top:5px;
	float:left;
}

.post img{
	overflow:hidden;
	margin:10px 0 10px 0;
	width:630px;
}

.post p{
	margin: 0 0 10px 0;
        width:630px;
	text-align:left;
}

.post a{
	text-decoration:none;
	color:#90d0fd;
}

.images front{
	margin:0 auto;
	padding:0;
	z-index:1;
}


/* CIERRE COMENTARIO */

/* FOOTER */
#footer{
	clear:both;
	color:#2b2b2b;
	float:left;
	width:100%;
	margin:36px 0 0 0;
	height:105px;
	background:url(images/bg-pie.png) repeat-x;
}

#footer p{
	font-size:11px;
	color:#fff;
	line-height:14px;
	font-family: 'DistrictThinRegular';
	text-transform: uppercase;
	text-shadow:-1px 0 1px #000;
	width:600px;
	margin-top:50px;
	float:left;
}

.logo-pie{
	float:left;
	margin:20px 20px 0 18px;
}

#footer a{
	color:#90d0fd;
	margin:0 auto;
	text-decoration:none;
	font-weight:bold;
}

#social-media{
    width:450px;
    height:59px;
    float:left;
    margin:30px 0 3px 0;
}

#social-media ul{
    height:59px;
    float:left;
    display:inline;
}


#social-media li{
    height:59px;
	float:left;
}

#twitter{
	margin:16px 0 0 10px;
}

/* Cierre Footer */