@charset "UTF-8";
/*
Theme Name: Library
Theme URI: http://sandra.delendis.com/
Description: Oxford, books, teacups and loads of rain.
Version: 1.0
Author: Sandra Romano Martín
Author URI: http://sandra.delendis.com/
Tags: notebook, typography, minimal
*/

/* Reset */
@import '/wp-content/extra/css/reset.css';
/*end reset*/

/* Tipos */
/* A font by The Greek Font Society -> http://www.greekfontsociety.gr */
@font-face {
  font-family: "GFS Baskerville";
  src: url(http://sandra.delendis.com/wp-content/extra/tipos/gfsbaskerville/gfsbaskerville.otf) format("opentype");
  unicode-range: U+0370-03FF, U+1f00-1fff;
}
/* fin Tipos */

/* Teclado javascript */
@import '/wp-content/extra/css/teclado.css';
/* fin teclado */

body {
	background: #5a5964 url(img/bg.png) repeat scroll;
	height: 100%;
	color: #292929;
	font: 16px/160% Georgia, Palatino, 'Palatino Linotype',  serif;
}

body.static {
		background: #5a5964 url(img/bglight.png) 0 0 no-repeat;
		margin:auto;
}

#wrap {
	width: 987px;
	height: 100%;
	float: left;
	display: inline;
	background: transparent;
	position: relative;
}
	#wrap-static {
		width: 800px;
		height:100%;
		display:block;
		position:relative;
		background:transparent;
		margin:auto;
	}

.bookmark {
	background: transparent url(img/bookmark.jpg) no-repeat;
	width: 183px;
	height: 583px;
	float: left;
	z-index: 5;
    display: block;
}


/* header & nav */

#header{
	width: 987px;
	height: 266px;
	position: relative;
	background:transparent url(img/header.jpg) bottom left no-repeat;
}
	#header-copy {
		width: 800px;
		height:400px;
		background: transparent url(img/header-copy.png) 50% 50% no-repeat;
	}

#header .buscar {
	position: absolute;
	right: 16px;
	top: 85px;
}

#header .buscar input#search {
	width:180px;
	height:42px;
	background: transparent;
	border:0;
	outline: none;
	color: #333;
	font: 36px/36px Baskerville, 'GFS Baskerville', 'Bell MT', Garamond, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
	font-weight: normal;
	text-decoration: none;
	text-shadow: #aaa 0 1px 1px;
	text-align:right;
	}
	#header .buscar input#search:hover {
		cursor: crosshair;
	}

#header h1 {
	left: 20px;
	top: 23px;
	height: 140px;
	width: 130px;
	position: absolute;
	background: transparent;
}

#header h1 a {
	height: 140px;
	width: 130px;
	display: block;
	text-indent: -999%;
}

#nav {
	position: absolute;
	top: 90px;
	left: 286px;
	width: 700px;
	background-color:transparent;
	font-family: Baskerville, 'GFS Baskerville', 'Bell MT', Garamond, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
	color: #fff6f6;
	font-weight: normal;
	text-shadow: #000 0 1px 4px;
	font-size: 18px;
}

#nav li {
	line-height:20px;
	display: inline;
	float: left;
	height: 16px;
	margin: 0 25px 0 0;
	cursor: pointer;
	transition: margin-top 0.3s ease-out;
	-webkit-transition: margin-top 0.3s ease-out;
	-moz-transition: margin-top 0.3s ease-out;
	-o-transition: margin-top 0.3s ease-out;
}

#nav li:hover, #nav li.social:hover {
  margin-top: -4px;
}

#nav li.social {
	width:16px;
	-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);
	-moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);
	-o-box-shadow: 0 3px 6px rgba(0,0,0,.25);
	box-shadow: 0 3px 6px rgba(0,0,0,.25);
}


#nav li.twitter {
	background: transparent url(img/twittergris.png) 50% 50% no-repeat;
}

#nav li.facebook {
	background: transparent url(img/facebookgris.png) 50% 50% no-repeat;
}

