﻿/*
Theme Name: 3 Columnas (menu izq) + menu cabecera
Theme URI: Description: Plantilla para Wordpress, basada en los "Blank Themes" de Will Healey. http://www.tomorrows-laundry.com/
Author: Rodax
Author URI:

/*-----------Block Level Elements--------------*/

Body {
        margin:0;
	padding:0;
	font-size: .8em;
	font-family: "Lucida Grande", Helvetica, Verdana, sans-serif;
        background:#cacfd5;

}
#arriba{
        margin:0;
	padding:0;
	margin: auto;
        width: 100%;
        background:#000;
        float:left;
        
}

#medio{
        margin:0;
	padding:0;
	margin: auto;
        width: 100%;
        background:#222;
        float:left;
   /*background-image:url(images/background.gif);*/
        
}

#abajo{
        margin:0;
	padding:0;
	margin: auto;
        width: 100%;
        background:#cacfd5;
        float:left;
        
}


#contenedor {
        margin:0;
	padding:0;
	margin: auto;
        width: 960px;

}

#cabecera {
        margin:0;
	padding:0;
	margin: auto;
	width:960px;
        height:120px;
        background-image:url(images/logo.png);
        background-repeat:no-repeat;
        background-position:left;
        margin-bottom:15px;

}

#menu_iconos {
	margin:0;
	padding:0;
	width:480px;;
        background: ;
        float:right;

}

#menu {
	margin:auto;
	padding:0;
	width:100%;
        background: #999;
}

#cuerpo{
        margin:0;
	padding:0;
	margin: auto;
        width:100%;
        clear: both;
        background: #;
       
}

#centro {
        margin:0;
	padding:0;
	margin: auto;
	float: left;
	width: 720;
        background: ;
}

#centro_izq {
padding-top: 5t;
padding-right: 5pt;
padding-bottom: 5pt;
padding-left: 5pt;
margin-top: auto;
margin-right: auto;
margin-bottom: auto;
margin-left: auto;
float: left;
width: 450px;
background: #666;
top-width: 3px;
border-right-width-value: 3px;
border-right-width-ltr-source: physical;
border-right-width-rtl-source: physical;


}




#centro_der {
        margin:0;
	padding:0;
	margin: auto;
	float: right;
	width: 240px;
        background: ;
       
}

#centro_extendido {
        margin:0;
	padding:0;
	margin: auto;
	width: px;       
}

#centro_single {
	margin:auto;
	padding:0;
	width:660;
        float:left;
        
}

#sidebar {
        margin:0;
	padding:0;
	margin: auto;
	width: 230px;
	float:right;
        background:#4A4084;
}


#pie {
        margin-top:20px;
	padding:0;
	margin: auto;
        width: 960px;
        
        

}

/*-------------Cabecera-------------*/

#cabecera h1{
	margin:0;
        font-size: 0;
        text-indent:-100000000000000000px;
}
#cabecera h1 a{
	
        font-size: 0;
        text-decoration: none;
        text-indent:-100000000000000000px;
        
}
#cabecera h2 {
	margin:0;
        font-size: 0;
        text-indent:-100000000000000000px;
}


/*-------------Menu-------------*/

#menu ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	min-height: 25px;
}	

#menu li{

	float:left;
	display:block;
	margin-left: 10px;
        
}	

#menu li a {
	margin:10px 0 0 0;
	display:block; 
	background-color:#000;
	color:#fff; 
        text-decoration:none;


}

#menu li a:hover {
	
	background-color:#fff; 
	color:#444;
}


/*-------------TIPOGRAFÍA-------------*/

h2 a{
        color:#6666CC;
        text-decoration:none;
background: #000
        font-size:16px;
        font-family:Arial,Helvetica;
     
        letter-spacing:-1.2px;
        line-height:100%;
        font-weight:bold;

}

h2 a{
        color:#ff99ff;
        text-decoration:none;
        font-size:18px;
        font-family:Arial,Helvetica;
        letter-spacing:-1.2px;
        line-height:100%;
        font-weight:bold;

}

h3 a{
        color:#ff99ff;
        text-decoration:none;
        font-size:18px;
        font-family:Arial;     
        letter-spacing:0px;
        line-height:90%;
        font-weight:bold;

}


h3{
        color:#999;
        text-decoration:none;
        font-size:18px;
        font-family:Arial;     
        letter-spacing:-1px;
        line-height:100%;
        font-style:bold;

}

