/*  
Theme Name: 
Theme URI: http://www.askapena.org
Description: Convertir WordPress en una WebTB
Version: 0.1
Author: Askapena
Author URI: http://www.askapena.org

Basado en mimbo2.2 de Darren Hoyt.
The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php



/* HTML Elements */

* {
margin:0;
padding:0;
}

	
#fondo {
position: absolute;
top:0;
left: 962px;
z-index: 10px;
width: 300%;
height: 400px;	
background: url(./irudiak/fondo_html.gif) 0px 0px no-repeat;}	
	
body {
background: #ECEAEA url(./irudiak/fondo.png) top left repeat-y;
color: #333;
padding: 0 0 25px 0;
}

body, select, input, textarea {
font: 100% Helvetica, Verdana, Freesans,Sans-Serif;
}
	
p {	
margin: 0.5em 0;
}

a:link, a:visited {
color: #409fcf;
text-decoration:none
}

a:hover, a:active {
color:#333;
text-decoration:underline;
}

hr {
display: block;
height:1px;
background:#333;
border:0;
}

small {
font-size: 0.95em;
background:#eceaea;
padding:3px 6px;
}

img, a:link img, a:visited img {
border:0
}
	
		

/* Structure */

#page {
width:880px;
margin:0 0 0 76px;
font-size:0.85em;
background:#FFF ;
position:relative;
padding: 0px 0px 35px 0px;}

   #marca {      
   position: relative;   
   height: 152px;}
                               
   #content {      
   padding-left: 45px;
	width:460px;
	float:left;
	}
	  	
   #sidebar {
   width: 300px;
   padding-top: 45px;
   float:right;
   }
   	


.left {
float:left;
}

.right {
float:right;
}


#ongiEtorri .eu,
#ongiEtorri .es,
#ongiEtorri .en,
#ongiEtorri .fr {
position: absolute;
top: 65px;
font-size: 12px;
line-height: 1.2em;
height: 4em;
width: 160px;
color: #54A32A;
}


#ongiEtorri a.hizkuntza {
margin-top: 0.2em;
display: block; }

#ongiEtorri .eu { left: 45px; width: 140px;}
#ongiEtorri .es { left: 300px;}
#ongiEtorri .fr { left: 470px;  }	
#ongiEtorri .en { left: 640px; }


	
	
/*	Headers */

	
h2 {
padding-bottom:0px;
clear: both;
border-bottom:2px dotted #E20A17;
margin: 40px 0 15px 0;}

#nagusia h2,
#content h3 {
color: #E20A17;
margin-right: 28px;
margin-top: 25px;
width: 440px;}


h2.pagina,
h2.single,
h2.categoria {
font-size: 1.4em;
color: #fff;
background: #54A32A url(./irudiak/fondo_h2.png) bottom left repeat-x;
border: none;
position: relative;
left: -46px;
width: 447px;
padding: 12px 0px 12px 20px;
text-transform: uppercase;}

#nagusia {
margin-top: 20px;
padding-top: 20px;}

#nagusia h2 a         {color: #E20A17;}
#nagusia h2 a:visited {color: #E20A17;}
#nagusia h2:hover {
border-bottom-color: #000;
color: #000; 
text-decoration: none }

.resumido {
margin: 1em 0;
padding: 0 1em 1em 1em;
background-color: #F2E8D1; /*#f2f2f2;*/
-moz-border-radius: 0px 0px 25px 0px;}

.resumido .resumen {
color: #000 }

#content .resumido h3:hover { border: none }
#content .resumido h3 {
font-size: 1.2em;
text-transform: none;
margin-top: 0; 
padding-top: 10px;}

.resumido .tags {
margin-top: 1em;
padding-top: 0.5em;
border-top: 2px dotted #fff }

#content .categorias ul.post-categories,
#content .categorias ul.post-categories li {
display: inline;}

#content .tags a,
#content .categorias a { color: #54A32A } /* verde */
#content .categorias ul.post-categories li + li:before {
content: " // ";}

#content object {
margin-bottom: 1em}

#content h3 a       { color: #E20A17; text-decoration: none;}
#content h3 a:hover { color: #000; }
#content h3:hover   { border-bottom: 2px dotted #000}

