/*
Theme Name: GizonSarea
Theme URI: http://www.gizonsarea.org
Description: Adaptación del tema wu-wei de Jeff Ngan,
Version: 0.1
Author: Roger Martin (jeff Ngan original)
Author URI: http://www.saregune.com/
Tags: black, white, fixed-width, two-columns, custom-colors, threaded-comments, sticky-post

Adaptación del tema Wu-Wei de Jeff Ngan.
This theme was designed and built by Jeff Ngan, http://equivocality.com/
Dedicated to Michael Babin

License: GNU General Public License (GPL) version 3

*/

/*** Reset Styles ************************************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, acronym, abbr, blockquote, pre, a, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0;	outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
body {line-height:1.5;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration: line-through;}
table {border-collapse:collapse; border-spacing:0;}
a img {border:none;}


/*** General *****************************************************************/
body {
background:#fff url(./images/gizonsarea_body2.png) center top no-repeat; 
color:#444; 
margin:0; 
padding:0; 
text-align:center; 
font-size:75%; 
font-family: "DejaVu sans",FreeSans,Helvetica,Arial sans-serif;}

p {font-size:1.167em; line-height:1.5em; margin:0 0 1.5em;}
small {font-size:0.75em;}

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

a:hover {color:#CF691E;}

img {margin:0 0 1.5em;}
img.alignleft {margin-right:1.5em;}
img.alignright {margin-left:1.5em;}


/*** LAYOUT *************************************/
.full-column, 
.center-column, 
#pagina {
width: 960px; 
margin:0px auto; 
text-align:left;
clear:both;
border-bottom:1px solid #d1d9dc;}

#cuerpo {
margin: 5px 0;} 

.alignright {float:right;}
.alignleft {float:left;}
.aligncenter, div.aligncenter {display:block; margin-left:auto; margin-right:auto;}

.wp-caption {border:1px solid #ddd; text-align: center; background-color:#f3f3f3; padding-top:4px; margin:10px;}
.wp-caption img {margin:0; padding:0; border:0 none;}
.wp-caption p.wp-caption-text {font-size:11px; line-height:17px; padding:0 4px 5px; margin:0;}

.clearboth {clear:both;}



.pagetitle {padding:0.333em 0; font-size:1.5em; 
color:#333; /* #959ea1; */
 position:relative; border-top:1px solid #d1d9dc;}
.pagetitle span {position:absolute; left:240px;}


/*** Header ******************************************************************/
#cabecera a {
font-weight:bold;}

#cabecera {
position: relative;
font-size:0.916em;
padding-bottom:2em}

ul#menu li {
float:left;  
padding: 0 0.5em;
border-left:3px dotted #e0e0e0; 
display:block;}

ul#menu a {
display:block; 
padding:14px 7px 4px 7px; 
line-height:1em; 
width:10em; 
color:#6a797d; 
height: 27px;
text-transform:lowercase;}

body.eu ul#menu a {
padding-top: 7px;
height: 34px;
} 

ul#menu a strong {
color: #000; display:block;}

ul#menu li a:hover,
ul#menu li a:hover strong {
color: #ff8a00;}

ul#menu li:hover {
border-left:3px solid #ff8a00;}


ul#menu li.selected {
background-color: #fff;}

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

ul#idiomas li {
font-size:0.916em;
list-style:none}

ul#idiomas a:hover {
color: #333}

#blog-name a {
margin-top: 1em;
width: 700px;
height: 94px;
background-image: url(./images/gizonsarea_titulo.jpg) ;
display: block;}

#blog-name span { 
display: none }

#blog-name a:link, 
#blog-name a:visited {color:#d1d9dc; text-decoration:none;}
#blog-name a:hover {color:#ff8a00;}

#blog-description {
display: none}


/*** Buscador *********************************************************/
#buscador {
position: absolute;
top: 47px;
right: 10px;
padding: 10px 0 20px 0 ;
border-top   : 1px dotted #e2e2e2;
border-bottom: 1px dotted #e2e2e2;
text-align: right;}

.buscador label {
display: none }

.buscador input{ 
font-size:0.916em;}

.buscador #bBuscar1,
.boton {
border: none; 
background-color: #E5E7E2; 
font-size:0.916em;}

.buscador #s1 {
width: 16em;
margin-bottom:3px;}

.buscador #s {
width: 10em;
margin-bottom:3px;}

