/* -- CSS
Blogs Media (http://blogsmedia.com)
Author: José Luis Antúnez (jl@blogsmedia.com) 
Date: March 2006 
Template: Nanos BM v1.0 - Sentidoweb.com

Nanopublishing layouts = new science in web design
The best of Weblogs Inc + the best of Gawker + spanish way= Blogs Media

-- */


* { 
padding: 0; 
margin: 0; 
} 

body {
font: small verdana, arial, helvetica, sans; 
color: #444; 
text-align: center;
background: #fff;
line-height: 1.6em;
}
p { 
margin:0 0 8px 0 }




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

/* --- Viral ------------- */

#topviral p, #footer p {
padding: 5px 10px;
}

#topviral {
background: #0da1a1 url(http://sentidoweb.com/i/top-viral-sw.gif) repeat-x top left;
}
#topviral p, #footer, #promos p.intro {
margin: 0;
color: #f1f1f1
}

#topviral p a {
color:#f1f1f1
}

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

a:link, a:visited {
color: #06b;
}
.date a, .date a:hover {
color: #06b;
text-decoration: none
}
a:hover, a:active {
	color: #444;
}

a img { 

border: none; 
}

a.more { 
	
padding-right: 9px;
background: url(http://sentidoweb.com/i/arrow-ul.gif) no-repeat 100% 60%;

}

a.comment, span.off { 

padding-left: 25px;
background: url(http://sentidoweb.com/i/feedback-green.gif) no-repeat 0 1px;

}

span.off { 
background: url(http://sentidoweb.com/i/feedback-off.gif) no-repeat 0 1px;

}
a.bookmark { 

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

}
#header h1 a {
width: 450px;
height: 93px;
display: block;
text-decoration: none;
}
#header a span {
visibility: hidden;
}
p.head-ads a:link, p.head-ads a:visited {

color: #ddd
}
h2 a:link, h2 a:visited, h3 a:link, h3 a:visited {
text-decoration: none;
color: #456030
}
h2 a:hover, h3 a:hover {
text-decoration: none;
color: #008585
}
.mtpag a,.mtpag a:visited, .mtpag a:hover {
padding: .1em .4em; 
margin: 0 .3em;
text-decoration: none;

}
.mtpag a {

border: 1px solid #555;
background: #deded2;
color: #444;

}
.mtpag a:visited, .mtpag a:hover {
border: 1px solid #999; 
background: #eeece4;


}
.ad-side a {
font-weight: bold
 }
/* --- Header -------------------------------------------  */

#header {
height: 100px;
background: #008585 url(http://sentidoweb.com/i/head-sw.gif) repeat-x top left;
}

#header h1 {
background: url(http://sentidoweb.com/i/lg/lg-sw.gif) no-repeat 0 0;

}
#header p.head-ads {
position: absolute;
top: 20px;
left: 500px;
color: #d5d5d5
}
.breadcrumb, .subcats, .partners-text

{
font: 75% "Trebuchet MS", verdana, arial, sans;
color: #888;
background: #deded2 url(http://sentidoweb.com/i/bread-esq.gif) no-repeat top right; /* gif transparent con esq. color gradient #content*/
padding: 6px 30px 5px 10px; /* muy importante para ver border-bottom 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, .partners-text { /* -- subtopics y otra posibilidad de sponsor link destacado -- */
float: right;
border: none;
background: none;
clear: both
}
.partners-text { 
font-size: 85%;
padding-bottom: 20px	
}

/* --- 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.gif */
background: url(http://sentidoweb.com/i/gr.gif) repeat-x 0 0;

}
#container {
width: 850px;
/* para que en 800/600px no se caiga en IE #sidebar -- por si publicitarios quieren sidebar de 300px */

}

