/* -- CSS
Libro de blogs ()
Author: Jose Luis Antunez (jl@blogsmedia.com) 
Date: Nov 2005
Template: Basada en las nanos que hacemos de Blogs Media
-- */

* {
margin: 0;
padding: 0;
}

body {
background: #fff;
color: #444;
font: small verdana, arial, helvetica, sans; 
line-height: 1.5em;
text-align:center

}
p { margin:0 0 8px 0 }

/* --- Links -------------------------- */

a:link, a:visited {
color: #06b;
}

a:hover, a:active {
	color: #444;
}
a img {
	border: none
}
a.more { 
	
padding-right: 9px;
background: url(../i/arrow-ul.gif) no-repeat 100% 60%;

}

a.comment, span.off { 

padding: 0 0 2px 25px;
background: url(../i/feedback-green.gif) no-repeat;
}

span.off { 
background: url(../i/feedback-off.gif) no-repeat;

}
a.bookmark { 

padding-left: 25px;
background: url(../i/bookmarks-delicious.gif) no-repeat;

}
a.print { 

background: url(../i/print-verde.gif) no-repeat;
text-decoration: none;
padding-top: 1px;
padding-left: 10px
}

p.time a:link, p.time a:visited {

color: #ddd
}

#header h1 a {
width: 600px;
height: 95px;
display: block;
text-decoration: none;
}
#header a span, a.print span {
visibility: hidden;
}
h2 a:link, h2 a:visited, h3 a:link, h3 a:visited {
text-decoration: none;
color: #333;
}

#footer a:link, #footer a:visited 
{
color: #fff;
}


.mtpag a, .mtpag a:visited, .mtpag a:hover {
padding: .3em .6em; 
margin: 0 .3em;
text-decoration: none;

}
.mtpag a{

border: 1px solid #777;
background: #deded2; 
color: #222;


}
.mtpag a:visited, .mtpag a:hover {

border: 1px solid #666; 
background: #eeece4; 
color: #666;

}

/* --- Accesibilidad ------------- */
 
#skip {
position: absolute;
left: -999px;
width: 990px;
}
/* --- Viral ------------- */

#topviral p{
padding: 7px 10px;
}

#topviral {
background: #6f726c url(../i/viral.gif) repeat-x 0 0;
}
#topviral p, #footer p, #topviral p a {
margin-bottom: 0;
color: #f1f1f1
}

/* --- Header -------------------------------------------  */
#header{
background: #3f781c url(../i/bgh-b.gif) repeat-x 0 0;
height: 125px;
border-bottom: 1px solid #fff
}

#header h1 {
background: url(../i/h1-book.gif) no-repeat 0 0;
margin-left: 10px
}
#header p.time {
position: absolute;
top: 97px;
left: 20px;
color: #d5d5d5
}
.breadcrumb, .subcats

{
font: 75% "Trebuchet MS", arial, verdana, sans;
color: #888;
background: #deded2 url(../i/bread-esq.gif) no-repeat top right; /* gif transparent con esq. color gradient #content*/
padding: 6px 30px 5px 2em; /* muy importante 6px y 5px para ver border white del bread-esq.gif  */
border-bottom: 1px solid #eeece4; /* IE */
}
.breadcrumb p

{	
float: right;
margin: 0;

}
.breadcrumb a, .breadcrumb a:visited, .subcats{	

color: #888;
}
.subcats { /* -- subtopics y otra posibilidad de sponsor link destacado -- */
float: right;
border: none;
background: none;
clear: both
}


/* --- Estructura ---------------------------------- */

#wrap {
position: relative;
height: 100%; /* muy importante evita en IE separacion de #content */
margin: 0 auto;
text-align: left;
}
#content {
border-top: 1px solid #eeece4; /* para unir con .breadcrumb / mismo color que gr-book.gif */
background: url(../i/gr-book.gif) repeat-x 0 0;
padding-top: 2em
}
#main	{
width: 55%;
margin-bottom: 20px;
padding: 1em 1em 1em 2em;
float: left;
}

#sidebar {
width: 285px; /* elastic - width: 36%;*/
float: left;
padding-bottom: 2em;
}
#sidebar, #header p.time, p.track {

font: 85%/160% tahoma, geneva, verdana, sans;
}

#mid-col {
width: 160px; /* elastic width: 50%;*/
padding: 10px 5px 10px 0;
float: left;
font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, arial, sans;
}

#right-col {
width: 100px; 
padding: 10px 0 10px 10px;
float: left;

}
/* --- Encabezamientos -------------------- */


