/*
Theme Name: La Habitación
Theme URI: http://lahabitaciondehenryspencer.com/
Description: Tema creado para el videoblog <a href="http://lahabitaciondehenryspencer.com">La Habitaci&oacute;n de Henry Spencer</a>
Version: 1.0
Author: SH & JP
*/

body {
	background: #232323 url(img/bg.jpg) fixed;
	color: white;
	font-size: 11px;
	padding:0;
	margin:0;
	font-family: 'Lucida Grande', 'trebuchet ms', sans-serif, 'Lucida Sans Unicode', arial, verdana, tahoma;
}

a {
	color: #fff;
	text-decoration: none;
	outline: none;
}

a:hover {
	text-decoration: underline;
}

h1 {
	font-weight: normal;
}

h2 {
	margin:0;
	padding:0;
}

h4{
	font-size:16px;
}

h5{
	font-size:16px;
	padding:10px  10px 0 0;
}

p{
	overflow: hidden;
}

.container_12 {
	/*background: #fff url(img/12_col.gif) repeat-y;*/
	margin-bottom: 20px;
}

.container_16 {
	background: #fff url(img/16_col.gif) repeat-y;
}

.container_24 {
	background: #fff url(img/24_col.gif) repeat-y;
}

/* ---------------------------
All
--------------------------- */
.all {
	background:url(img/bg_all.png) center -44px no-repeat fixed;
	/*height:660px;*/
}

/* ---------------------------
Header
--------------------------- */
.shadow_header{
	background:url(img/shadow_header.png) no-repeat;
	height:149px;
}

.header{
	margin-top:0px;
	/*height:187px;*/
	height:140px;
}

.header_bottom{
	margin-bottom:15px;
	/*height:9px;*/
	/*background:url(img/bg_header_bottom.png);*/
}

/* Page Menu */

.header .page_menu {
	margin: 10px 0px 0px 0px;
	padding-right:15px;
	float: right;
	list-style: none;
}

.page_menu li {
	float: left;
	font-size: 17px;
}

.page_menu li a, .page_menu li a:visited {
	/*margin: 0px 0px 0px 10px;
	padding: 2px 5px 2px 5px;

	color: #999999;
	text-decoration: none;*/
	padding-left:5px;
	padding-right:5px;
}

.page_menu li a:hover {
	/*color: #ffffff;*/
}