#main	{
width: 468px; /*  468px=size standard banners -- elastic layout width: 59% */
margin-bottom: 20px;
padding: 15px 1em 10px 10px;
float: left;
font-size: 90%
}
#sidebar {
width: 300px; /* width: 280px;*/
float: left;
font: 85%/1.6em "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", verdana, arial, helvetica, sans;
padding-top: 10px;
padding-bottom: 2em
}
.feedback, p.track {

font: 95% tahoma, geneva, verdana, sans;
}

#mid-col {
width: 160px; /* width: 140px;*/
padding: 0 5px 10px 0;
float: left;

}
#mid-col, p.descrip, .feedback, p.postinf, p.excerpt, .partners-text {
font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, arial, helvetica, sans; 
}
#right-col {
width: 120px; /* why 120px=size standard banners medium -- elastic width: 41%;*/
padding: 0 0 10px 10px;
float: left;

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

h2, h3, h4, h6 {

font-family: times new roman, georgia, serif;
padding-bottom: 1em;
font-weight: normal;
color: #456030
}

h2 {
font: bold 1.6em arial, helvetica, verdana, sans;
line-height: 1.4em;

}
h2.title {
padding-bottom: 0 
}

#permalink h2.title {

font-size: 2em;
padding-bottom: .3em 
}
#sidebar h2 {


background: url(http://sentidoweb.com/i/arrow-abajo.gif) no-repeat 0 6px;
padding-left: 15px;

}


#sidebar h2, #sidebar h3

{
font: bold 100% georgia, times, serif;
padding-top: 0;
}


.subpages h2 {
padding: 1em 0;
}
p.descrip {

padding: .5em 1em 1em;

}

#sidebar h2, h2.topic, h2.month {

color: #a00;


}
h2.topic, h2.month {

font-family: "Trebuchet MS", verdana, sans;
padding-bottom: .3em;
border-bottom: 1px solid #ccc;
font-size: 160%

}
.weblog h3 {
padding: 1em 0;
font-family: arial, helvetica, verdana, sans

}

h3 {
padding: 1em 0;
font-weight: bold;
font-size: 130%;


}
h3.title {
padding: 0;
}


#sidebar h3

{
margin: 2em 0 0;
}


h4 {

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

}
h5 {
font: 100% arial, helvetica, verdana, sans;
text-align:center;
padding-bottom: .3em

}
/* --- Anotaciones -------------------- */

.banner-top {

padding-bottom: 25px;
}

.banner-top p, .banner-bottom p {
font: 75% tahoma, verdana, sans;
padding: 0;
}

.talk {
font-size: 85%
}
.weblog, .talk {

padding: 0 15px 10px 50px;
}

#permalink .weblog, #permalink .talk {

padding-left: 10px;
}

.date {
width: 41px;
float: left;
margin: 0px 10px 20px 0px;
background: url(http://sentidoweb.com/i/block-date-green.gif) no-repeat top left;
color: #f5f5f5;
height: 100px;
position: relative
}

.day, .year, .daynum, .month {
position: absolute;
display: block;
width: 41px;
text-align: center;
font: bold 100% georgia, times, serif;

}
.day {

top: 5px
}
.daynum {
font-size: 130%;
top: 20px
}
.month {
top: 41px

}
.year {
top: 61px

}

.daynum, .month {
color: #444;

}
.day, .year {
text-transform: uppercase;
font-family: arial, verdana, sans
}
span.authorpost {
float: left;

}

.feedback, dl.adsnews dd, p.postinf, p.divider, p.track, span.hourpost  { 
color: #999;
}

.feedback {

margin: 2em 0 5em 0;

}

p.postinf {

padding: 3px 0px;
margin-bottom: 2em;
font-size: 95%
			
}
#permalink p.postinf {

border-top: 1px dotted #ccc;
			
}
p.divider {
font-size: 95%;
border-bottom: 1px dotted #ccc;
padding: 1em;
margin-bottom: 10px;
		
}

span.hourpost {

float: left;
padding-right: 5px
		
}
li {

text-indent: 7px
}

#content ul li {