#nav li.academia {
	background: transparent url(img/academia.png) 50% 50% no-repeat;
}


#nav a {
	color: #fff6f6;
	text-decoration: none;
	
}


/* overall typography */

p {
	padding: 15px 0 0 0;
}

h1, h2, h3, h4, h5, h6, h7, h8 {
	font-family: Baskerville, 'GFS Baskerville', 'Bell MT', Garamond, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
}


h1 em, h2 em, h3 em, h4 em, h5 em, h6 em, h7 em, h8 em {
	font-style:normal;
}

blockquote {
	margin:30px 20px 30px 10px;
	padding:0 0 0 30px;
	background:url(img/chave.gif) top left no-repeat;
}
	blockquote p { padding:0; font-style:italic;}

.hidden {
	display:none;
}

.alignleft, div.alignleft, img.alignleft {
	float:left;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	transform: rotate(0deg);
	margin-right:15px;
	display:block;
}

.alignright, div.alignright, img.alignright {
	float:right;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	transform: rotate(0deg);
	margin-left:15px;
	display:block;
}

a {
	position:relative;
	text-decoration:none;
}

a:active {
	top:1px;
	}
	
	
a.descarga {
	display:block;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 2px 3px;
	margin:3px 0;
	}

a.descarga:before {
	content:'☟ ';
}


code {
	font-family: Consolas, Monaco, monospace;
}

.wp-caption,
.post img,
.post object {
	max-width:600px;
	margin-top: 10px;
	margin-bottom:6px;
	padding:0;
	border: 5px solid #000;
	background-color:transparent;
	-webkit-transition: -webkit-transform .15s linear;
	-moz-transition: transform .15s linear;
	transition: transform .15s linear;
	-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);
	-moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);
	box-shadow: 0 3px 6px rgba(0,0,0,.25);
}
.avatar {
	border:1px solid #fff;
	background-color:#fafafa;
	-webkit-transition: -webkit-transform .15s linear;
	-moz-transition: transform .15s linear;
	transition: transform .15s linear;
	-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25);
	-moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);
	box-shadow: 0 3px 6px rgba(0,0,0,.25);
	}




/* content & post */

#content {
	float: right;
	height: 100%;
	width: 987px;
	background: transparent url(img/bgcontent.jpg) repeat-y;
	position: relative;
}

.post, .postfalso {
	margin: 0 0 30px 0;
	padding: 0 140px 30px 0;
	width: 560px;
	display: block;
	float: right;
	height: 100%;
	background: transparent url(img/border.gif) bottom left no-repeat;
	position: relative;
}

.postfalso {
	background:none;
	margin-bottom:0;
}

#home {
	width:800px;
	height:400px;
	background: transparent url(img/bgzao.jpg) top left no-repeat;
}

	ul#menu-static {
		text-align:center;
		width:800px;
		height:390px;
		padding:5px 0;
	}
	ul#menu-static li {
		display:inline-block;
		font-size:100pt;
		color: #fff6f6;
		width: 200px;
		height:200px;
	}
	li.tipo-static {
			background: transparent url(img/tipo.png) 50% 50% no-repeat;

	}
	li.tw-static {
			background: transparent url(img/twitter-white.png) 50% 50% no-repeat;

	}
	


.center, .aligncenter, .post object {
	clear:both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}


img.wp-smiley {
	vertical-align:text-bottom;
	display:inline;
	margin:0;
	padding:0;
	border:none;
	background:none;
}


.post h2, h2 {
	margin: 0;
	padding: 0;
	font-size:48px;
	line-height:100%;
	font-weight: lighter!important;
	font-style: italic;
	text-shadow: #FFF 0 2px 1px;
}


.post h3 {
text-shadow: #FFF 0 1px 1px;
padding: 20px 0 0 0;
font-weight: normal;
font-size: 24px;
}