.page_menu li a:hover {
	color: #fff;
	background: url(img/bg-box.png);
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

.page_menu li.current_page_item a, .page_menu li a, .page_menu li a:visited {
	font-weight:normal;
	/*color: #ffffff;
	background-color: #666666;

	text-shadow: #333333 0px 1px 1px;

	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;*/
		color: #fff;
	background: url(img/bg-box.png);
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

/*
.header .menu_top {
	text-align:right;
}

.header .menu_top .item{
	margin-left:15px;
	font-size:16px;
}

.header .menu_top .item a{
	color:#666666;
}
*/
.logo {
	height:65px;
	margin:0 0 10px 0;
}


/* ---------------------------
Stream
--------------------------- */
.stream_top {
	background:url(img/bg_video_top.png) center bottom no-repeat;
	height:23px;
}

.stream_middle {
	background:url(img/bg_video_middle.png) repeat-y;
	width:960px;
}

.stream_bottom {
	background:url(img/bg_video_bottom.png) center bottom no-repeat;
	height:24px;
	margin-bottom:25px;
}

/* ---------------------------
Video
--------------------------- */
.video_top {
	background:url(img/bg_video_top.png) center bottom no-repeat;
}
.video_top .tabs {
	background:url(img/bg_tabs_all.png) 0 0 no-repeat;
	height:41px;
	margin-left:350px;
}

.video_top .tabs a{
	color:silver;
}

.video_top .tabs a:hover {
	text-decoration:none;
	/*color:#BFFF26;*/
	color:white;
}

.video_top .tabs .item {
	display:inline;
	text-align:center;
	line-height:34px;
	padding:0 15px 0 15px;
	font-size:15px;
}
#tabs2 {
 	height:41px;
	margin-left:350px;
}

#tabs2 div { float:left; }
#tabs2 em { display:none; }

#tabs2 #conversas a{ width:96px; 	height:30px; background:url(img/tabs_spray.png) 0px top no-repeat; display:block; }
#tabs2 #conversas a:hover{ width:96px; 	height:30px; background:url(img/tabs_spray.png) 0px bottom no-repeat; display:block; }
#tabs2 #conv_act a{  width:96px; 	height:30px; background:url(img/tabs_spray.png) 0px bottom no-repeat; display:block;  }

#tabs2 #notas a{ 	width:71px; 	height:30px; background:url(img/tabs_spray.png) -96px top no-repeat; display:block; }
#tabs2 #notas a:hover{ 	width:71px; 	height:30px; background:url(img/tabs_spray.png) -96px bottom no-repeat; display:block; }
#tabs2 #not_act a{ 	width:71px; 	height:30px; background:url(img/tabs_spray.png) -96px bottom no-repeat; display:block; }

#tabs2 #musica a{ 	width:77px; 	height:30px; background:url(img/tabs_spray.png) -167px top no-repeat; display:block; }
#tabs2 #musica a:hover{ 	width:77px; 	height:30px; background:url(img/tabs_spray.png) -167px bottom no-repeat; display:block; }
#tabs2 #mus_act a{ 	width:77px; 	height:30px; background:url(img/tabs_spray.png) -167px bottom no-repeat; display:block; }

#tabs2 #humor a{ 	width:124px; 	height:30px; background:url(img/tabs_spray.png) -244px top no-repeat; display:block; }
#tabs2 #humor a:hover{ 	width:124px; 	height:30px; background:url(img/tabs_spray.png) -244px bottom no-repeat; display:block; }
#tabs2 #hum_act a{ 	width:124px; 	height:30px; background:url(img/tabs_spray.png) -244px bottom no-repeat; display:block; }

#tabs2 #spencer a{ 	width:140px; 	height:30px; background:url(img/tabs_spray.png) -368px top no-repeat; display:block; }
#tabs2 #spencer a:hover{ 	width:140px; 	height:30px; background:url(img/tabs_spray.png) -368px bottom no-repeat; display:block; }
#tabs2 #spencer_act a{ 	width:140px; 	height:30px; background:url(img/tabs_spray.png) -368px bottom no-repeat; display:block; }

/* ************************************************
	tabs 3
************************************************* */
#tabs3 {
 	height:41px;
	margin-left:330px;
}

#tabs3 div { float:left; }
#tabs3 em { display:none; }

#tabs3 #conversas a{ width:96px; 	height:30px; background:url(img/tabs_spray2.png) 0px top no-repeat; display:block; }
#tabs3 #conversas a:hover{ width:96px; 	height:30px; background:url(img/tabs_spray2.png) 0px bottom no-repeat; display:block; }
#tabs3 #conv_act a{  width:96px; 	height:30px; background:url(img/tabs_spray2.png) 0px bottom no-repeat; display:block;  }

#tabs3 #notas a{ 	width:71px; 	height:30px; background:url(img/tabs_spray2.png) -96px top no-repeat; display:block; }
#tabs3 #notas a:hover{ 	width:71px; 	height:30px; background:url(img/tabs_spray2.png) -96px bottom no-repeat; display:block; }
#tabs3 #not_act a{ 	width:71px; 	height:30px; background:url(img/tabs_spray2.png) -96px bottom no-repeat; display:block; }

#tabs3 #musica a{ 	width:77px; 	height:30px; background:url(img/tabs_spray2.png) -167px top no-repeat; display:block; }
#tabs3 #musica a:hover{ 	width:77px; 	height:30px; background:url(img/tabs_spray2.png) -167px bottom no-repeat; display:block; }
#tabs3 #mus_act a{ 	width:77px; 	height:30px; background:url(img/tabs_spray2.png) -167px bottom no-repeat; display:block; }

