/*  Theme Name: Vivachile.org

URI: http://www.vivachile.org

Description: Basado en Theme Magazine adaptado para Vivachile.org

Version: 3.0

Author: Paola Véliz - Jonathan Won

Author URI: http://www.vivachile.org

GPL: http://www.opensource.org/licenses/gpl-license.php*/



/* HTML Elements */





* { 

margin:0; 

padding:0; 

}



body,html { 

min-height:101%; 

} 



body { 

width: auto; 

height:auto; 

margin: 0 auto; 

background: #d6dde4; 

color: #000000; 

}



h3{

font-family: 'Trebuchet MS', arial;

font-size: 18px;

}



body, select, input, textarea { 

font: 100% Arial, Verdana, Sans-Serif; 

} 



p {  

margin: 15px 0;

font-family: verdana, Arial, Helvetica, sans-serif;

margin-right: 15px;

line-height: 23px;

text-align:justify;

clear: right;

}



/*

ul{

font-family: verdana, Arial, Helvetica, sans-serif;

text-align:justify;

margin-bottom: 10px;

margin-left: 25px;

margin-right: 35px;

line-height: 23px;

}

*/



a:link, a:visited, a:active{ 

color: #be0000; 

text-decoration:none 

}



a:hover { 

color: #000066; 

text-decoration: underline; 

}



hr { 

display: block; 

height:1px; 

width: 710px; 

color:#dcedff; 

border:0; 

text-align: left; 

}



small { 

font-size: 0.95em; 

padding:8px 6px; 

}



img, a:link img, a:visited img { 

border:0 

}



span {

line-height: 17px;

font-family: arial, verdana;

}   





/* Structure */



#head { 

background-image: url(images/imagehead7.jpg); 

margin:0 auto;

 width: 990px; 

 }



#page { 

width:940px; 

margin:0 auto; 

font-size:0.7em; 

background-image: url(images/fondopage.jpg);

background-repeat: repeat-y;

background-position: center; 

padding: 0px 25px 35px 25px; 

} 



#branding { 

width:600px; 

margin-left: 5px; 

padding-top:22px; 

padding-bottom:17px; 

}



.left { 

float:left; 

}



.right { 

float:right; 

}



#sidebar { 

width: 200px; 

float:right; 

}



#leftcol { 

width:375px; 

padding-right:0px; 

margin-top: 2px; 

} 



#leftcol h3{ 

background: #dcedff; 

padding: 5px; 

padding-left: 13px; 

margin: 0px; 

}



#leftcol, #rightcol { 

margin-top:10px; 

float:left 

}  



#rightcol { 

width:315px; 

padding-left:15px; 

margin-top: 10px; 

padding-right: 13px; 

border-left: 1px solid #dcedff; 

border-bottom: 1px solid #dcedff; 

border-top: 1px solid #dcedff; 

border-right: 1px solid #dcedff; 

}



.cajaprin{

width: 425px;

clear: right;

display: table;

}



.cajaprin p{

line-height: 17px;

}



.cajaizq {

width: 240px;

clear: right;

display: table;

}



.cajader {

width: 220px;

margin-bottom: 13px;

margin-top: 2px;

clear: right;

display: table;

}



.autor{

margin-top: 6px;

margin-right: 3px;

margin-bottom: 5px;

background-image:url(images/autor4.gif);

height: 7px;

width: 7px;

float: left;

display: block;

border: 0;

}   



.autor2{

margin-top: 3px;

margin-right: 3px;

margin-bottom: 5px;

background-image:url(images/autor4.gif);

height: 7px;

width: 7px;

float: left;

display: block;

}



.autor3{

margin-top: 8px;

margin-right: 5px;

margin-bottom: 5px;

background-image:url(images/autor3.gif);

height: 9px;

width: 9px;

float: left;

display: block;

}



/*Subnav */



.subnav li { 

font-size: 13px;

font-weight: normal;

list-style:none; 

border-left: 1px solid #dcedff; 

border-bottom:1px solid #dcedff; 

}