list-style-type: none;
margin-bottom: 1em;
background: url('http://sentidoweb.com/i/arrow-ext-mini.gif') no-repeat 0 7px;
padding-left: 1em;
margin-left: 3px
}

#main ul li {

margin: 1em 0 1em 2.5em
}
#main li {

font-family: "Trebuchet MS", verdana, arial, sans

} 

#main li p {

text-indent: 0;
padding-top: 10px
} 
ul.delicious{ 
padding-top: 30px
} 
ul.delicious li {

text-indent: 0
}

.delicious-extended
{

font-style: oblique
}
#main li.related {

background: url('http://sentidoweb.com/i/arrow-ul.gif') no-repeat 0 7px;
margin-top: 0;
margin-bottom: .7em;
padding-left: 5px
}

#mid-col ul li {
background: url('http://sentidoweb.com/i/arrow-ul2.gif') no-repeat 0 5px;
border-bottom: 1px dotted #ddd;
padding-bottom: 4px

}
#right-col ul li {
background: url('http://sentidoweb.com/i/arrow-ext.gif') no-repeat 0 5px;


}

#content ol li{

list-style-type: decimal;
margin-bottom: 1em;
margin-left: 3em 
}

#srchside
{
padding: 1em 0 1em 1em;
/* padding: 3em 0 1em 1em;*/
}

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

ul#links49651 li span a { 

font-weight: bold; 
color: #008585; 

}
 
.subpages #categories li {

margin-top: 10px;
list-style-type: none;
width: 140px;
margin-left: 3px;

}
.ads-middle {
padding-bottom: 2em;
text-align: center
}
.ads-middle p, .exes p {
padding-top: 3px;
font: 90% tahoma, geneva, arial
}
.banner-bottom {
padding-top: 1em
}


/* --- Conversations / Feedback ------------- */

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

p.lector
{
padding-bottom: 1em
}


.conversation {
padding: 0 20px;

}


/* --- Cajas redondeadas transparentes / feedback --- */ 