#tabs3 #cocina a{ 	width:77px; 	height:30px; background:url(img/tabs_spray2.png) -244px top no-repeat; display:block; }
#tabs3 #cocina a:hover{ 	width:77px; 	height:30px; background:url(img/tabs_spray2.png) -244px bottom no-repeat; display:block; }
#tabs3 #coc_act a{ 	width:77px; 	height:30px; background:url(img/tabs_spray2.png) -244px bottom no-repeat; display:block; }

#tabs3 #humor a{ 	width:77px; 	height:30px; background:url(img/tabs_spray2.png) -321px top no-repeat; display:block; }
#tabs3 #humor a:hover{ 	width:77px; 	height:30px; background:url(img/tabs_spray2.png) -321px bottom no-repeat; display:block; }
#tabs3 #hum_act a{ 	width:77px; 	height:30px; background:url(img/tabs_spray2.png) -321px bottom no-repeat; display:block; }

#tabs3 #spencer a{ 	width:140px; 	height:30px; background:url(img/tabs_spray2.png) -398px top no-repeat; display:block; }
#tabs3 #spencer a:hover{ 	width:140px; 	height:30px; background:url(img/tabs_spray2.png) -398px bottom no-repeat; display:block; }
#tabs3 #spencer_act a{ 	width:140px; 	height:30px; background:url(img/tabs_spray2.png) -398px bottom no-repeat; display:block; }


.video_middle {
	background:url(img/bg_video_middle.png) repeat-y;
	width:960px;
}

.video_middle .list {
	float:left;
	width:300px;
	padding:10px 0 0 0;
	margin:0 10px 0 10px;
}

.video_middle .list p{
	margin-left:20px;
}

.video_middle .list h2 {
	margin-left:10px;
	font-size:14px;
	color:#666666;
	margin-bottom:10px;
}

.video_middle .list .item {
	/*background:#1A1A1A url(img/line_dashed.gif) left bottom repeat-x;*/
	background:#1A1A1A url(img/bg_videolist_item.png) left bottom repeat-x;
	margin:0 0 0 10px;
	/*height:70px;*/
	padding-right:5px;
	width:300px;
	line-height:20px;
	font-size:13px;
}

.video_middle .list .item:hover {
	background:#222222;
}

.video_middle .list .item a {
	color:gray;
}

.video_middle .list .item a:hover {
	color:silver;
	text-decoration:none;
}

.video_middle .list .item img {
	height:66px;
	width:88px;
	padding:3px 0;
	margin:1px 10px 0 5px;
	float:left;
}

.video_middle h1 {
	font-size:16px;
	padding:10px 10px 10px 0;
}

.video_middle .player {
	width:540px;
	/*float:left;*/
	margin-left:330px;
	padding:0 0 0 0;
	/*margin:0 0 0 10px;*/
	text-align:center;
	overflow:hidden;
	/*height:390px;*/
}

.video_middle .player object{
}
.video_zone h1 {
	margin: 0;
	padding: 0 0 3px 0;
}
.video_middle .player .video_zone{
	/*width:500px;
	height:390px;*/
	margin:0 auto;
}

.video_middle .tools{
	width:70px;
	float:right;
	padding:20px 0 0 0;
	margin:0 20px 0 0;
}

.video_middle .tools .tool{
	height:60px;
	margin:0 0 15px 0;
}

.video_bottom {
	background:url(img/bg_video_bottom.png) center bottom no-repeat;
	height:24px;
	margin-bottom:25px;
}

/* ---------------------------
post
--------------------------- */
.post{
	background: url(img/bg-box.png) repeat !important;
	background: #111;
	-moz-border-radius: 6px;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	padding:10px;

	font-size:14px;
	margin-bottom:10px;
}

.post .meta{
	margin:10px 0 20px 0;
	font-size:10px !important;
	color:gray !important;
}

.post a{
	text-decoration:underline;
}

.post a:hover{
	color:red;
}

.post h1 a,.post h2 a{
	color:red;
	text-decoration:none;
}

.navigation {
	padding: 10px 30px 20px 30px;
}
.navigation a {
	text-decoration: none;
}
.comment_p {
	font-size : 11px;
	margin: 0;
	padding: 0;
}

/* ---------------------------
Ad_home_big
--------------------------- */
.ad_home_big{
	/*background:#171819;
	height:90px;
	margin:0 0 20px 0;*/
}