.subnav li a:link, .subnav li a:visited { 

background:#fafaf9; 

display:block; 

padding:4px 4px 4px 8px; 

}  



.subnav li a:hover, .subnav li a:active { 

background:#dcedff; 

text-decoration:none; 

color: #5d5d7d; }



.subnav li li a:link, .subnav li li a:visited { 

border-left:none 

}      




/* Headers */



h1 { 

font:2.95em 'Trebuchet MS', verdana, arial; 

font-weight:normal; 

letter-spacing:-0.02em; 

}

  



h2 { 

font: 2.2em Georgia, "Times New Roman", Times, serif; 

padding-bottom:5px; 

border-bottom:1px solid #dcedff; 

margin-right: 15px; 

margin-top: 8px; 

}



h3, #sidebar h2 { 

font: 'Trebuchet MS', arial, Helvetica, sans-serif; 

text-transform: none; 

letter-spacing:0.1em; 

margin-bottom:4px; 

font-weight: bold; 

color:#333333; 

}



#sidebar h3, #sidebar h2 {

background-color: #f5faff; 

border-bottom:1px solid #dcedff; 

padding:6px; 

margin:20px 0 15px 0; 

font-size:1em; 

} 



#sidebar a:hover{

text-decoration: none;

}







h3#respond { 

border-top:1px solid #dcedff; 

margin-top:25px; 

padding-top:20px 

}



h3#comments { 

margin-top:32px 

}



h4 {

font-family: Arial, Helvetica, sans-serif;

font-style: normal; 

font-size:1.5em; 

margin-bottom:6px; 

margin-top:10px; 

}



/*

.logo {







margin-left:5px;

margin-bottom: 0px;

width: 314px;

height:38px;

}  

*/



 /* Content */

 

#content { 

width:730px; 

margin-top: 0px; 

margin-right: 5px; 

margin-left: 0px; 

float:left; 

} 



#content p{

font-family: Arial, Helvetica, sans-serif;

font-size: 12px;

margin-right: 15px;

line-height: 18px;

text-align:left;

}



#content h1{

font-family:Georgia, "Times New Roman", Times, serif;

}



#content h5{

font-family: Arial, Helvetica, sans-serif;

margin-top: 3px;

margin-bottom: 5px;

font-size: 10px;

font-style: normal;

font-weight: 500;

clear: right;

}



#content .pagetitle{

font-family: Georgia, "Times New Roman", Times, serif; 

font-size:20px;

padding: 5px;

padding-left: 10px;

border-left:1px solid #dcedff;

}



/*.description { 

font-size: 1.3em; 

font-weight: bold;  

font-style:italic; 

color:#545454; 

margin-top:-4px; 

}*/



/* Content 2*/



#contenta { 

width:730px; 

margin-top: 0px; 

margin-right: 5px; 

margin-left: 0px; 

float:left; 

} 



#contenta X{

font-family: verdana, Arial, Helvetica, sans-serif;

font-size: 12px;

margin-right: 15px;

line-height: 23px;

text-align:justify;

clear: right;

}



#contenta h1{

font-family:Georgia, "Times New Roman", Times, serif;

}



#contenta h5{

font-family: verdana, Arial, Helvetica, sans-serif;

margin-top: 5px;

margin-bottom: 5px;

font-size: 12px;

font-style: normal;

font-weight: 500;

clear: right;

}



#contenta .pagetitle{

font-family: Georgia, "Times New Roman", Times, serif; 

font-size:20px;

padding: 5px;

padding-left: 10px;

border-left:1px solid #dcedff;

}



#contenta img {

margin-top:5px;

margin-right: 15px;

margin-bottom: 10px;

padding: 1px;

border: 1px solid #cccccc;

float:left;

}



#contenta span {

float: left;

font-family: Arial, Helvetica, sans-serif;

font-size: 9px;

} 


/* Content 3*/



#contenta2 { 

width:730px; 

margin-top: 0px; 