#no-se-encontro {
font-size: 1.5em;
font-weight: bold;
padding-bottom: 2em;
color: #ff8A00;}


/*** ZonaLogin ***************************************************************/

#zona-log{
text-align: right;
float: right;
padding-right: 10px; 
width: 30%;
font-size:0.916em;}

#zona-login {
background-color: #f2f2f2;
padding: 1em 0.5em 0.5em 4.5em;
-moz-border-radius: 2em 0 0 0;
float: right;
position: relative;
top: 2em;
width: 30%;
font-size:0.916em;}

#zona-login p{
margin: 0}

.buscador input{ 
font-size:0.916em;}

#zona-login input.input{
width: 60px;}



/*** Posts and Pages *********************************************************/

.post, .page {
border-top:1px solid #d1d9dc; 
padding-top:1.5em;}


.page .post-content h3 {
font-size:1.5em; 
margin: 1em 0 0 0 ;}

* html .post, * html .page {height:1%;} /* Fix for IE6 */

.sticky {border-top:3px solid #d1d9dc;}

h2 {color:#333; font-size:2.5em; font-weight:bold; line-height:1em; text-transform:lowercase; padding-bottom:0.6em;}
h2 a:link, 
h2 a:visited {color:#ff8a00; text-decoration:none;}
h2 a:hover {color:#333;}

h2.titulo span {
display: block;
font-size: .5em;
line-height: 1em }

h2.tag {
color: #333;
margin-bottom: 20px;}

.post-info {float:left; width:30%; margin:0 2% 0 0;}

.timestamp {float:left; font-size:1.5em; color:#333;}

.comment-bubble {float:left; font-size:1.5em; margin-left:0.5em; text-align:center;}
.pagina .comment-bubble {float:left; margin: 0.5em 0 0 30px;}
.comment-bubble a:link, .comment-bubble a:visited {color:#333; text-decoration:none; display:block; width:27px; height:32px; background:url(images/comment-bubble.gif) no-repeat 0 2px;}
.comment-bubble a:hover {color:#ff8a00;}

#comment-header .comment-bubble {
width:27px; height:32px;
margin-right: 1em; 
background-image:url(images/comment-bubble-fff.gif) }


.commentario-bubble {
float:left; 
font-size:1.5em; 
margin:0 2em 0 0.5em; 
text-align:center;
width:27px; 
height:32px; 
background:url(images/comment-bubble.gif) no-repeat 0 2px;
}

.post-content {float:left; width:38.333em; overflow:visible;}
.post-content-calendar { margin: 0px 2em}

.categorias,
.post-content-calendar h2, 
.post-content h2 {font-size:2.0em; margin-bottom:0.75em;}
.post-content h3 {font-size:1.5em; margin-bottom:1em;}
.post-content h4 {font-size:1.167em; margin-bottom:0.867em;}

blockquote {background:#fff url(images/blockquote.gif) no-repeat top left; margin-left:7em; padding-left:3em; font-style:italic;}

.pull-1 {margin-left:-8.571em; width:41.428em}
.pull-2 {margin-left:-17.143em; width:50em;}
* html .pull-1, * html .pull-2 {position:relative;} /* Fix for IE6 */

.post-content ul, .post-content ol {margin:0 0 1.5em; padding:0; font-size:1.167em;}
.post-content ul li, .post-content ol li {margin-left:3em; padding-left:0em; line-height:1.5em;}
.post-content ul li ul, .post-content ol li ol, .post-content ul li ol, .post-content ol li ul {font-size:1em;}

pre {white-space:pre-wrap; word-wrap:break-word; margin:0 0 1.5em;}

dl {margin:0 0 1.5em;}
dt {font-weight:bold; font-size:1.167em;}
dd {font-size:1.167em; margin-left:8.571em;}

acronym, abbr {border-bottom:1px dotted #333;}

hr {color:#d1d9dc; height:1px; background-color:#d1d9dc; border:0;}

.more-link {display:block; margin-top:1.5em;}

.post-meta-data {position:relative; margin:0 0 0 10em; height:100%; padding:0.333em 0; border-top:1px solid #d1d9dc;}
.post-meta-data span {position:absolute; left:10em; top:0.333em;}

.gallery {margin:0 0 1.5em 0; padding:0;}
.gallery-item {float:left; margin:10px 0 0 0; text-align:left; padding:0;}
.gallery img, .gallery a img {border:solid 1px #D9D9D9; background:#ffffff; padding:4px; margin:0;}
.gallery a:hover img {border-color:#666666; background:#fff;}
.gallery-caption {margin:0 0 1.5em 0; font-size:0.833em; line-height:1.167em; color:#666;}

table {margin:1.5em 0; padding:0; border-collapse:collapse;}
table th {padding:0.5em; border:1px solid #d1d9dc; background-color:#f8f8f8;}
table tr {margin:0; padding:0;}
table tr td {padding:0.5em; border:1px solid #d1d9dc;}


/*** POST RESUMIDOS *******/
.resumido { border-top: none; padding-top: 0; }
.resumido + .resumido { border-top: 1px solid #d1d9c9; padding: 1em 0 0 0 }
.resumido h2 { margin: 0; padding: 0; }
.resumido .adicional { color: #000; font-weight: bold; margin: 0.5em 0; text-transform: uppercase}
.resumido .post-content-resumido { padding-left: 0em}




/*** Páginas *****************************************************/

.post-nuestro-espacio {
border-top:1px solid #d1d9dc;
padding-top: 20px;
}

.post-meta-tags,
.post-meta-navigation {
margin-top: 4em;
padding-top: 0.5em; 
border-top:1px dotted #d1d9dc;}


.lista-tags { 
list-style: none;
margin: 0em 2em 2em 1em; }

.lista-tags li {
margin-bottom: 3px;
margin-left: 0.5em}

li.anterior  { list-style-image: url(images/anterior.png);}
li.siguiente { list-style-image: url(images/siguiente.png);}

.lista-tags a {
font-weight: bold;
background-color: #efefef;
padding:2px; 
color: #FF8A00}

.lista-tags .current_page_item { 
background-color: #f2f2f2; }  


.lista-materiales,
#lista-paginas { 
border-top: 1px solid #eee;
margin: 0em 2em 2em 1em; }


.lista-materiales li,
#lista-paginas li {
list-style: square;
border-bottom: 1px solid #eee;
color: #eee;}

.lista-materiales a,
#lista-paginas a {
font-weight: bold; 
color: #CF691E}

.lista-materiales a:hover,
#lista-paginas a:hover {
background-color: #f2f2f2; 
color: #000}

.lista-materiales li:hover,
#lista-paginas li:hover {
background-color: #f2f2f2;
color: #000}

#lista-paginas .current_page_item { 
background-color: #f2f2f2; }  


.lista-materiales,
#lista-paginas.privadas,
#lista-paginas.protegidas {
margin-left: 30px;
margin-bottom: 60px;
width: 60%;}

h3.privadas,
h3.protegidas {
font-size: 2em;
margin-bottom: 0.5em;
text-transform: lowercase}

h3.protegidas {
background: url(images/protegidas.png) 0px 5px no-repeat;
padding-left:30px;}

h3.privadas {
background: url(images/privadas.png) 0px 5px no-repeat;
padding-left:30px;}


/*** categorias *****************************************************/
#post-por-categorias {
border-top: 1px solid #d1d9c9;
padding-top: 25px;
overflow: auto }

#post-categorias {
width: 30%;
float: left;}

#post-resumenes {
width: 56%;
margin-left: 8%;
float: left;}

#lista-categorias { 
list-style: none;
margin: 0em 2em 4em 1em; }

#lista-categorias li {
padding: 3px 0px;
border-bottom: 1px dotted #ccc;
text-transform: uppercase; }

#lista-categorias li.current-cat {
background-color: #333;
position: relative;
width: 100%;
left: -20px;
padding-left: 20px;}

#cuerpo #lista-categorias a {
font-weight: bold; 
color: #FF8A00 }

#lista-categorias .current_page_item { 
background-color: #f2f2f2; }

dl.contacto { clear: both; overflow: auto;}
dl.contacto dt { float: left; clear:left; width: 35%; background-color:#D3D7CF; margin:1px 0; padding: 2px 3px; }
dl.contacto dd { float: left; width: 50%; margin:1px 0 0px 5px; border-bottom: 1px #D3D7CF dotted; padding: 2px 3px;}


/*** Comments ****************************************************************/

#comment-wrapper {
overflow: auto;
padding-left:0em; 
padding: 1em 6px;
background-color: #E6E8E5;
border-top: 2px dotted #fff;}

#comment-body h3 {
font-size: 1.5em;}

#comment-header {
float: left;
width: 28%;}

#comment-body {
float: right;
width: 68%;}

#comment-body .required { font-size: 0.8em; color: #000}

ol.commentlist {margin:0; padding:0; font-size: 0.8em}
ol.commentlist li {list-style:none; padding:0.333em 0 0 60px; position:relative; border-bottom:1px dotted #fff; } 
ol.commentlist li.bypostauthor {border-top:1px solid #6a797d;} 
ol.commentlist li.comment-author-admin {border-top:1px solid #6a797d;} 
ol.commentlist li.comment div.vcard {padding-top:1.0em; }
ol.commentlist li.comment div.vcard cite.fn {font-size:1.167em;} 
ol.commentlist li.comment div.vcard img.avatar {position:absolute; left:0em; padding-top:0.333em;}
* html ol.commentlist li.comment div.vcard img.avatar {left:-10em;} /* Fix for IE6 */
ol.commentlist li.comment div.vcard span.says {visibility:hidden;}
ol.commentlist li.comment div.comment-meta {margin-bottom:1em;} 
ol.commentlist li.comment div.reply {position:absolute; top:8px; right:3px;}
ol.commentlist li.pingback div.vcard {padding-top:1.0em;} 
ol.commentlist li.pingback div.vcard cite.fn {font-size:1.167em;} 
ol.commentlist li.pingback div.vcard span.says {visibility:hidden;} 
ol.commentlist li.pingback div.reply {position:absolute; top:8px; right:3px;}


.cancel-comment-reply {position:absolute; top:8px; right:3px;}
.nocomments {border-top:1px solid #d1d9dc; padding:1em 0 0 8.571em;}

/* Comentarios cortos */
ol.comentarios-cortos {margin:0; padding:0;}
ol.comentarios-cortos li {list-style:none; position:relative; border-top:1px solid #f2f2f2; padding:0.333em 0 0 3em;} 
ol.comentarios-cortos li.comment div.vcard {padding-top:1.0em; }
ol.comentarios-cortos li.comment div.vcard cite.fn {font-size:1.167em;} 
ol.ol.comentarios-cortos li.comment div.vcard img.avatar {position:absolute; left:0em; padding-top:0.333em;}
* html ol.comentarios-cortos li.comment div.vcard img.avatar {left:-10em;} /* Fix for IE6 */
ol.comentarios-cortos li.comment div.vcard span.says {visibility:hidden;}
ol.comentarios-cortos li.comment div.comment-meta {margin-bottom:1em;} 
ol.comentarios-cortos li.comment div.reply {position:absolute; top:8px; right:3px;}
ol.comentarios-cortos li.pingback div.vcard {padding-top:1.0em;} 
ol.comentarios-cortos li.pingback div.vcard cite.fn {font-size:1.167em;} 
ol.comentarios-cortos li.pingback div.vcard span.says {visibility:hidden;} 
ol.comentarios-cortos li.pingback div.reply {position:absolute; top:8px; right:3px;}

.comentarios-cortos #respond {position:relative; padding:0; border-top:1px solid #d1d9dc; margin-bottom:3em;}
.comentarios-cortos #respond h3 {font-size:1.5em; color:#333; padding:0.333em 0; font-weight:normal;}

#commentform {
padding-top:1em;}

#commentform label {
font-weight:bold; 
display:block}


/*** Sidebar + Widgets *******************************************************/
#sidebar { border-top:3px dotted #d1d9dc; margin: 2em 0 1em 0; padding-top:1em;}
#sidebar ul.sidebar { overflow: auto }
#sidebar ul.sidebar { overflow: auto } 
#sidebar ul.sidebar > li   { width:45%  margin-left:2%; float: left;}
#sidebar li { list-style:none; }
#sidebar li h2   {font-size:1.714em; color:#333; padding:0.333em 0;}
#sidebar li ul a {display:block;}


/*** PIE ******************************************************************/
#pie {margin:2em 0; padding:0.5em 0 0 0; border-top:3px solid #eee; font-size:0.916em; color:#d1d9dc; line-height:1em;}
#pie a:link, #pie a:visited {margin:0; padding:0; color:#333; font-weight:bold;}
#pie a:hover {color:#ff8a00;}

.credits     {float:left;}
.bottom-link {float:right;}