/* ---------------------------
Galeria_videos
--------------------------- */
.galeria_videos{
	/*background:silver;*/
}

.galeria_videos .video_thumb{
	width:140px;
	height:140px;
	overflow:hidden;
	/*background:#18191A;*/
	float:left;
	margin:10px 0 5px 10px;
	
	background: url(img/bg-box.png) repeat !important;
	background: #111;
	-moz-border-radius: 6px;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

.galeria_videos .video_thumb img{
	width:140px;
	height:105px;
}
.galeria_videos .video_thumb p{
	text-align:center;
}

.paginacion{
	margin:30px 0;
	text-align:center;
}

.paginacion a, .paginacion span{
	background: url(img/bg-box.png) repeat !important;
	background: #111;
}


/* ---------------------------
Resume_tabs
--------------------------- */
ul.idTabs {
	width: 100%;
	padding: 0;
	margin: 0 0 0 10px;
}

ul.idTabs li {
	display: inline;
	margin-right:5px;
	float:left;
}

ul.idTabs li a {
	display:block;
	float:left;
	height:16px;
	margin:0 auto;
	padding:10px;
	text-align:left;
}

ul.idTabs li a.selected, ul.idTabs li a:hover {
	background: url(img/bg-box.png) repeat !important;
	background: #111;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-topleft: 6px;
	-khtml-border-radius: 6px 6px 0 0;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	border-radius: 6px 6px 0 0;	
}
#tabs .inside {
	background: url(img/bg-box.png) repeat !important;
	background: #111;
	-moz-border-radius: 6px;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;	
}

#tabs .inside ul{
	list-style:none;
}


#tabs .inside ul li {
	line-height: 13px;
	border-bottom: 1px dashed #555;
	padding: 15px 0;	
}
#tabs .inside ul#comm li {
	background:url(img/ico-6.gif) no-repeat left center;
	padding-left:28px;
}
#tabs .inside ul#pop li {
	background:url(img/ico-2.gif) no-repeat left center;
	padding-left:28px;
}


#tagcloud {
	padding:15px;
}
#tabs .inside ul{
	margin:0;
	padding:0px 15px 10px 15px !important;
}
.home #tabs {
	width:260px;
	float:left;
	margin:24px 0 20px;
}
.home div#myfavblog {
	width:260px;
	float:right;
}


/* ---------------------------
Buscador
--------------------------- */
.buscador{
	background: url(img/bg-box.png) repeat !important;
	background: #111;
	-moz-border-radius: 6px;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	padding:10px;
	
	margin-bottom:20px;
}

.buscador .bsc_txt{
	width:200px;
}

.buscador h4{
	font-size:16px;
	font-weight:normal;
}

/* ---------------------------
add_2x2
--------------------------- */
.add_2x2 .grid_2{
	/*height:120px;*/
	/*background:#18191A;*/
	margin-top:20px;
	line-height:120px;
	text-align:center;
	color:silver;
	font-size:14px;
}


/* ---------------------------
Footer
--------------------------- */
.footer p{
	color:gray;
	font-size:18px;
	padding:0;
	margin:0;
}

/* ---------------------------
Clearfix
--------------------------- */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

/* ---------------------------
Clases
--------------------------- */
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
   margin-top:20px;
   margin-bottom:20px;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

center{
	margin:20px 0;
}

.line_hor{
	height:30px;
	background:url(img/liner.gif);
}

/* ---------------------------------------------
VOTE
--------------------------------------------- */
.vote {
	padding: 5px 0;
	/*background: #eee;*/
	background:#1f1f1f;
	/*border: 1px solid #ddd;*/
	border: 1px solid #3D3D3D;
	width :50px;
	text-align: center;
	margin: 10px auto;
	}
 
	.vote a, .vote span.voted {
		cursor: pointer;
		margin-top: 5px;
		padding-top: 5px;
		/*border-top: 1px solid #ddd;*/
		border-top: 1px solid #3D3D3D;
		display: block;
		}
 
	.vote span.voted {
		cursor: default;
		}