margin-right: 5px; 

margin-left: 0px; 

float:left; 

} 



#contenta2 X{

font-family: "Times New Roman", Times, serif;

font-size: 12px;

margin-right: 15px;

line-height: 23px;

text-align:justify;

clear: right;

}



#contenta2 h1{

font-family:Georgia, "Times New Roman", Times, serif;

}



#contenta2 h5{

font-family: verdana, Arial, Helvetica, sans-serif;

margin-top: 5px;

margin-bottom: 5px;

font-size: 12px;

font-style: normal;

font-weight: 500;

clear: right;

}



#contenta2 .pagetitle{

font-family: Georgia, "Times New Roman", Times, serif; 

font-size:20px;

padding: 5px;

padding-left: 10px;

border-left:1px solid #dcedff;

}



#contenta2 img {

margin-top:5px;

margin-right: 15px;

margin-bottom: 10px;

padding: 1px;

border: 1px solid #cccccc;

float:left;

}



#contenta2 span {

float: left;

font-family: Arial, Helvetica, sans-serif;

font-size: 9px;

} 



/*Clases nuevos*/



.feature_principal { 

background:#fffffc/*ffffff*/; 

margin-right: 10px; 

padding:12px; 

border-bottom: 1px solid #F0F0EE; 

margin-bottom: 5px; 

} 



.feature_principal:hover { 

background: #ffffcc; 

border-bottom: 1px solid #F0F0EE; 

margin-bottom: 5px; 

}  



.feature_principal img { 

padding:1px; 

margin-right: 3px; 

background-color:#cccccc; 

}  



.feature_principal p, #rightcol p { 

margin:6px 0 5px 0; 

} 



.feature_principal p, #leftcol p{

line-height: 17px;

} 



.feature { 

background:#fafaf9; 

margin-right: 1px; 

margin-bottom:8px; 

padding:12px; 

height: auto; 

border-left:1px solid #dcedff; 

border-top: 1px solid #dcedff; 

}



.feature:hover { 

background:#FFFFCB/*f5faff*/; 

margin-right: 1px; 

margin-bottom:6px; 

padding:12px; 

height: auto; 

border-left:1px solid #F0F0EE; 

border-top: 1px solid #F0F0EE; 

} 



.feature p, #rightcol p, #leftcol p { 

margin:0; 

height: auto; 

} 



#rightcol p, #leftcol p {

text-align: left;

} 



.feature a:hover{    

color: #333366; 

}



.feature #leftcol p:hover{ 

color: #000;

}



.feature #rightcol p { 

color:#333333;

}



#rightcol p {

font-size: 11px;

line-height: 14px;

font-family: Arial, Helvetica, sans-serif;

color: #4d4d4d;

}



#rightcol .title {

font-size: 13px;

font-family: Georgia, "Times New Roman", Times, serif;

}



.feature img, #rightcol img, #leftcol img{ 

padding:1px; 

background-color:#FFFFFF; 

border:1px solid #cccccc; 

}   



#leadpic { 

float:left; 

margin: 0 18px 8px 0; 

}



#lead { 

margin-top:8px; 

}



.title {

font-family: Georgia, Times, Arial, Helvetica, sans-serif; 

font-size:19px; 

font-weight:normal; 

line-height:115%; 

}



.feature_principal#lead .title { 

font:2.3em Georgia, Times, serif; 

font-weight:normal; 

line-height:100%; 

display:block; 

padding-bottom:7px; 

}  



.feature_principal#lead #leadpic.img {

padding: 1px;

background-color:#FFFFFF;

border: 1px solid #cccccc;

} 



.feature#lead .title { 

font:1.8em 'Trebuchet Ms', Times, serif; 

line-height:100%; 

display:block; 

padding-bottom:7px; 

}



#leftcol .feature { 

margin: 0 0 8px 0; 

border-bottom:none; 

height: auto; 

clear:both; 

}



#rightcol img { 

float:left; 

margin:3px 10px 4px 0; 

}



#leftcol img { 

