/* -- CSS
Blogs Media (http://blogsmedia.com)
Autor: José Luis Antúnez (jl@blogsmedia.com) 
Fecha: Junio 2005 
Plantilla: Blogia 2.0 Layout classic blog lucida (verde)
 -- */
 
body { 
background:#b6cf8e url('../i/bg_raytrans.gif') repeat top left; /* Gif rayado transparente.*/
color:#444; 
font: 75%/150% "Trebuchet MS", verdana, arial, sans;
margin:0; 
padding:0;
text-align:center;
}

p { margin:0 0 8px 0 }


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

a:link, a:visited { 
color:#06b; 
}
a:hover { 
color:#5c6e21 
}
a img {
border-bottom:0;
}
a.powered {
background: url(../i/blogia-ic.gif) no-repeat 100% 50%;
padding-right: 20px;
}
/* --- Header -------------------------------------------  */

#header {
height: 90px;
padding: 0 10px;
background: #c3cca1 url('../i/tl-header.gif') no-repeat;
}
#header h1{
padding: 20px 0 5px 0;
margin:0;
font-size: 22px
}
#header h1 a{
color: #444;
}
#top {

float: right;
margin-top: 25px

}
#header a, #footer a, #sidebar li a {
text-decoration: none
}

/* --- Nav ---------------------------------  */

#nav {
margin: 0;
padding: 0;
list-style-type: none;
background: #6E8230 url(../i/nav-green2.gif) repeat-x top left;
float: left;
width: 770px;
}
#nav li {
height: 29px;
float: left;
margin: 1px -1px 0 0;
border-right: 1px solid #778B38;
border-left: 1px solid #778B38;
}

#nav li a {
display: block;
padding: 0 15px;
font: 90%/270% tahoma, geneva, verdana, sans;
color: #ddd;
text-decoration: none

}

#nav li a:hover {
color: #fff;
background: #778b38;
text-decoration: none;
}



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

#wrap {
position: relative;
width: 770px; 
margin: 0 auto; 
text-align: left;
}
#container {
background: #fff url('../i/cont-bl.gif') repeat-y top left;
float: left;
}
.sm #container {

background:#fff url('../i/cont-bl-sm.gif') repeat top left;  /*si se elige body class="sm" */
}
.ms #main, .sm #main {
width:460px;
margin-top: 20px;
padding: 0 20px 20px;
}

#sidebar {

display:block;
margin-top: 20px;
width:225px; 
padding-bottom: 20px;
font: 90%/160% "Lucida Grande", "Lucida Sans Unicode", verdana, arial, sans-serif;
}
.sm #sidebar {

padding-left: 20px
}
.ms #sidebar {

padding-right: 20px
}
.ms #main, .sm #sidebar {

float:left;
}
.ms #sidebar, .sm #main {
float:right;

}
.col, .side {
padding: 10px 0
}
.powextra {
margin-top: 20px;
padding-top: 10px;
text-transform: uppercase
}

/* --- ul li's post / sidebar---------------------------------- */

#main ul li{

list-style: square;
margin: 0 0 .5em 1em;
padding-left: 5px;
}

#main ol li{

list-style: decimal;
margin-top: 0;
margin-bottom: 1em;
margin-left: 1em;
padding-left: 5px;
}
#sidebar ul {
margin: 0;
padding: 0;
}
#sidebar li {

list-style: none;
margin: 0;
border-bottom: 1px dotted #e2e2e2;
padding: .4em 0 .4em 0;
}

.side li a { 
background:url(../i/post-more.gif) no-repeat left;
padding-left: 17px}

.col li a { 
background:url(../i/site-out.gif) no-repeat left; 
padding-left: 17px }


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

h1, h2, h3 { 
font-family: arial, verdana, sans;
color:#41641e;
line-height: 140%
}

h2 { 
font-size: 150%
}
#main h4 { 

font-size: 120%;
}
#sidebar h3
{ 
padding: 0;
font-size: 130%

}
#sidebar h4
{ 
font-size: 110%

}
/* --- Feedback ---------------------------------- */


.comentarios {
margin: 4em 0
}


.comentario {

margin: 20px 0
}


p.autorcomentario {

font-weight: bold;
margin-bottom: 20px;
}

.textocomentario{
padding-bottom: 10px
}


p.infocomentario {

border-top: 1px dotted #ccc;
padding-top: 3px;
text-align: right;
margin-bottom: 30px}


#anadircomentario{
background: #c3cca1;
padding: 8px;
}
.infoadicional {
margin: 2em 0;
border-top: 1px solid #ddd
}

/* --- dl about / bienvenida --------- */

.bienvenida, dl.about dd {
margin: 0 0 10px 0;
padding: 0 0 10px 0;
border-bottom: 1px dotted #c0c0c0;
}
dl.about {
margin: 0;
padding: 0;
}
dl.about dt img {
border: 3px solid #dfdfdf;
margin: 0px;
padding:0;
}
.ms dl.about dt img { /* --- para body class="ms" --------- */
float: right;
margin-left: 8px

}
.sm dl.about dt img { /* --- para body class="sm" --------- */
float: left;
margin-right: 8px
}

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

#footer
{
clear:both;
background: #768a36 url(../i/bf-v.gif) repeat-x top left;
color:#fff;
padding: 15px 20px 1px; /* 1px para unir con #footer y hacer curva */

}

#footer a {
color:#eee;
}
#menu { 

float: right }

.ft {
padding: 4px;
background: #768a36 url(../i/br-footer.gif) no-repeat bottom right;

}
/* --- Formularios -------------------------------- */

form { 
margin: 0 0 10px;
padding: 0;
}

fieldset { 
border: 1px solid #777; 
}
legend { 
font: bold 100% tahoma, verdana, sans;
color: #444; /* sino en IE sale azul puro */
}
input.button {
background:#768a36;  
color:#fff;  
border-color:#999 #666 #666 #999;
}
textarea { 
padding: 3px
}

/* --- Varios -------------------------------- */

blockquote { 
color: #666; 
background: #f1f1f1 url(../i/blockquote.gif) no-repeat top right;
padding: 15px;
}
abbr, acronym, .help { 
cursor: help; 
background: #e3e3e3;
border-bottom: 1px dotted #ccc
}

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

img.right, img.center, img.left, img.centerenm, img.rightenm, img.leftenm { 
border: 3px double #afc3a5;
} 
img.leftenm { 
margin: 2px 10px 10px 0; 
float:left; 
} 
img.rightenm { 
margin: 2px 0 10px 10px; 
float:right; 
} 
img.centerenm { display:block; margin: 0 auto 10px auto; text-align: center;
} 
img.left { 
margin: 2px 10px 10px 0; 
float:left; 
} 
img.right { 
margin: 2px 0 10px 10px;
float:right;

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