/*
Theme Name: Marylink
Theme URI: http://www.marylink.net
Description: Template para La Coctelera.
Author: jorge correa
Becarios: maria martinez y blat
*/

/* FONDO */
.color_fondo {
	background-color: #f00;
	}
.color_texto {
	color: #6699FF !important;
	}
.color_borde {
	border-top: 4px solid #f00;
	}
.color_borde_comm {
	border-left: 4px solid #6699FF !important;
	}
.rojo01 {background-color:#FF0000}
.rojo02 {background-color:#CC0000}
.azul01 {background-color:#6699FF}
.azul02 {background-color:#0082AB}
.naranja01 {background-color:#FFCC00}
.naranja02 {background-color:#FF9900}
.verde01 {background-color:#66CC66}
.verde02 {background-color:#009900}
.gris01 {background-color:#999966}
.gris02 {background-color:#686947}

body,html {
	font-family: arial, Verdana, Helvetica, sans-serif;
	background-color: #fff;
	text-align: center;
	margin:0px; 
	padding:0px;
	font-size:1em;
	line-height:140%;
}

.clear { clear: both; height: 1px; line-height: 1px; }

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */


/* propiedades de enlaces */
a, a:link, a:visited { color: #666; text-decoration: underline }
a:hover { color: #f00; text-decoration: none }

#wrapper {
	width:760px;
	margin:0 auto;
	display: block; 
	}
	
/* contenedor */
#contenedor {
	text-align: left;
	margin: 0 auto;
	width: 100%;
}

#cabecera h1 { padding: 0;}

#desc{ display: none; }

.post P, .post DL, .post BLOCKQUOTE {
font-size:.8em !important;
}

/* cabecera y  contenido principal */

#cabecera{
  height: 140px;
  width:760px;
  margin:40px auto 0 auto;
}

#cabecera h1 {
  float:left;
	font-weight: normal;
	font-size: 160%;
	font-family: arial, Verdana, Helvetica, sans-serif;
	margin: 0 0px;
}

#cabecera h1 a { color: #FFF; text-decoration: none; }

#desc {
	margin: 0 20px;
	padding: 2px 20px 15px;
	color: #FFF; 
	font: 0.8em arial, Verdana, Helvetica, sans-serif;
	background-color: #FDFFFA;
}

#colores {
	float:right;
	margin-top:70px;
	margin-right:60px;
}
#colores UL {
	margin:0 !important;
	padding:0 !important;
}
#colores UL LI {
	display:inline;
	list-style-type:none;
	margin:0 !important;
	padding:0 !important;
}

#contenido { 
	float: left; 
	width: 470px; 
	color: #3E3E3E;
	margin: 30px 0 0 0;
	height: 100%;
	font-size:1.2em;
}

#contenido p { 
	font-size: 0.7em;
	line-height:120%;
	color:#666;
	margin:.65em 0 0 0 !important;
	padding:0 !important;
}

#contenido blockquote {
	border-left: 4px solid #F4F6EE; 
	padding: 0 0 0 10px;
	margin: 0 0 0 18px;
	color: #666;
	font-size:0.7em;
	line-height:1.6em;
}

#contenido .post { margin-bottom: 30px; }

#contenido .post ul li { font-size: 1.2em; }


/* posts */
.post {	margin-top: 16px; padding-bottom: 12px;}

#contenido .post h1 {
	padding: 0;
	margin: -14px 0 -2px 0 !important;
	margin: -16px 0 -10px 0;
	color: #f00;
	font: bold 1em arial, Verdana, Helvetica, sans-serif;
}

#contenido h1{
	font: bold 1em arial, Verdana, Helvetica, sans-serif;
}

#contenido h3{
	font-size: 1em;
	border-bottom: 1px solid;
}

#contenido .post h1 a:link, #contenido .post h1 a:visited { 
	text-decoration: none;
	color: #f00;
}

#contenido .post h1 a:hover  { 
	text-decoration: none; 
	color: #666 !important;
}

.fecha {
	color: #777;
	font-size: .7em;
	line-height: 1.2em;
	/*background:  url('/plantillas/i/dezigne-cool-magenta/sepdate.jpg') no-repeat bottom left;*/
}