h3 {
text-transform:uppercase;
margin-bottom:4px;
font-weight:bold;
color:#5f5f5f;}

h3#respond {
border-top:1px dotted #b6b6b6;
margin-top:25px;
padding-top:20px	}

h3#comments {
margin-top:32px	}

h4 {
font-size:1.6em;
margin-bottom:6px;	}
	


/*
 * MARCA: contiene adicional. 
 */	

#marca h1 {
position: absolute;
top: 10px;
left: 30px;}

#marca h1 a span { display: none }
#marca h1 a {
background: url(./irudiak/logo.png) no-repeat;
display:block;
height: 122px;
width: 292px;}

#marca #tagline {
display: none}

#s { width: 6em }


/*Main Navbar */
#adicional ul.pages {
position: absolute;
top: 0px;
left: 370px;
line-height: 1.0em;
text-align:left}

#adicional ul.pages li  {
padding: 6px 20px 2px 18px;
background: url(./irudiak/fondo_pa.png) top left no-repeat;
/*border-left: 2px solid #000;*/
float: left;
display: block;	}

#adicional ul.idiomas {
position: absolute;
top: 0px;
right: 10px;
padding: 0;
text-align:right} 

#adicional ul.idiomas li {
display: block;
padding: 17px 6px 9px 6px;
width:25px;
height: 20px; 
margin-left: 3px;
background: url(./irudiak/fondo_idioma.png) no-repeat;
float: left;}

#adicional a { color: #333; }
#adicional .idiomas a { color: #fff; font-weight: bold; }
#adicional a:hover {color: red }

	
/* Post */

	
.description {
font-size: 1.3em;
font-weight: bold; 
font-style:italic;
color:#545454;	}

.title {
font-size:1.2em;
font-weight:bold;
line-height:115%;	}

	
/* 
 * sidebar
 */

#sidebar h2, 
#sidebar h3 { 
text-transform:lowercase;
margin: 20px 0 4px 0;
font-weight: bold;
color:#000;
border: none;
padding:6px 0 6px 2px;
font-size:1em;
}

#sidelist li {
border-bottom: 3px solid #000;
margin-bottom: 1em;
padding-bottom: 1em;
padding-right: 15px;
list-style: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:#ddd;}
	
#sidelist .children li {
list-style: square;
margin-left:28px;
border-bottom:1px solid #ddd;	}
	
#sidelist .children li a, #sidelist .children li a:visited {
padding:2px 2px 2px 0px;
border:0;
background:#ddd;
color: #818d6f;	}

#sidelist .children li a:hover, #sidelist .children li a:active	{				
color:#465d23	}

#resumidos {
margin: 20px 0;
padding: 0.5em 1em 0.5em 2em;
background-color: #E20A17;
color: #000;}

#resumidos a {
color: #fff }

.resumido {
padding-top: 0.5em;
border-bottom: 1px dotted #fff;}

.postmetadata {
margin: 30px 0;}

#writer {
background:#eceaea;
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:28px;
	}

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:#76767a;
	background:#f2f2f2;
	padding:6px 14px;
	margin:18px 35px;
	border-right:1px solid #DDD;
	border-bottom:1px solid #DDD;
	}	

.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;
	border-bottom:1px solid #DDD;
	border-top:1px solid #DDD;
	}	
				

/* Form Elements */

select {
	background:#f2f2f2;
	border:1px solid #9c9c9c;
	width:100%
	}
	


.button {
	padding: 2px;
	text-transform:lowercase;
	-moz-border-radius: 3px;
	background:#000;
	color:#e7e7e7;
	border:none;
	}

.button:hover {
	background:#777;
	color:#FFF;
	text-decoration:none
	}

#commentform input {
	width: 170px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 100%;
	margin-top:5px;
	}



/* Comments*/

.commentlist {
	padding-left:30px;
	}
	
.commentlist li {
	margin: 15px 0 3px;
	padding: 8px 15px 10px 15px;
	background:#f2f2f2;
	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 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;
	width: 900px;
	font-size:0.7em;
	padding-top:15px;
	color:#FFF;
	}

#footer a {
	color:#d3d1d1;
	}