h2, h3, h4, h5, h6 {

font-family: georgia, times, serif;
padding-bottom: 1em;
font-weight: normal;
line-height: 1.4em;

}

h2 {
font-size: 160%;
text-transform: uppercase;
letter-spacing: 1px
}

#sidebar h3

{
margin: 2em 0 1em;
font: bold 100% georgia, times, serif;
padding: 0
}

p.resum { 
font: 1.6em/1.4em normal "Trebuchet MS", arial, verdana, sans; 
color: #9b4542;
padding-bottom: 1em;

}
p.resum, h2.topic { 
border-bottom: 1px solid #ccc;
color: #9b4542;

}
h2.title, h2.topic {
padding-bottom: .2em;
}

p.descrip {
font: 160% tahoma, verdana, sans;
padding: .3em

}

h3 {
font-size: 150%;
padding: 1em 0;
}
h3.root {
font-size: 170%;
}
h3.title {
padding-top: 0;
padding-bottom: .2em
}


h4, h5 {

padding-top: 1em;
font-size: 110%;
font-weight: bold
}
h5 {

color: #6A9D4B
}
/* --- Anotaciones -------------------- */

p.date { float: right 
}
p.extend {
padding-right: 4em; 
text-align: right 
}
#main, #footer p, .talk, #topviral p {
font-size: 90%
}
.weblog, .talk, .subpages {

padding: 0 15px 10px 0;
}

span.authorpost {
float: left;

}

.feedback, p.track { 
color: #999
}

.feedback {

margin: 2em 0 5em 0;
font: 95% tahoma, geneva, verdana, sans

}

/* .weblog p 

{

text-indent: 20px

}

*/

.postinf {

height: 50px
}
.postinf, p.divider {

color: #777;

}
p.divider {

border-bottom: 1px dotted #ccc;
margin: 2em 0 0;
padding-bottom: 2em;
		
}


/* --- Listados --------------------- */


#content ul li {

list-style-type: none;
margin-bottom: 1em;
padding-left: 1.5em;
margin-left: 3px
}

#content ul li, dl.side dt {

background: url('../i/li-b.gif') no-repeat 0 3px;


}

#right-col dl.side dt, #right-col ul li {

background: url('../i/arrow-ul-ext.gif') no-repeat 0 3px;


}
dl.side {

margin-bottom: 1em

}
dl.side dt {

text-indent: 15px

}
	
#main li {

font-family: "Trebuchet MS", verdana, sans
}
#main li.related {

background: url('../i/post-rela.gif') no-repeat left;
}
#main ul {

margin: 1em 0 1em 3em
}

#content ol li{

list-style-type: decimal;
margin-bottom: 1em;
margin-left: 4em
}
#main ol li li {

list-style: upper-alpha;
background: none
}
#main ul li li {
margin-top: 1em;
background: none
}
#srchside
{
padding: 1em 0;
/* padding: 3em 0 1em;*/
}

.mtpag { 

padding: 8px;
clear: both;
margin: 20px 20px 20px 0;
text-align: right;

}
.categories ul {
padding-left: 0px;
margin: 0px;
margin-bottom: 30px;
}
.categories li {

margin-top: 10px;
list-style-type: none;
width: 230px;


}


/* --- Forms ---------------------------------- */

#sidebar form {
margin-bottom: 5px
}
input.button, input.sub {
 
background: #deded2;  
color: #222;  
border-color: #ccc #ddd #ddd #ccc;
padding: .2em
}

input.button {
margin-left: 3px;
font-size: 1em
}

input.sub {
 
margin: 10px;
float: right;
}
input.srch
{
margin-right: 5px;
padding: .1em .3em
}
#formcomment {
padding: 10px;
margin: 20px 0;
background: #5f983c;
color: #eee

}

#formcomment h4 {
padding: 1em 1em 0;
clear: both;
}
#formcomment p {

font-size: 95%;
text-indent: 10px
}

fieldset { 
border: 1px solid #eee; 
}

legend, #formcomment h4 { 
font-size: 100%;

}
legend {
font: bold 100% georgia, times, serif;
padding: 0 4px;
color: #eee

}

#formcomment textarea { 
padding: 3px;
margin: 5px 10px;
width: 93%
}
.fields{
float: left;
width: 40%;
padding: 10px;
} 
.btsform {
text-align: right;
padding: 1em 2em
}

/* --- Cajas redondeadas --- */ 