.post div.meta {	
	background-color: #FEF4F8;	
	padding: 6px 8px;
	font-size: 0.6em;
	line-height:1.4em;
	text-align:center;
	color:#666;
}

#contenido h2 {
	font-size: .75em;
	color: #666;
	color: #777
}

div#contenido #comentarios h2 {
	font-size: .75em;
	margin-top:48px;
	color: #777;
}

#contenido ul{
	font-size: .7em;
}

#contenido .post p {
	line-height: 20px;
}



/* comentarios */
#comentarios { padding: 4px 0px; }

#comentarios form p { 
	font-size: .7em;
}

#comentarios form textarea{
	width: 400px;
}

#comentarios .message{
	font-size: .7em;
}

#comentarios .comentario {
	padding: 4px 20px 12px 10px;
	margin-bottom: 16px;
	background-color: #F6F6F6;
	font-size:1.1em;
	line-height:18px;
}

#comentarios .comentario p {
	line-height:18px;
}

#comentarios .comentario p.meta {	
	font-size: .7em;
	clear: both;
}


.post p.meta a.nComen  {
	padding-left: 15px;
	margin-left: 5px;
	background:  url('/plantillas/i/gramagrass-crema/comentarios.gif') no-repeat left;
}

textarea.form, input.form {
	font:1em arial, Verdana, Helvetica, sans-serif;
	padding:4px;
	border:1px solid #AAA;
	color:#777
}

textarea.form {
	width:402px;
}

input.form {
	width:180px;
}



/* columna */
#columna {
  float: right;
	margin: 0 0 0 0;
	width: 240px;
	padding: 50px 18px 20px 5px !important;
	height: 100%;
}

#columna h2 { 
	margin: 4px 0 8px;
	font-size: 0.8em;
	padding-left: 0 !important;
	padding-top: 10px;
	color: #f00;
	font-weight:normal;
	font-family: arial, Verdana, Helvetica, sans-serif;
	/*background: url('/plantillas/i/dezigne-cool-magenta/hback.gif') no-repeat top left;*/ 
}

div#busca label { 
	margin: 4px 0 8px;
	font-size: 0.8em;
	padding-left: 0 !important;
	display: block;
	font-weight: normal !important;
	color: #333333;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	/*background: url('/plantillas/i/dezigne-cool-magenta/hback.gif') no-repeat top left;*/ 
}

div#busca form{
	margin-top: 10px;
}
	
#columna ul { 
	list-style: none;	
	padding: 0 12px 12px 0; 
	margin: 0; 
}

#columna ul li { 
	font-size: 0.7em;
	line-height:1.4em;
	padding-left: 0; 
	margin-bottom: .4em; 
	/* background: url('/plantillas/i/dezigne-cool-magenta/bullet.gif') 0 5px no-repeat;  */
}

#columna ul li small a{
	color: #999;
	font-size:1.1em;	
}

#columna p { 
	color: #373737; 
	margin: 0; 	
	font-size: 0.7em;
	line-height:120%;
	color: #666;
	padding-right:14px;
	padding-bottom:14px !important;
}

/* perfil ............................................................. */

.perfil-bloque {
	padding-left:30px !important;
	padding-left:27px;
	margin:5 0 4px 0;
	padding-top:0px;
	height:auto;
}

.perfil-datos {
	display:block;
	margin:0;
	padding:0 8px 0 0;
	font-size:0.7em;
	color:#211104;
}

.perfil-img { display:block; }

.perfil-img img {
	/* float:left; */
	margin:0 8px 0 0;
	padding:2px;
  }



/* pie */
#pie {
	/*background: url('/plantillas/i/dezigne-cool-magenta/foot.jpg') #333333 center repeat-y;*/
	color: #FFF;
	padding: 10px 30px;
	text-align: center;
	clear:both;
	margin: 0 auto;
	width: 760px;
	font-size: 0.7em;
	line-height:1.45em;
	font-weight: bold;
}

#pie a:link { text-decoration: underline }
#pie a:hover { text-decoration: none }
#pie a:visited { text-decoration: underline}

#contenido .message ul li{
	font-size: 1.4em;
}

#columna #sobre-mi .vcard {
display:none;
}
					
#columna #sobre-mi .cont { 
font-size:0.75em !important;
padding:0px 0px !important;
}