.post a {
	text-shadow: #e4e3de 0 1px 0;
	transition: opacity 1s ease-in-out;
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	transition: text-shadow 1s ease-in-out;
	-webkit-transition: text-shadow 1s ease-in-out;
	-moz-transition: text-shadow 1s ease-in-out;
	transition: color 1s ease-in-out;
	-webkit-transition: color 1s ease-in-out;
	-moz-transition: color 1s ease-in-out;
	color: #ac262c;
}

.post a:hover, .datime a:hover {
	text-shadow: #fff 0 1px 0;
	color:#AC8A8B;
}

.post h2 a {
color: #292929;
text-shadow: #FFF 0 2px 1px;
}

.post h2 a:hover {
color: #777;
background: none;
text-shadow: inherit;
}

.datime, .datime a, .postfalso p {
	text-shadow: #fff 0 1px 0;
	margin: 0;
	padding: 0;
	font-size: 14px;
}


.post ol, .post ul {
	padding: 15px 0 0 0;
	list-style-position:outside;
}
	.post ol {
		list-style-type:decimal;
	}
	.post ul {
		list-style-type:square;
	}

/* footer & end */

#footer {
	height: 120px;
	background: transparent url(img/bgfooter.jpg) top left no-repeat;
	clear: both;
}

.tags {
	font-size: 14px;
	display: block;
	width: auto;
	height: auto;
	position: absolute;
	bottom: -30px;
	left: 0px;
}

#content #tags a {
	color: #ac262c;
	text-decoration: none;
}

#content #tags a:hover {
	color: #E4E3DE;
	background: #9B262C;
}

#footer-static p {
	display: block;
	width:100%;
	text-align:center;
	font-style:italic;
	padding:0 0 20px 0;
	text-shadow: 0px 1px 1px #999;
}

#realfooter {
	background: #8C282A url(img/bgsecret.gif) left repeat-x;
	margin: 0;
	padding: 0;
	position: relative;
	cursor: pointer;
	width: 100%;
	height: 10px;
	clear: both;
	display: block;
	border-top: #7a8088 solid 1px;
	overflow: hidden;
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	
}


#realfooter:hover {
	overflow:visible;
  	height: 200px;
 	-webkit-transition: height 0.5s ease-in-out;
	-moz-transition: height 0.5s ease-in-out;
	-o-transition: height 0.5s ease-in-out;
	transition: height 0.5s ease-in-out;
	
}

#realfooter .easter {
	color: #FFF;
	font: 42px/40px Baskerville, 'GFS Baskerville', 'Bell MT', Garamond, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
	text-shadow: #000 0 1px 3px;
	font-style: italic;
	padding: 60px 0 0 80px;
}

.easter span {
	display:block;
	padding-top:5px;
	font-style: normal;
	font-size: 24px;
}



/* comments */


.comments-template h3 {
	font-style: italic;
	text-shadow: #000 0 -2px 1px;
	padding: 6px 0 0 0;
	font-size: 36px;
	font-weight: lighter;
	color: #fff;
	margin: 0 0 10px 25px;
}
	h3.responder {} 
.comments-template {
	float: left;
	display: block;
	clear: both;
	background: transparent;
	margin: 0 0 0 12px;
	padding: 0;
	position: relative;
    list-style: none;
}


.comments-template h5 a {
	color: #333;
}

.comments-template a {
	color: #ac262c;
	text-decoration: none;
}

.comments-template a:hover {
color: #292929;
background: none;
}

.meta em {
	float: left;
	font-size: 12px;
	padding: 3px 0 0 0;
}


.comments-template ol {
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
	float: left;
	position: relative;
	display: inline;
}

.comments-template ol li {
	float: left;
	display: inline;
	margin: 10px 0 10px 0;
	width: 475px;
	background: transparent url(img/cmtft.jpg) no-repeat left bottom;
	padding: 0 0 28px 0;
    list-style: none;
}


.commentmetadata{
	float: right;
	width: 540px;
	float: left;
	font-size: 12px;
}

