/*
Theme Name: ~eien~ oficial Website theme version 3
Theme URI: http://www.eien.cl
Description: Official wordpress theme for ~eien~ website
Version: 3.0
Author: R. Ovalle
*/
html, body{
height: 100%;
}
body{
height: 100%;
width: 100%;
background-color:#FFFFFF;
margin:0;
padding:0;
font-family:Arial,Helvetica, sans-serif;
height: 100%;

}
#background{
position:absolute; 
z-index:-1;
width:800px; 
height:600px;
}
 
#pagina{
z-index:2;
height: 600px;
/*min-height: 520px; */
width: 100%;
margin: auto;
color:#000000;
}



#divmenu{
width:24%;
height: 92%;
float:left;
margin:0 0 0 7%;
overflow: hidden;
}

#barra{
width:24%;
height: 500px;
float:left;
margin:0;
}


#cabecera{
background:transparent;
margin:0;
}
#contenido{
width: 50%;
height: 75%;
overflow: auto;
margin: 3% 7% 0 0;
padding:0 5% 0 0;
float:right;
clear:none;
}

#contenido_up{
width: 50%;
height: 80%;
/*overflow: auto;*/
margin: 3% 7% 0 0;
padding:0 5% 0 0;
float:right;
clear:none;

}
#updates{
margin: 0 2% 0 2%;
font-size:8px;
height: 9em;
overflow: auto;

white-space: nowrap;
}

#updates_div{
margin: 1% 0 0 16%;
height: auto;
font-size:12px;
}

#pie{
width:100%;
height:80px;
margin: 0 0 0 0;
float: right;
position:fixed;
bottom: 0;
}
#pie_texto{
position:relative;
text-align: right;
float: right;
padding: 0 20px 0 0;
clear:both
}

.cat{
font-size:.8em;
line-height:.85em;
margin:0 0 0 5px;
padding:0 0 0 5px;
color:#AAAAAA;
border-left:3px solid #ddd;
}
.navegacion{
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
.center{
text-align: center;
}
.post h2,
.post h3{
color:#333;
border-bottom:0px solid #ddd;
margin:0 0 5px 0;
}
p{
font-size:small;
color:#000000;
}
p.twit{
font-size:14px;
color:#000000;
float:left;
}
p.mini{
font-size:9px;
color:#000000;
}
p.upd{
font-size:z-small;
color:#000000;
}

p.big{
font-family:"Times New Roman",Georgia,Serif;
font-size:20px;
color:#000000;
}
a:link {text-decoration: none; color: #555555;}
a:visited {text-decoration: none; color: #555555;}
a:active {text-decoration: none; color: #555555;}
a:hover {text-decoration: underline; color: #555555;}
h2,h3{
margin:0;
padding:0;
letter-spacing:1px;
font-size:1.3em;
font-family:Arial,Helvetica, sans-serif;
text-transform:uppercase;
}

#menu {
	border-style: none;
	margin-left: 15%;
	}

#menu ul{
	list-style:none;
	margin:0px;
	padding:0px;
	}
#menu li a {
  	height: 37px;
	width: 160px;
	text-decoration: none;
	font-weight:normal;
	}	
	
#menu li a:link, #menu li a:visited {
	display: block;
	background-position: 0 0px;
	background-repeat:no-repeat;
	}
	
#menu li a:hover {
	background-position: 0 -37px;
	background-repeat:no-repeat;
	}
#menu_home {
	background-image:url(imagenes/menu/home.png);
	background-repeat:no-repeat;
}
#menu_noti {
	background-image:url(imagenes/menu/noticias.png);
	background-repeat:no-repeat;
}
#menu_blog {
	background-image:url(imagenes/menu/blog.png);
	background-repeat:no-repeat;
}
#menu_disc {
	background-image:url(imagenes/menu/disco.png);
	background-repeat:no-repeat;
}
#menu_bio {
	background-image:url(imagenes/menu/bio.png);
	background-repeat:no-repeat;
}
#menu_guest {
	background-image:url(imagenes/menu/guest.png);
	background-repeat:no-repeat;
}
#menu_agen {
	background-image:url(imagenes/menu/agenda.png);
	background-repeat:no-repeat;
}
#menu_fanc {
	background-image:url(imagenes/menu/fanclub.png);
	background-repeat:no-repeat;
}
#integrantes {
	border-style: none;
	margin-left: 10%;
	margin-top: 10%;
	float:left;
	}

#integrantes ul{
	list-style:none;
	margin:0px;
	padding:0px;
	}

#integrantes li {
        float: left;
}

#integrantes li a {
  	height: 20px;
	width: 140px;
	text-decoration: none;
	font-weight:normal;
	float:left;
	}	
	
#integrantes li a:link, #integrantes li a:visited {
	display: block;
	background-position: 0 0px;
	background-repeat:no-repeat;
	}
	
#integrantes li a:hover {
	background-position: 0 -20px;
	background-repeat:no-repeat;
	}
#inte_ossi {
	background-image:url(imagenes/integrantes/silva2.png);
	background-repeat:no-repeat;
	
}
#inte_osro {
	background-image:url(imagenes/integrantes/romero2.png);
	background-repeat:no-repeat;
}
#inte_rofe {
	background-image:url(imagenes/integrantes/robin2.png);
	background-repeat:no-repeat;
}
#inte_roov {
	background-image:url(imagenes/integrantes/roberto2.png);
	background-repeat:no-repeat;
}


#foto_band img{
width:100%;

}
img.foto {
background: url("imagenes/ajax-loader.gif") no-repeat center center;
}
#social {
	border-style: none;
	margin-right: 20px;
	float: right;
	clear: both;
	}

#social ul{
	list-style:none;
	margin:0px;
	padding:0px;
	}
	
#social li a {
  	height: 33px;
	width: 33px;
	text-decoration: none;
	font-weight:normal;
	float: left;
	}	

#social li  {
	float: left;
	}	

#social li a:link, #social li a:visited {
	display: block;
	}
	
#social li a:hover {
	}
#social_twit {
	background-image:url(imagenes/social/twit.png);
	background-repeat:no-repeat;
}
#social_twit_update {
	background-image:url(imagenes/social/twit2.png);
	background-repeat:no-repeat;
	display: block;
	height: 16px;
	width: 16px;
	float:left;
}
#social_face {
	background-image:url(imagenes/social/face.png);
	background-repeat:no-repeat;
}
#social_foto {
	background-image:url(imagenes/social/foto.png);
	background-repeat:no-repeat;
}
#social_abra {
	background-image:url(imagenes/social/abra.png);
	background-repeat:no-repeat;
}
#social_flik {
	background-image:url(imagenes/social/flik.png);
	background-repeat:no-repeat;
}
#social_mysp {
	background-image:url(imagenes/social/mysp.png);
	background-repeat:no-repeat;
	}
#social_word {
	background-image:url(imagenes/social/word.png);
	background-repeat:no-repeat;
}
#social_rss {
	background-image:url(imagenes/social/rss.png);
	background-repeat:no-repeat;
}
#social_last {
	background-image:url(imagenes/social/last.png);
	background-repeat:no-repeat;
}
#social_yout {
	background-image:url(imagenes/social/yout.png);
	background-repeat:no-repeat;
}
#social_ustr {
	background-image:url(imagenes/social/ustr.png);
	background-repeat:no-repeat;
}

#sig{
	   background: url('imagenes/next-arrow.gif') no-repeat center;
	   width:32px;
	   height:32px;
}
#ant{
	   background: url('imagenes/back-arrow.gif') no-repeat center;
	   width:32px;
	   height:32px;
}