@charset "utf-8";
/* CSS Document */

/* GENERALES */

* {margin:0px; padding:0px; outline:0; border:0;}
:focus {-moz-outline-style:none;}
ul {list-style-type:none;}
body {background:#000; height:100%; width:100%;}
a {color:#e80017; text-decoration:none;}
a:hover {text-decoration:underline;}

/* 
z-index

1  #canvas
2  #media
3  #content
4  #menuppal, #media .enter
5  #posts
6  .post_txt
10 #header

*/

/* probemos primero con web a 900 x 600 */
#canvas, #media, #content {width:900px; height:600px;}
#canvas {z-index:1; position:absolute; top:50%; left:50%; margin-top:-300px; margin-left:-450px;}
#header {z-index:10; position:absolute; top:15px; right:15px; width:/*280px;*/100px; height:100px;}

/* menus */
#menuppal {z-index:4; position:absolute; top:46px; left:-284px;}
#menu1 {height:23px;}
#menu1 li {float:left; margin-right:15px;}
#menu1 a {font:normal 14px Georgia, "Times New Roman", Times, serif; color:#999; text-decoration:none; font-style:italic;}
#menu1 a:hover {color:#e80017;}

#menu2 {display:none;}
#menu2 li {position:relative; display:inline; float:left;}
#menu2 a {width:18px; height:22px; padding-top:2px; padding-left:6px; display:block; float:left; background:#000; font:bold italic 16px Georgia, "Times New Roman", Times, serif; color:#fff; text-decoration:none; margin-right:5px;}
#menu2 a:hover {background:#e80017;}
#menu2 img {position:absolute; top:27px; left:0px; width:69px; height:69px; background:url(img/tooltip.gif) top left no-repeat; padding:3px; padding-top:8px; display:none;}

#menu3 {display:none; position:absolute; left:37px; width:200px;}
#menu3 li {position:relative; display:inline; float:left;}
#menu3 a {width:35px; height:22px; padding-top:2px; padding-left:6px; display:block; float:left; background:#000; font:bold italic 14px Georgia, "Times New Roman", Times, serif; color:#fff; text-decoration:none; margin-right:5px;}
#menu3 a:hover {background:#e80017;}

/* capa acciones artisticas */
#media {z-index:2; position:absolute; top:0px; left:0px; /*position:fixed;*/ }
#media .enter {position:absolute; z-index:4; left:16px; top:50%; margin-top:-11px; width:180px; height:22px; padding-top:2px; padding-left:6px; display:block; float:left; background:#000; font:bold italic 16px Georgia, "Times New Roman", Times, serif; color:#fff; text-decoration:none;}
#media .enter:hover {background:#e80017;}

/* capa contenido */
#content {z-index:3; position:absolute; width:600px; left:300px; top:0px;}

/* BLOG */
/* lista posts */
#posts {z-index:5; width:485px; position:absolute; top:0px; right:10px; } 
#posts_col1 {width:280px; float:left; margin-right:2px; text-align:right;}
#posts_col2 {width:200px; float:left; text-align:left;}
/* post */
.post {position:relative;}
.postimpar {width:200px; float:right;} /* 230px */
.postpar {width:280px; float:left;}
.post h1 {font:normal 22px Helvetica, Arial, sans-serif; line-height:22px; margin-bottom:2px; background:#34302f; color:#767676; padding:5px; cursor:pointer;}
.post h1:hover {background:#e80017; color:#fff; cursor:pointer;}
.post h1 a {color:#999 !important; text-decoration:none;}
.post h1 a:hover {color:#fff !important; text-decoration:none;}
.current_post {background:#e80017 !important; color:#fff !important; cursor:default;}
.postimpar h1 {text-align:left;}
.postpar h1 {text-align:right;}
#posts_col1 h1 {float:right;}
.posts_off {color:#555 !important; background:#00FF00 !important; }
/* texto post */
.post_txt {
z-index:6 !important; position:absolute; width:400px; background:#555; padding:10px; padding-top:25px; display:none;  cursor: url(http://www.bambalina.es/carmen/grab.cur), default !important; text-align:left;}
  .post_txt_int {
  overflow:auto; max-height:475px;}
* .post_txt_int {
  height: expression( this.scrollHeight > 474 ? "475px" : "auto" );}
    .post_txt p {font:normal 11px Helvetica, Arial, sans-serif; color:#fff; margin-bottom:10px;}
    .close_post {position:absolute; right:5px; top:5px; width:15px; height:15px; background:#555 url(img/close.gif) top left no-repeat; cursor:pointer;}


/* FORO */
/* lista posts */
#posts_foro {z-index:5; width:485px; height:490px; position:absolute; overflow:auto; top:100px; right:10px;}
/* post */
.post_foro {position:relative; clear:both;}
/*.post_foro h1 {}
.post_foro h1 a {font:normal 22px Helvetica, Arial, sans-serif; line-height:22px; margin-bottom:2px; background:#34302f; color:#767676; padding:5px; text-decoration:none;}
.post_foro h1 a:hover {background:#e80017; color:#fff; }*/
.tit_tema_list {width:307px; height:90px; padding-top:10px; padding-left:23px; padding-right:23px; background:url(img/foro-bgtit.png) top left no-repeat; line-height:14px !important; position:absolute; top:-80px; left:0px; z-index:5;}
.tit_tema_list a {font:normal 18px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none;}
.tit_tema_list a:hover {color:#000; text-decoration:none;}
.post_foro h1 a.current_post_foro {font:normal 22px Helvetica, Arial, sans-serif; line-height:22px; margin-bottom:2px; background:#34302f; color:#555; padding:5px; text-decoration:none;}
/* texto post */
.post_foro_txt {background:#999; padding:10px; width:350px; -moz-border-radius:10px; -webkit-border-radius:10px; margin-bottom:90px; position:relative;}
.post_foro_txt p {font:normal 12px Helvetica, Arial, sans-serif; color:#1b1b1b; margin-bottom:10px;}
.link_comments a {text-decoration:none; background: #fff; font: normal 11px Arial, Helvetica, sans-serif; color:#555; padding:3px; display:block; width:100px;}
.link_comments a:hover {background:#e80017; color:#fff;}
/* Comentarios */
.post_comment {width:440px;} /* ojo con este ancho */
  .post_comment h2 {font:bold 14px Arial, Helvetica, sans-serif; color:#555; padding-bottom:10px; } /* pend */
  .comment_body {width:350px; margin-left:70px; background:#333; -moz-border-radius:10px; -webkit-border-radius:10px; padding:10px; padding-left:30px; font: normal 11px Arial, Helvetica, sans-serif; color:#FFF; position:relative;}
  p.comment_author {margin-left:80px; padding-left:20px; padding-top:22px; padding-bottom:20px; font: bold 11px Arial, Helvetica, sans-serif; color:#E20A16; background:url(img/endcomment.png) top left no-repeat;}
p.alert {font: normal 11px Arial, Helvetica, sans-serif; color:#1b1b1b1; padding-left:10px; background:#666; padding:10px; margin-bottom:10px; -moz-border-radius:8px; -webkit-border-radius:8px; }
p.alert a {text-decoration:no; font-weight:bold; color:#E20A16;}
p.alert a:hover {text-decoration:underline;}
#send_comment {position:relative;}
  #send_comment label {width:175px; float:left; font-weight:bold; clear:both; font: normal 12px Arial, Helvetica, sans-serif; color:#CCC;}
  .campotext {width:335px; /*margin-left:70px;*/ background:#ccc url(img/bg-campotext.gif); -moz-border-radius:10px; -webkit-border-radius:10px; padding:10px; padding-left:24px; font: normal 12px Georgia, "Times New Roman", Times, serif; line-height:20px; color:#4d4d4d; position:relative;}
  /*.button {background:#CB3400; font:bold 12px Arial, Helvetica, sans-serif; color:#000; border:0px; padding:2px;}*/

.tema {position:relative;}
.tit_tema {width:307px; height:90px; padding-top:10px; padding-left:23px; padding-right:23px; background:url(img/foro-bgtit.png) top left no-repeat; position:absolute; z-index:7; top:10px; right:140px; line-height:14px !important;}
.tit_tema a {font:normal 18px Arial, Helvetica, sans-serif; color:#fff; text-decoration:none;}
.intro_tema {background:#999; padding:10px; padding-left:25px; width:330px; -moz-border-radius:10px; -webkit-border-radius:10px; margin-bottom:-10px;}
.intro_tema p {font:normal 12px Helvetica, Arial, sans-serif; color:#1b1b1b; margin-bottom:10px;}
.texto_tema {}
.avatar_comment {/*float:left; margin-right:10px; margin-top:-40px;*/ position:absolute; bottom:0px; left:10px; z-index:5; width:80px; height:80px; * top:20px; * left:-70px; }
.jqr2c_reply {display:block; background:#E20A16; color:#fff; font:bold 12px Arial, Helvetica, sans-serif; text-decoration:none; -moz-border-radius:15px; -webkit-border-radius:15px; padding:5px 10px !important; width:70px; position:absolute; bottom:-10px; right:-10px;}
.jqr2c_reply:hover {color:#E20A16; background:#fff; text-decoration:none;}
.jqr2c_quote {display:none;}
.c_reply, .button {display:block; background:#E20A16; color:#fff; font:bold 12px Arial, Helvetica, sans-serif; text-decoration:none; -moz-border-radius:15px; -webkit-border-radius:15px; padding:5px 10px !important; width:70px; position:absolute; bottom:-10px; right:5px;}
.c_reply:hover, .button:hover {color:#E20A16; background:#fff; text-decoration:none;}
.button {right:5px;}

.button2 {display:block; background:#E20A16; color:#fff !important; font:bold 12px Arial, Helvetica, sans-serif; text-decoration:none !important; -moz-border-radius:15px; -webkit-border-radius:15px; padding:5px 10px !important; width:70px;}
.button2:hover {color:#E20A16 !important; background:#fff; text-decoration:none;}


/* post info */
.post_info {display:none;}

/* sidebar - recent comments */
ul#sidebar {position: absolute; z-index:20; bottom:10px; right:30px; width:300px; height:70px; background:url(img/bg-msnger.png); padding:10px; * padding-top:0px; * top:510px; * height:80px;}
  li#sa-recent-comments {}
     h2.widgettitle {display:none;}
     table#recentcomments {}
       table#recentcomments tr {}
       table#recentcomments td {font:normal 11px Arial, Helvetica, sans-serif; color:#fff}
	   table#recentcomments td img.avatar {margin-right:10px;}
	   table#recentcomments a {font-weight:bold;}
	   .opina {position:absolute; width:66px; height:50px; top:-15px; left:-30px; display:block; z-index:25;}


/* no usado ... */
.postpar .post_txt {top:0px; right:/*230px*/0px;}
.postimpar .post_txt {top:0px; right:/*280px*/0px;}

/* #main {width:830px; margin-right:auto; margin-left:auto;} */

/*
#paginado {position:absolute; z-index:10; width:20px; height:40px; top:50%; margin-top:-20px; right:0px; }
#paginado a {width:20px; height:20px; background:#000; font:bold 22px Georgia, "Times New Roman", Times, serif; color:#fff; text-decoration:none; display:block; text-align:center; padding-bottom:10px;}
#paginado a:hover {width:20px; height:20px; background:#e80017;}
*/

#paginado {position:absolute; z-index:10; width:22px; height:200px; top:50%; margin-top:-100px; right:-10px; background:#000;}
#paginado img:hover {background:#e80017;}

#paginado2 {position:absolute; z-index:10; width:22px; height:200px; /*top:50%; margin-top:-100px; right:-10px;*/ top:200px; left:475px; background:#000;}
#paginado img:hover {background:#e80017;}

/* PIE */
#pie {position:absolute; bottom:10px; left:20px; z-index:5;}
#pie p {font: normal 9px Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#909090;}

#linkbambalina {position:absolute; right:20px; bottom:30px; width:185px; text-align:right; height:20px; z-index:10;}
#linkbambalina a {font:normal 14px Georgia, "Times New Roman", Times, serif; color:#999; text-decoration:none; font-style:italic;}
#linkbambalina a:hover {color:#e80017;}