float:left; 

margin:3px 10px 4px 0px; 

} 



#rightcol .clearfloat { 

padding:12px 0; 

}



#sidelist li { 

list-style:none 

} 



/* clases lista de noticias p?gina interior*/



#cajalista {

width: 700px;

margin-top: 5px;

}



#cajalista p{

text-align: left;

}



#cajalista img{

float: left;

width: 80px;

height: auto;

margin-top: 10px;

margin-right: 10px;

padding: 1px;

border: 1px solid #cccccc;

}



.cajabloque {

width: 585px;

clear: right;

display: table;

padding-left: 15px;

} 



.cajabloque h5{

font-size: 12px;

} 



.cajabloque p{

line-height: 17px;

}



/* clases recomendados*/



#cajarecom {

width: 704px;

background-color:#f5faff;

margin-top: 5px;

margin-bottom: 5px;

padding-left: 10px;

padding-top: 8px;

padding-bottom: 10px;

float: left;

display: table;

border-bottom: 1px solid #dcedff;

border-right: 1px solid #dcedff;

}



#cajarecom p{



font-size: 11px;



font-family: Verdana, Arial, Helvetica, sans-serif;



line-height: 15px;



padding-left: 12px;

padding-top: 0px;

margin-top: 0px;



padding-right: 0px;



}



#cajarecom h5{

font-size: 11px;

}



.cajarecomip {

width: 120px;

float: left;

clear: none;

display: table;

}



.cajarecomi {

width: 223px;

float: left;

clear: right;

display: table;

}



.cajarecomimg {

width: 120px;

float: left;

clear: none;

display: table;

}



.cajarecomimg img{

float: left;

clear: none;

padding: 1px;

border: 1px solid #cccccc;

}



.cajarecomi img{

padding: 1px;

border: 1px solid #ffffff;

}





/* contenedor texto*/



#context {

padding-top: 3px;

padding-left: 20px;

padding-right: 20px;

color: #333333;

font-size:12px;

}



.iconos {



float: right;

width: 150px;

margin-top: -28px;



}



.iconos img {

border: 0;

margin: 0;

padding: 0 ;

float: right;

clear: none;

}



.bullets li { 

list-style:none; 

border-bottom:1px solid #FFF; 

} 



#sidelist .bullets li { 

list-style:square; 

margin-bottom:5px; 

line-height:115%; 

margin-left:22px; 

}



#sidelist .children { 

background:#e4efd5; 

} 



#sidelist .children li { 

list-style: square; 

margin-left:28px; 

border-bottom:1px solid #e4efd5; 

} 



#sidelist .children li a, #sidelist .children li a:visited { 

padding:2px 2px 2px 0px; 

border:0; 

background:#e4efd5; 

color: #818d6f; 

}



#sidelist .children li a:hover, #sidelist .children li a:active {     

color:#465d23; 

}



.postmetadata { 

margin: 30px 0; 

}



#writer { 

background:#eef5e1; 

margin:25px 0 15px 0; 

padding:12px; 

}



#writer img { 

padding:1px; 

border:1px solid #7da939; 

float:left; 

width:80px; 

}



#writer span { 

display:block; 

padding-top:4px; 

border-top:1px solid #cbd8b4; 

margin-top:12px; 

}



#writer p { 

margin:0; 

width:482px; 

} 



.entry { 

padding-bottom:12px; 

border-bottom:1px solid #F0F0EE; 

} 



.entry p{

color: #595959;

margin-top:8px;

margin-bottom: 8px;

} 



h3 a:link, h3 a:visited { 

color:#5f5f5f; 

}



/*Post Formatting*/



.picleft { 

float:left; 

margin:3px 14px 10px 0; 

border:7px solid #f2f2f2; 

}



.picright { 

float:right; 

margin:3px 0 10px 14px; 

border:7px solid #f2f2f2; 

} 



.post blockquote { 

color:#333333; 

background:#dcedff; 

padding:6px 14px; 

margin:25px 35px; 

border-bottom:1px solid #cccccc; 

}   



