/* -- CSS
Blogs Media (http://blogsmedia.com)
Autor: José Luis Antúnez (jl@blogsmedia.com) 
Fecha: Junio 2005 (update julio'05)
Plantilla: Blogia 2.0 Large geek movil (verde)
-- */
 
body {
font: 90%/140% georgia, times, serif;
margin: 0;
padding: 0;
background: #fff url(../i/bd-2v.gif) repeat-x top left;
text-align:center;
}

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


a:link, a:visited { 
color:#03b;

}
a:hover { 
color:#778b38
}
a img {
border-bottom:0;
}
a.powered {
background: url(../i/blogia-ic.gif) no-repeat 100% 50%;
padding-right: 20px;
border: none
}
/* --- Header -------------------------------------------  */

#header {
height: 85px;
padding: 0 10px;
clear: both;
color: #eee
}
#header h1{
padding: 20px 0 10px 0;
margin:0;
font: 26px georgia, times, serif
}
#header h1 a{
color: #eaefea;
}

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

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

#nav {

float:right;
text-align: right;
height: 29px;
font-size: 80%
}

#nav a {
color: #ddd;
float: left;
padding: 5px 10px;
margin: 1px -1px 0 0;
border-right: 1px solid #778B38;
border-left: 1px solid #778B38;
text-decoration: none;
}

#nav a:hover {
color: #fff;
background: #778b38;
}

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

#wrap {
position: relative;
width: 770px; 
margin: 0 auto; 
text-align: left;
}
#container {
float: left
}

.ms #main, .sm #main {
width:450px;
margin-top: 20px;
padding: 0 20px 0 5px
}

#sidebar {

display:block;
margin-top: 20px;
width:255px; 
font: 80%/140% "ms sans serif", "trebuchet ms", verdana, arial, sans;
padding-bottom: 4em
}
.ms #sidebar {
padding-right:10px;

}
.sm #sidebar {
padding-left:10px;

}
.ms #main, .sm #sidebar {

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

}

.powextra {
	margin-top: 20px;
	padding: 5px 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;
}
#main li{

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

#sidebar ul {
margin: 0;
padding: 0;

}
#sidebar li {

list-style: none;
margin: 0;
border-bottom: 1px dotted #dcdcdc;
padding: .4em 0 .4em 0;
}
#sidebar li a {
border: none;
}
.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 ---------------------------------- */
h2, h3, #main h4, #sidebar h3 { 
font: oblique 130% tahoma, geneva, verdana, sans;
color: #718e0d;
margin: 0;
padding: 0 0 4px 0;
border-bottom:1px dotted #ccc;
 }
#main h4 {
  text-transform: lowercase;
}
#main h2 {
  
margin-top: 20px;
color: #555;
font-style: normal;
border: none
}
#sidebar h2 {
font: 150% georgia, times, serif;
margin: 0 0 20px 0;
}
#sidebar h4 {
text-transform: uppercase;
margin: 10px 0;
font-size:90% /* porque h4 en IE los da más grandes */

}

#sidebar h3 {

font-family: georgia, times, serif;
margin-bottom: 10px;

}
/* --- 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;
padding-top: 5px
}

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

.bienvenida, dl.about dd {
margin: 0 0 10px 0;
padding: 0 0 10px 0;
border-bottom: 1px dotted #ccc;
}
dl.about {
margin: 0;
padding: 0;
}
dl.about dt img {
border: 3px solid #cdc;
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;
padding: 15px 20px 5px;
color:#fff;
font-size: 80%
}

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

float: right }
.ft {

width: 750px;
margin: 0 auto;
text-align: left
}

/* --- 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}

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

form { 
margin: 0;
padding: 0;
}

fieldset { 
border: 1px solid #777; 
}
legend { 
font: bold 90% georgia, times, serif;
color: #444; /* sino en IE sale azul puro */
}

input.button {
background:#768a36;  
color:#fff;  
border-color:#999 #666 #666 #999;
}
textarea { 
padding: 3px
}

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

img.right, img.center, img.left, img.centerenm, img.rightenm, img.leftenm { 
border: 3px double #778b38
} 
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;
}

/* sombras sin gif visto en http://labs.silverorange.com/archives/2004/january/shadowboxing */

.shadowbox {
	background: #ddd;
	position: relative;
	top: 2px;
	left: 2px;
	margin-top: 20px
}
.shadowbox div {
	background: #eaefcf;
	border: 1px solid #ccc;
	padding: 10px;
	position: relative;
	top: -2px;
	left: -2px;
}