/*  
Theme Name: Observatorio
Theme URI: http://observatorio.info
Version: 1.0
Author: Alex Dantart
*/



/* BODY
--------------------------------------------------------- */


.divtrans, #divtrans { behavior:url(/wp-content/themes/observatorio/images/iepngfix.htc); }
.longcomment {  overflow:hidden; height: 300px; }
.longcommentup { background: url('/wp-content/themes/observatorio/images/fading.png'); height:300px; }

body{font-family:Tahoma,Arial,"Lucida Grande",Tahoma,Verdana,sans-serif; font-size:12px; line-height:1.3; letter-spacing:0.05em; color:#000; margin:0; padding:0}
#body_bg{background:#000 url(images/back.jpg) top left repeat-x; font-family:Tahoma,Arial,"Lucida Grande",Tahoma,Verdana,sans-serif; font-size:12px; line-height:1.3; color:#000; margin:0}
.clr{clear:both}
div#wrapper{width:100%; height:100%; margin:0px}


/* HEADER
--------------------------------------------------------- */
div#header{background:url(images/header-back.png) repeat-x; height:100px}
div#header div#logo{width:985px; text-align:center; margin:0 auto; padding-top:10px}

/* CONTENT
--------------------------------------------------------- */
div#content_wrap { min-width:970px; margin: 0; } 
div#content { text-align: left;  }

h1 a, h1 a:hover, #page h1, #content h1 { padding-left:50px; padding-right:50px; margin-bottom:10px; font-family: Tahoma; font-size:42px; margin:0;  color:white; text-decoration:none; font-weight:normal; letter-spacing:0.05em; display:inline; line-height:40px; display:block; padding-bottom:10px;}

h3, #page h3 { font-family: Arial; font-size:18px; margin:0; padding:0px; color:#7597a4; text-decoration:none; font-weight:normal; letter-spacing:0em; line-height:0; display:block;}

#caja_texto h3 { padding:0px;}
.traduccion h3 { padding:0px; }
#caja_texto { text-align:justify; width:920px; background-color: #b7d5ff; color: black; padding:30px; border:0; margin:0;}
#caja_texto h2 { color:#4f5660; font-weight:bold;line-height:24px; margin:0; padding:0; width:100%; border-bottom:1px solid #aab4c1;}

#ficha { font-size:13px; }
#ficha h3 { font-size:16px; width:100%; border-bottom:1px solid #aab4c1; display: block; line-height:22px; margin-top:15px;}

#flecha_izquierda { width:37px; height:50px;  }
#flecha_derecha { width:37px; height:50px;  }


#tablaimagen { padding:0; margin:0; border:0;}
#tablaimagen #n { width:29px;height:29px;background:url('images/glow_ns.png') top center repeat-x; }
#tablaimagen #s { width:29px;height:29px;background:url('images/glow_ns.png') bottom center repeat-x; }
#tablaimagen #e { width:29px;height:29px;background:url('images/glow_eo.png') right repeat-y; }
#tablaimagen #o { width:29px;height:29px;background:url('images/glow_eo.png') left repeat-y; }
#tablaimagen #e1 { width:29px;height:29px;background:url('images/glow_esquinas.png') top left; }
#tablaimagen #e2 { width:29px;height:29px;background:url('images/glow_esquinas.png') top right; }
#tablaimagen #e3 { width:29px;height:29px;background:url('images/glow_esquinas.png') bottom left; }
#tablaimagen #e4 { width:29px;height:29px;background:url('images/glow_esquinas.png') bottom right; }
#tablaimagen #c { background:#000; padding:1px; }
#tablaimagen #c img { border-color:#474545; }

#tablaimagenc { padding:0; margin:0; border:0;}
#tablaimagenc #n { width:19px;height:19px;background:url('images/glow_ns.png') 0px 0px repeat-x; }
#tablaimagenc #s { width:19px;height:19px;background:url('images/glow_ns.png') 10px -40px repeat-x; }
#tablaimagenc #e { width:19px;height:19px;background:url('images/glow_eo.png') -40px 10px repeat-y; }
#tablaimagenc #o { width:19px;height:19px;background:url('images/glow_eo.png') 0px 10px repeat-y; }
#tablaimagenc #e1 { width:19px;height:19px;background:url('images/glow_esquinas.png') -2px -2px; }
#tablaimagenc #e2 { width:19px;height:19px;background:url('images/glow_esquinas.png') 21px 0px; }
#tablaimagenc #e3 { width:19px;height:19px;background:url('images/glow_esquinas.png') 0px 23px; }
#tablaimagenc #e4 { width:19px;height:19px;background:url('images/glow_esquinas.png') 20px 20px; }
#tablaimagenc #c { background:#000; padding:1px; }
#tablaimagenc #c img { border-color:#474545; }


.traduccion { text-align:justify; width:920px; background-color: #b7d5ff; color: black; padding:30px; border:0; margin:0; }

#page { width:920px; margin:auto; font-size:1.4em;  }


#comentarios_wrapper { width:980px; background-color:white; text-align:right; }

.comentarios_c { text-align:left; width:940px; background-color: #eee; color: black; padding:20px; font-size:1.2em; margin-top:20px; border:0;}

.comentarios_0 { text-align:left; width:980px; color: black; font-size:1.2em; }
.comentarios_1 { text-align:left; width:900px; float:right; display:block; background: url('images/sombranested.gif') top left no-repeat; color: black; }
.comentarios_2 { text-align:left; width:820px; float:right; display:block; background: url('images/sombranested.gif') top left no-repeat; color: black; }
.comentarios_3 { text-align:left; width:740px; float:right; display:block; background: url('images/sombranested.gif') top left no-repeat; color: black; }

.comentarios_0_t { float:left; width:840px; }
.comentarios_1_t { float:left; width:760px; }
.comentarios_2_t { float:left; width:680px; }
.comentarios_3_t { float:left; width:600px; }

#caja_comentarios {  }

#caja_comentarios_nested_ultima_repetida { margin-top:3px; }

#otras_imagenes { font-size:13px; width:305px;  float:left  }
#otras_imagenes #imagen { float:left; margin-right:20px; width:60px; }
#otras_imagenes #imagen2 { float:right; margin-left:20px; width:60px; }


div#bottom_layout {}
div.bottom_layout { background: url(images/wr_bottom_layout.png) top left repeat-y; height: 25px; }
div.bottom_layout_sidebar { background: url(images/wr_bottom_layout_sidebar.png) top left repeat-y; height: 25px; }


div#footer_wrap_4 { width:100%; height:39px; }
div#footer_4 { float:right; }

div#footer_wrap_3 { width:100%; background-color: #0d2b45; height:22px; }
div#footer_3 { padding-top:5px; margin-top:5px; text-align:left; height:18px; color: white; font-size: 11px;width:775px; }
div#footer_3 a:link, div#footer_3 a:visited { color: #4794ff; text-decoration: none;}

div#footer_wrap_2 { background: url(images/footerbg.gif) #004c6b repeat-x; width:100%; height:315px; }
div#footer_2 {  margin-top:5px; text-align:left; height:18px; color: white; font-size: 14px; width:970px; }
div#footer_2 a:link, div#footer_2 a:visited { color: #4794ff; text-decoration: none;}
.footer_2_mod H4 { margin:10px 0 0 0; color: #e2e500; font-weight:bold; padding:0; }
div#footer_2 ul {list-style:none; padding:0; margin:0}
div#footer_2 li { padding-top:4px; padding-bottom: 5px; }
div#footer_2 h2 { color:#ee0; font-size:20px; font-weight:normal; line-height:24px; margin-bottom:10px; padding:0; width:100%;}

#footer_2 table { padding-top:16px; }
#footer_2 table th { color: #e2e500; font-weight: normal; font-size:14px; }
div#footer_wrap { width:100%; background-color: #090f1f; }
div#footer { text-align:left; height:100px; background: url(images/pie.gif) right no-repeat; color: #FFF; font-size: 10px; width:970px; }
div#footer a:link, div#footer a:visited { color: #fff; text-decoration: none; color: yellow}
div#footer a:hover { color: #fff; text-decoration: underline; }

.footeritems { margin:40px;text-align:center;}

div#postlinks  { display:block; height:37px; border:10px; background-color: #869fc1; padding:5px; color: white; }
div#postlinks a { color:white  }
.headertext { text-align:right; font-style: italic; border-bottom:1px solid #AAAAAA; margin-bottom:20px; }

.alt { background-color: #f8f8f8; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.small { font-family: Arial, Helvetica, Sans-Serif;font-size: 0.9em;line-height: 1.5em;}

.entry p a:visited{color:#b85b5a}
.commentlist li, #commentform input, #commentform textarea{font:0.9em 'Lucida Grande',Verdana,Arial,Sans-Serif; padding:10px}
.commentlist li{list-style:none}
.commentlist cite, .commentlist cite a{font-weight:bold; font-style:normal; font-size:1.1em}
.commentlist p{font-weight:normal; line-height:1.3em; text-transform:none}
#commentform p{font-family:'Lucida Grande',Verdana,Arial,Sans-Serif}
.commentmetadata{font-weight:normal}
#sidebar{font:1em 'Lucida Grande',Verdana,Arial,Sans-Serif}
.small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, strike{color:#777}
.code{font:1.1em 'Courier New',Courier,Fixed}
.acronym, abbr, span.caps{font-size:0.9em; letter-spacing:.07em}
a, h2 a:hover, h3 a:hover{color:#06c; text-decoration:none}
a:hover{color:#147; text-decoration:underline}

#wp-calendar #prev a, #wp-calendar #next a{font-size:9pt}
#wp-calendar a{text-decoration:none}
#wp-calendar caption{font:bold 1.3em 'Lucida Grande',Verdana,Arial,Sans-Serif; text-align:center}
#wp-calendar th{font-style:normal; text-transform:capitalize}
#wp-calendar tfoot tr{margin-top:40px}
#wp-calendar th, #wp-calendar td { color:white; }

.post{margin:0 0 40px; text-align:justify}
.post hr{display:block}
.widecolumn .post{margin:0}
.narrowcolumn .postmetadata{padding-top:5px}
.widecolumn .postmetadata{margin:30px 0}
.widecolumn .smallattachment{text-align:center; float:left; width:128px; margin:5px 5px 5px 0px}
.widecolumn .attachment{text-align:center; margin:5px 0px}
.postmetadata{clear:left}
.contactleft { padding-top:20px;}
p img { padding: 0; max-width: 100%; }

/* BTC */
.comment{position:relative}
.odd{}
.comment div{position:relative}
.comment .comment img{margin:0px}
.comment .collapseicon{width:13px; height:13px; overflow:hidden; background-image:url()}
.collapsed .collapseicon{background-image:url()}
.comment .reply{background:url(images/pencil.gif) no-repeat; padding-left:25px; font-size:80%; clear:both}
.comment .reply a:hover{background-color:#06c; color:white; text-decoration:none}
.comment{}
input#subscribe{width:auto}
.comment .meta{float:right; color:#666; font-size:11px; display:inline}
.comment .body .content{padding:0px 3px 0px 3px; overflow:auto}
.comment .title abbr{border:none; font-size:18px}
.collapsed .body, .collapsed .comment{display:none}
#commentform textarea{width:97%}
.btc_gravatar{border:1px solid #666; float:left; margin:3px 10px 4px 4px}

.comment .body .content A { color: #06c; }
.comment .body .content A:visited { color: #882a6a; }