.post ul li { 

list-style:square; 

margin-bottom:5px; 

line-height:115%; 

margin-left:42px; 

}



.post ol li { 

margin-bottom:5px; 

line-height:115%; 

margin-left:48px; 

} 



#tags { 

padding:3px;         

padding-bottom: 7px; 

border-bottom:1px solid #F0F0EE; 

height:auto; display:none;         

text-align: center;

}  



#tags a:link  {

color:#486293;

}



#tags a:hover {

color:#253960;

}    



.box_tagcloud {

font-family: 'Trebuchet Ms', "Times New Roman", Times, serif;

padding: 3px;

}



.navigation {

text-align: center;

margin-top: 10px;

}



#caca {

margin-top: 15px;

}



/* Form Elements */



#boton {

margin-right: 20px;

margin-top: 0px;

}



select { 

background:#f2f2f2; 

border:1px solid #dcedff; 

width:100% 

} 



#searchform { 

padding:35px 5px 0 20px;  

font-family: Arial, Helvetica, sans-serif; 

font-size: 11px; 

}



.button { 

padding: 0px; 

background-color: #ffffff; 

color:#000; 

border:1px solid #cccccc; 

font-family:Arial, Helvetica, sans-serif; 

font-size: 11px;

}



.button:hover { 

background-color: #990000; 

color:#FFF; 

text-decoration:none 

}



#searchform input { 

width: 130px; 

margin: 0px 5px 1px 0; 

} 



#searchform .button {

width: 50px;

}



#commentform textarea { 

width: 100%; 

margin-top:0px; 

}



/* Comments*/



.commentlist { 

padding-left:30px; 

} 



.commentlist li { 

margin: 15px 0 3px; 

padding: 8px 15px 10px 15px; 

background:#dcedff; 

border-top: 1px solid #ddd; 

}



#commentform small { 

background:#FFF; 

font-weight:bold; 

padding:0; 

} 



.commentmetadata { 

display: block; 

}



.commentlist small { 

background:#e9e9e9; 

}



.commentlist cite { 

font: 1.6em arial, Georgia, "Times New Roman", Times, serif; 

font-weight:bold; 

letter-spacing:-0.05em; 

}  



/* Float Properties*/



.clearfloat:after { 

display:block; 

visibility:hidden; 

clear:both; 

height:0; 

content:"."; 

} 



.clearfloat { 

display:inline-block 

}



.clearfloat { 

display:block 

} 



/* Footer*/



#footer { 

margin: 0 auto; 

background-image:url(images/footerimage.gif); 

background-position: top; 

text-align:center; 

width: 980px; 

height: 55px; 

font-size:0.7em; 

padding-top:15px; 

color: #333333; 

border-top: 1px solid #e4efd5; 

background-color:#dcedff; 

padding: 5px; 

}



#footer a { 

color:#666666; 

} 



#footer a:hover{

text-decoration: underline;

}

/*caja pregunta de la semana*/

.pregunta {
margin-top: 20px;
padding-bottom: 15px;
padding-top: 15px;
border: 1px solid #D6DDE4;
padding-left: 30px;
padding-right: 20px;
}

.pregunta p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;}

.respuesta {
margin-top: 20px;
padding-left: 30px;
padding-right: 20px;}

.respuesta p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	text-align: left;
	padding: 10px;}

.respuesta h1 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 18px;
font-style:normal;
color: #000;
border-bottom: 1px solid #D6DDE4;
margin-top: 10px;
padding-bottom: 10px;
}

#coment {
   padding: 10px;
   margin-top: 20px;
   border: 1px solid #D6DDE4;
   background-color: #FEFEDE;
}

#coment img {
float: left;
margin: 10px;
}   
     

#coment h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	font-weight: normal;
	padding-left: 10px;
	border:none;
	}
	
#coment p {
	font-size: 12px;
	margin-top: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	text-align: justify;
	line-height: 18px;
	border: none;}