.avatar {
	padding:4px;
	margin: 0 15px 0 0;
	float: left;
}

.comments-template p.nocomments{
	padding: 0;
}
	

ol.commentlist .comment-body {
	background: transparent url(img/cmthead.jpg) no-repeat center top;
	padding: 27px 0 0 0;
	display: block;
}



.commentinner {
	background: transparent url(img/cmtmiddle.jpg) repeat-y;
	padding: 5px 55px 25px 55px;
	width:370px;
	float: left;
	display: inline;
}


.commentinner p {
	line-height: 122%;
	word-wrap: break-word;
}

.meta span {
	color: #999;
	font-size: 12px;
}

.meta h5, div.reply {
	font-style: italic;
	font-family: Baskerville, 'GFS Baskerville', 'Bell MT', Garamond, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
	text-shadow: #FFF 0px 1px 0px;
	padding: 6px 0 3px 0;
	font-size: 36px;
	font-weight: lighter;
}
 div.reply {
	text-align:right;
	font-size:22px;
}
	div.reply a {
		color:#333;
	}
	div.reply a:hover {
		color:#ac262c;
	}


.meta {
	padding: 0 0 15px 0;
	width: 390px;
	float: left;
	display: inline;
	position: relative;
}

.meta span.commentnumber {
	position: absolute;
	right: 20px;
	top: 0;
	color: #666;
	font-size: 14px;
}


#commentform, div .cancel-comment-reply {
	margin: 0;
	display: block;
	float: left;
	padding: 0 25px 0 20px;
	width: 300px;
}

div .cancel-comment-reply {
	padding-bottom:10px;
}

#commentform h3, #respond h3 {
	text-shadow: #FFF 0px 1px 0px;
	color: #333;
	margin: 0;
	padding: 0 0 15px 20px;
}

#commentform input.campos {
	background: #939393 url(img/bgfieldarea.jpg) no-repeat;
	clear: both;
	display: block;
	float: left;
	padding: 7px 5px 5px 10px;
	width: 300px;
	height: 20px;
	font-family: Georgia, 'Palatino Linotype', 'Times New Roman', Times, serif;
	font-size: 16px;
	color: #333;
	margin: 0 0 10px 0;
	border-top: none;
	border-bottom: #F9F9F9 solid 1px;
	border-right: #CCC solid 1px;
	border-left: #CCC solid 1px;
}

#commentform textarea {
	background: #D7DEE4 url(img/bgtextarea.jpg) no-repeat;
	font-family: Georgia, 'Palatino Linotype', 'Times New Roman', Times, serif;
	font-size: 16px;
	height: 144px;
	float: left;
	display: block;
	padding: 15px;
	width: 285px;
	border: none;
	border-top: none;
	border-bottom: #F9F9F9 solid 1px;
	border-right: #CCC solid 1px;
	border-left: #CCC solid 1px;
	color: #333;
}


#commentform label {
	float: left;
	display: block;
	clear: both;
}

#commentform p {
	color: #333;
	margin: 0;
	padding: 0;
}

#commentform span {
	font-size: 12px;
}

#commentform .fields {
	float: left;
	display: inline;
}

#commentform .message {
	margin: 25px 0 0 25px;
	float: left;
	display: inline;
}

#commentform input#submit {
	clear: both;
	margin: 10px 0 0 0;
	height: 40px;
	display: block;
	float: right;
	font-family: Georgia, 'Palatino Linotype', 'Times New Roman', Times, serif;
	font-size: 18px;
	background: transparent;
	border: none;
	color: #333;
	padding: 0;
	cursor: pointer;
    text-shadow: #FFF 0 1px 1px;
}

	#commentform input#submit:hover {
		color: #ac262c;
	}
	
/* Captions */
.wp-caption {
	margin: 10px 0;
	}
	.wp-caption img, img.wp-smiley {
	padding:0;
	border:none;
	margin:0;
	border-right:none;
	border-bottom:none;
	border-left:none;
	-webkit-box-shadow: none;
	-moz-box-shadow:none;
	box-shadow:none;
	}
	