/* From Catalonia - set millions of background images 
http://www.neuroticweb.com/recursos/css-rounded-box/index.php?idioma=es */


 .rbroundbox { background: #000 }
.rbtop div { background: url(../i/tl.gif) no-repeat 0 0; }
.rbtop { background: url(../i/tr.gif) no-repeat top right; }
.rbbot div { background: url(../i/bl.gif) no-repeat bottom left; }
.rbbot { background: url(../i/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really necessary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 1em 2em; color: #eee }
.rbroundbox { margin: 0 auto; }

/* --- Cajas redondeadas II --- */ 

.boxtopright { 
padding: 8px 8px 8px 15px; 
font-weight: bold;
background: url(../i/box_top_right.gif) no-repeat top right;
margin-top: 20px	
}
.boxtopleft {
background: #eee url(../i/box_top_left.gif) no-repeat 0 0 /* color de fondo titular de la caja lateral */
}
.latboxleft {  
background: #eee url(../i/box_bottom_left.gif) no-repeat bottom left;  /* color de fondo caja lateral */ 
margin-bottom: 1em;
}
.latboxright { 
padding: 15px;
background: url(../i/box_bottom_right.gif) no-repeat bottom right;
margin: 0
} 




/* --- Conversations / Comments ------------- */

.gravatarphoto {
width: 41px;
float: left;
margin: 0px 10px 20px 0;
height: 41px;
background: url('../i/gravatar-conv-book.gif') no-repeat 0 0;
}

p.lector
{
font-family: georgia, times, serif;
padding-bottom: 1em
}
.conversation p { 

padding-left: 50px
}
/* --- Container Feedback --- */ 

.subpages .boxtopleft {
background: #eeece4 url(../i/box_top_left.gif) no-repeat 0 0 
}
.subpages .latboxleft {  
background: #eeece4 url(../i/box_bottom_left.gif) no-repeat bottom left;  /* color de fondo caja lateral */ 
margin-bottom: 1em;
}
.subpages .latboxright { 
padding: 15px;
background: url(../i/box_bottom_right.gif) no-repeat bottom right;
margin: 0

} 
/* --- Varios -------------------------------- */
.hide {
	display: none;
}
blockquote { 
background: #eee url(../i/blockquote.gif) no-repeat top right;
padding: 15px;
font: 120%/1.5em "Trebuchet MS", verdana, sans
}
blockquote img { 
float: right;
margin-left: 10px;
background: #fff
}
#main blockquote { 
margin: 2em 0;
clear: both
}
abbr, acronym, .help { 
cursor: help; 
background: #e3e3e3;
border-bottom: 1px dotted #ccc;
padding: 0 3px

}

#isbn{ 
margin-top: 2em;
border: 1px solid #cdc;
background: #eee
}
#isbn  h3{ 
font: 1.5em tahoma, geneva, verdana, sans;
padding: 10px;
margin: 0;
background: #ddd;
border-bottom:  1px solid #cdc
}

#isbn ul { 
padding: 1em
}
#isbn img { 
margin-right: 10px
}
li.tbook
{ 
font-family: "Lucida Grande", "Lucida Sans Unicode", tahoma, verdana, sans
}
.destdcha, .destizda { /* -- span resaltados texto lateral -- */

font: oblique 150%/140% georgia, times, serif;
width: 32%;
display: block;
color: #222

}
/* .destdcha, .destizda, .conversation p, p.track {

text-indent: 0
}
*/

.destdcha {
float: right;
margin: 0 0 20px 20px;

}

.destizda {
float: left;
margin: 8px 20px 20px 0;
}

/* --- Img's post -------------------- */

img.left, img.right, img.center, blockquote img, .scshots img, .gallery img {

border: 3px solid #d3e1a4

}
img.left { 

float: left; 
margin: 0.5em 1em 0.5em 0;

}
img.right { 

float: right;
margin: 0.5em 0 0.5em 1em;

}
img.center, .scshots img, .gallery { 

margin: 0 auto 10px auto; 
display: block;
text-align: center
}


.gallery {

padding: 10px 0

}
.scshots {

float: left;
width: 50%;
text-align: center;
font: 90% arial, helvetica, verdana, sans;
margin: 20px 0
}
.gallery img {
	
float:none;
border: none

}
/* ---- Footer ------------------------  */

#footer {
position: relative;
clear: both;
font-family: "Trebuchet MS", verdana, sans;
background: #3f781c url(../i/bf-book.gif) repeat-x 0 0

}

#footer p { 
/* definimos margin-bottom con 0 (ver CSS arriba). Con "0" en Firefox evita separacion abajo ventana */

padding: 7px 20px;
}