p{
	padding:10;
        margin-top: 10pt;
        margin-right: 0pt;
        margin-bottom: 0pt;
        margin-left: 0pt;
        font-size:12px;
        font-family:Ms Dialog,Arial;
        line-height:100%;
        color:#fff;
}

p a{
	padding:0;
        margin:0;
        font-size:11px;
        font-family:Ms Dialog,Arial;
        color:#79B0A6;
        text-decoration:none;
}



#centro_der ul, #centro_der li{
         margin: 0;
         padding: 0;
         list-style-type: none;
         
}
/*-------------post del index-------------*/


.single_post{
        width:660px;
        float:left;
        padding:13;
	margin:0px;
        font-size:12px;
        font-family:Ms Dialog, Lucida; Arial;
        line-height:130%;
        color:#fff;
}

.principal{
        width:450px;
	padding:0;
        background: none;
        font-size:11px;
        font-family:Arial;
        line-height:130%;
font-size: 11px;
	font-family: Ms Dialog;
        color:#fff;
}


.segunda_col{
        width:240px;
	padding:0;
	margin:15px;
        font-size:11px;
        font-family:Arial;
        line-height:0%;
        color:#fff;
}

.post h2, .post h3,  {
        padding: 0 10px


}



.postmetadata {
        margin:0;
	padding:0;
        clear: both;

}


.alignleft {
 	text-align: left;
 	padding: 5px 0 0 10px;
 

}

.alignright {
 	text-align: right;
 	padding: 5px 10px 0 0;

}

.pagetitle {
 	padding: 0 10px;

}


/*-------------post de paginas-------------*/

.pagina {
         margin-right:15px;
         width:225px;
         float:left;
         font-size:12px;
         font-family:Arial;
         line-height:130%;
         color:#fff;
        
}


.grafica{
         margin-right:15px;
         width:300px;
         float:left;
         font-size:11px;
         font-family:Arial;
         line-height:130%;
         color:#fff;
        
}





li{
         list-style: none;
margin-top: 5pt;
margin-right: 0pt;
margin-bottom: 0pt;
margin-left: 0pt;
padding-top: 5pt;
padding-right: 0pt;
padding-bottom: 5pt;
padding-left: 0pt;   
}


ul{
         list-style: none;
         margin: 0;
         padding: 0;      
}




/*--------------Sidebar------------*/

#sidebar ul {
         margin:0;
	 padding:0;
         padding: 0 10px ;
         list-style-type: none;
         
}

#sidebar p {
         margin:15px;
         font-family:Arial,Helvetica;
         font-size:12px;
         color:#fff;
        
}


#sidebar h2 {
         margin:15px;
         color:#ff99ff;
        
}

#sidebar img {
         margin-bottom:10px;
         
        
}

/*--------------Pie--------------*/

#pie p {
	
        margin:0;
	padding:0;
        margin: auto;
        text-align:center;
        color:#fff;
        
}

/*--------------Comentarios--------------*/


#commentform textarea{
 	margin:0;
	padding:0;
        width: 660px;

}

/*-------------Imágenes------------------*/

img {   
margin top:0;
margin-right: 0pt;
margin-left: 0pt;
padding-right: 5pt;
padding-top: 5pt;
padding-bottom: 5pt;
padding-left: 5pt;
float: left;
margin-bottom:5px;
      
}


a img{
	
        border: 0;
        margin-bottom:5px;
}



/* iconos */

.iconos{
width:480px;
}

.iconos ul{
list-style : none; 
float:left;

}

.iconos li{
float:left;
height:90px;
width:80px;
margin-right:5px;
text-align:center;
text-decoration:none;
}

.iconos li a{
float:left;
height:90px;
width:80px;
margin-right:5px;
color:#ccc;

}

.iconos li a:hover{
float:left;
height:90px;
width:80px;
margin-right:5px;
color:#ff00ab;
text-decoration:none;
font-sytle:bolder;
}

.iconos a#bio{ background-image: url(images/bio.gif)}
.iconos a#discos{ background-image: url(images/discos.gif)}
.iconos a#grafica{ background-image: url(images/grafica.gif)}
.iconos a#musica{ background-image: url(images/musica.gif)}
.iconos a#contacto{ background-image: url(images/contacto.gif)}