.wp-caption p.wp-caption-text {
	padding: 5px;
	font-size: 12px;
	color: #eee;
	background-color:#000;
	line-height:14px;
	font-style:italic;
	}
	
	.wp-caption p.wp-caption-text a {
		text-shadow: none;
		-webkit-transition-property: opacity, text-shadow, color;
		-webkit-transition-duration: 1s, 1s, 1s;
		color: #B93657;
		}
	.wp-caption p.wp-caption-text a:hover {
	text-shadow: none;
	color:#eee;
}


div.navigation {
	margin: 0;
	padding: 2em 140px 2em 0;
	width: 560px;
	display: block;
	float: right;
	height: 100%;
	position: relative;
}

	.mano, .mano a {
		font-size:xx-large;
		text-decoration:none;
		color:#292929;
		text-shadow: #FFF 0px 1px 0px;
	}
		.mano a:hover {
			color:#ac262c;
		}


/* Sidebar */

#sidebar {
	float: right;
	height: 100%;
	width: 987px;
	background: transparent url(img/bgcontent.jpg) repeat-y;
	position: relative;
	padding: 0;
}

#sidebarright {
	float:right;
	width:49%;
}

#sidebarleft {
	float:left;
	width:49%;
}
#sidebar ul, #sidebar li {
	list-style-type:none;
}

#sidebar .widget {
	padding: 0 50px 50px 0;
}

.widget ul { padding-top: 0; margin-top: 0;}

#sidebar h2, #sidebar h3, #sidebar h4 {
	padding:0 0 0.3em 0;
	font-weight: lighter!important;
	font-size:32px;
	line-height:35px;
	text-shadow: #FFF 0 2px 1px;
	font-style: italic;
}

.widget_get_recent_comments ul li {
	padding-bottom:1em;
}
	.commdate { font-style:italic; display:block; font-size:small;}



/* Footnotes */

.footnotes {
  font-size: 85%;
  line-height: 1.5em;
  padding: 10px 0 10px 0;
}

.footnotes .footnotedivider {
  width: 120px;
  border-bottom:1px inset #ccc;
  padding-top:10px;
}

.footnotes li {
  margin: 0 0 5px 0;
}

sup.footnote a {
  text-decoration: none;
  font-size: 80%;
}

sup.footnote {
  line-height: 0em;
  vertical-align:text-top;
}

.footnotereverse a {
  padding: 0 0 0 5px;
  text-decoration: none;
}

/*
+----------------------------------------------------------------+
|																							|
|	WordPress 2.8 Plugin: WP-PageNavi 2.50									|
|	Copyright (c) 2009 Lester "GaMerZ" Chan									|
|																							|
|	File Written By:																	|
|	- Lester "GaMerZ" Chan															|
|	- http://lesterchan.net															|
|																							|
|	File Information:																	|
|	- Page Navigation CSS Style													|
|	- wp-content/plugins/wp-pagenavi/pagenavi-css.css					|
|																							|
+----------------------------------------------------------------+
*/

.wp-pagenavi {
	font: 18px/20px Baskerville, Georgia, "Times New Roman", serif;
	font-weight:lighter;
	background: transparent;
	padding: 0;
	text-align:right;
	color:#292929;
	}
	
.wp-pagenavi a, .wp-pagenavi a:link {
	color:#333;
	padding: 0 6px; 
	margin: 0 2px;
	text-decoration: none;
	font-size:xx-large;
	text-shadow: #FFF 0px 1px 0px;
	}
		.wp-pagenavi a:hover , .wp-pagenavi a:visited:hover{
			color:#ac262c;
		}


.wp-pagenavi a:visited {
	color: #777;	
}

.wp-pagenavi a:active,
.wp-pagenavi span.pages,
.wp-pagenavi span.current, 
.wp-pagenavi span.extend {
	color: #ac262c;
	font-size:xx-large;
	margin:2px;
}