.boxtopright { 
padding: 1em; 
font-weight: bold;
background: url(http://sentidoweb.com/i/box_top_right.gif) no-repeat top right;

}
.boxtopleft {
background: #f0f0f0 url(http://sentidoweb.com/i/box_top_left.gif) no-repeat top left /* color de fondo front */
}
.latboxleft {  
background: #f0f0f0 url(http://sentidoweb.com/i/box_bottom_left.gif) no-repeat bottom left;  /* color de fondo content caja */ 
margin-bottom: 1em;
}
.latboxright { 
padding: 0 1em 1em;
background: url(http://sentidoweb.com/i/box_bottom_right.gif) no-repeat bottom right;

} 

.latboxleft blockquote {  
background: none
}


/* --- dl, dd, dt --- */

dl.adsnews{

padding-bottom: 3px;
margin-bottom: 3px;
}

dl.adsnews dt {
margin: 0 0 3px;
padding: 0;
text-indent: 15px;
background: url(http://sentidoweb.com/i/post-more.gif) no-repeat 0 3px;}

dl.adsnews dd {

padding: 0 0 10px;
}


/* --- Varios -------------------------------- */
.hide {
	display: none;
}
blockquote { 
color: #666;
font-family: georgia, times, serif;
background: url('http://sentidoweb.com/i/blockquote-sw.gif') no-repeat top left;
padding: 15px 10px 5px 58px;
margin: 1em 1em 1em 5px;

}
abbr, acronym, .help { 
cursor: help; 
border-bottom: 1px dotted #777

}


/* --- Pre, code (Gracias a Choan por el script: 
http://dizque.lacalabaza.net/sotanos/2005/07/lipt-inyeccion-de-listas/)
---- */

pre {
display: block;
border: 1px solid #ddd;
background: #e1e8cd;
padding: 1em;
margin: 2em 0;
overflow: auto;
}

code {
	color: #900;
}

pre code {
	color: #333;
}

* html pre {
	width: 80%;
}


ol.code {
border: 1px solid #ddd;
background: #e1e8cd;
margin: 20px 0;
list-style-type: decimal-leading-zero; /* IE6 ignores this :( */
padding: 1.5em 2em .2em 1.5em;
font-family: courier, monospace;
overflow: auto
}

ol.code li {
	margin-bottom: 1px;
	line-height: 1.5em;
	background: #eee;
}

ol.code li .cmt {
	color: #060;
}

li.tab0 { padding-left: .4em; }
li.tab1 { padding-left: 2.4em; }
li.tab2 { padding-left: 4.4em; }
li.tab3 { padding-left: 6.4em; }
li.tab4 { padding-left: 8.4em; }
li.tab5 { padding-left: 10.4em; }
li.tab6 { padding-left: 12.4em; }
li.tab7 { padding-left: 14.4em; }
li.tab8 { padding-left: 16.4em; }

p.delicious{
text-align: right;
border-top: 4px double #deded2;
padding-top: 3px
}
.destdcha, .destizda { /* -- span resaltados texto lateral -- */

font: 170%/145% "Trebuchet MS", arial, sans;
color: #596e16;
width: 32%;
display: block;
}

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

}

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

.mtpag { 

padding: 8px;
clear: both;
margin: 20px 20px 20px 0;
line-height: 200%

}
.ad-side {
padding: 1em;	
background: #deded2;

 }

.ad-content {
background: #fff;
border: 1px solid #ddd;
margin: 0 1em 1em
}
.ad-content p {
margin: 1em
 
}

.sidelinks ul li { 
display:block; 
float:left; 
margin:0 0 0.3em 0; 
width:125px;

}
.sidelinks ul li a { 

text-decoration:none; 
color:#999; 
border-bottom:1px solid #ddd; 

}
.sidelinks ul li a:hover { 

border-bottom:1px solid #cfcfcf; }


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

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

border: 3px solid #d0dfc3;
padding: 3px

}
img.left { 

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

}
img.right { 

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

}
img.center { 

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


.gallery {

margin: 10px 0;
padding: 10px 0

}

.gallery img {
	
float:none;

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

#sidebar form {
margin-bottom: 5px
}

input.button, input.sub {
 
background: #deded2;  
color: #222;  
border-color: #999 #ccc #ccc #999;
padding: 2px 4px
}

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

input.sub {
 
margin: 10px;
float: right;
}
input.srch
{
margin-right: 5px;
padding: 3px
}

#formcomment {
padding: 15px;
background: #0da1a1;
color:#eee;
margin: 20px 0;

}
#formcomment h2 {
padding: 1em 1em 3px 1em;
color: #fff;
clear: both;
margin: 0;
font: normal 100% "Lucida Sans Unicode", tahoma, geneva, verdana, sans
}
#formcomment h4 {
padding: 1em;
color: #fff;
clear: both;
margin: 0
}
#formcomment textarea { 
padding: 3px;
margin: 5px 10px;
width: 93%
}

fieldset { 

border: 1px solid #f0f0f0; 
}
legend { 
font-size: 120%;
color: #f0f0f0;
padding: 0 8px;

}
.label, .fields {
font: 1em georgia, times, serif; 
float: left;
width: 200px;
margin:0 10px;
padding: 1em;
}

.label, .fields, .datas {
padding: 1em;
}

.label {
background: #829f27
} 

.datas p {
float: left;
width: 90px;
} 

.before{
clear: both;
margin: 10px;
padding: 1em

} 

/* ---- Publis ------------------------  */

.exes

{ 

text-align:center;
padding: 10px 0;
margin-bottom: 20px

}

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

#footer {
position: relative;
clear: both;
background: #008b8b url('http://sentidoweb.com/i/f-sw.gif') repeat-x top left;
}
#footer a {

color: #fff
}

#footer p { 
/* definimos margin-bottom de p con 8px (ver CSS arriba). Con "0" en Firefox evita separacion abajo ventana */
margin-bottom:0; 
padding: 7px 20px;
}