/*
Theme Name: Sin Barreras
Theme URI: http://www.hablaringles.com.mx/sin-barreras/
Description: WordPress theme based on <a href="http://www.hablaringles.com.mx/">Ingl&eacute;s sin Barreras</a> website.
Version: 1.0
Author: Ingl&eacute;s sin Barreras
Author URI: http://www.hablaringles.com.mx
Tags: blue, custom header, fixed width, two columns, widgets

	Sin Barreras v1.0
	http://www.hablaringles.com.mx/sin-barreras/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/


body{font-size:11px;font-family:"Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;text-align:center; background:url(css/blog/bg_body.png) repeat-x left top}
#layout{/*width:846px;*/ width:950px; margin:0 auto; text-align:justify}
#header{margin:0 auto; text-align:left; width:868px; padding:0 33px 0 49px; margin-top:6px;height:124px;background:url(css/blog/bg_header.jpg) no-repeat left top;position:relative}
/*#img_header{background:url(css/blog/img_header-1.png) no-repeat left}*/
#buscador{width:276px;height:34px;padding:1px 0 0 13px;position:absolute;right:53px;top:-1px;background:url(css/blog/bg_busqueda-trans.png) no-repeat left top}

#back_main_site{padding-top:2px;text-align:center;width:181px;height:38px;position:absolute;right:43px;top:-1px;background:url(css/blog/bg_return_site-trans.png) no-repeat left top}
#back_main_site a{display:block;text-indent:-9999px; background:url(css/blog/ir_al_sitio_oficial.jpg) no-repeat left top; width:154px; height:28px; margin:0 auto}
#back_main_site a:hover,#back_main_site a:visited:hover{background:url(css/blog/ir_al_sitio_oficial_hover.jpg) no-repeat left top}

#menu{height:44px; padding:0 33px 0 48px; font-size:18px;color:#070002; width:869px}
#tagline{height:33px;font-weight:bold;line-height:33px;font-family:Geneva, Arial, Helvetica, sans-serif;color:#BBBBBB;font-size:16px;text-align:center;font-style:italic; text-indent:-9999px; background:url(css/blog/h1.png) no-repeat center}
#utilerias{position:absolute; right:48px; top:41px}
#utilerias li{float:left; margin-right:5px}
#utilerias li.last{float:none; clear:left}
#logo{float:left; width:231px; height:124px}
#banda{position:absolute; top:207px;background:url(css/blog/bg_banda.jpg) no-repeat; width:1058px; z-index:-1; height:245px;margin-left:-50px}
#container{z-index:1200;margin:9px 0 0 49px; padding:0 9px 0 10px; position:relative;background:url(css/blog/bg_container.png) repeat-y left top}
#footer{background:url(css/blog/bg_footer.jpg) repeat-x left bottom;height:222px; padding-top:60px; text-align:center}
#footer_cont{width:846px; margin:0 auto; text-align:left; font-family:Georgia, "Times New Roman", Times, serif; color:#fff; padding-top:20px}

#footer_cont .isb_info{width:270px; font-weight:bold; height:167px; float:left}
#footer_cont .mas_info{float:left; width:165px; margin-right:40px}
#footer_cont .mas_info h4{font-weight:normal;}
#footer_cont .mas_info h3{height:20px; line-height:20px; color:#E7C9EF; font-size:18px; font-style:italic; margin-bottom:14px}
#footer_cont .mas_info li{height:21px; line-height:21px;border-bottom:1px dotted #fff; width:155px; text-align:left}
#footer_cont .mas_info a:link,#footer_cont .mas_info a:visited{color:#fff;text-decoration:none; font-size:11px; font-family:Arial, Helvetica, sans-serif; background:url(css/blog/vineta_footer.gif) no-repeat left center; padding-left:19px}
#footer_cont .mas_info a:hover,#footer_cont .mas_info a:visited:hover{color:#E7C9EF;background:url(css/blog/vineta_footer_2.gif) no-repeat left center;}
#footer_cont .mas_info h3.hotlinks{background:url(css/blog/hotlinks.jpg) no-repeat right top}
#footer_cont .mas_info h3.podcast{background:url(css/blog/podcast.jpg) no-repeat right top}
#footer_cont .mas_info h3.blog_fav{background:url(css/blog/blog_fav.jpg) no-repeat right top}
#footer_cont .copyright{text-align:center; width:846px; float:left;padding-top:5px}

#footer_cont .isb_info img{margin-bottom:80px}
#footer_cont .isb_info h2.ingles_sin_barreras{ text-indent:-9999px;display:block; background:url(css/blog/isb.jpg) no-repeat; height:33px; width:78px;margin-bottom:60px}

#footer_cont span.label{color:#B49DCA; font-weight:normal}

#container #col_izq{background:url(css/blog/bg_inferior.png) repeat-y}
#container #col_izq .col_content{ float:left; width:207px;background:url(css/blog/bg_col_der_top.png) no-repeat;padding-top:18px; }
#container #col_izq .col_content .patron{background:url(css/blog/bg_col_izq.png) repeat-y}

#menu ul li{float:left}
#menu a{ font-family:Arial, Helvetica, sans-serif;float:left;color:#424242;text-decoration:none;display:block;height:42px;line-height:42px;border-left:1px solid #E6E6E6; border-right:1px solid #BABABA; padding:0 26px}
#menu a.selected, #menu a:hover{background:url(css/blog/bg_menu_hover.png) repeat-x; line-height:48px; position:relative; margin-top:-3px; height:45px; color:#030303}

/* FORMS */
form.main_search .input_izq{background:url(css/blog/input_izq.gif); height:28px; width:24px; display:block; float:left}
form.main_search input{border:0; color:#8aa3b9; font-weight:bold;padding-top:5px;padding-left:5px;height:23px;float:left;background:url(css/blog/bg_input.gif) repeat-x;display:block; width:147px}
form.main_search .input_der{background:url(css/blog/input_der.gif); height:28px; width:10px; display:block; float:left; margin-right:5px}
form.main_search .submit_busqueda{background:url(css/blog/button_search.png) no-repeat; width:74px; height:28px; text-indent:-99999px; cursor:pointer}
form.main_search .submit_busqueda:hover{background:url(css/blog/button_search_hover.png) no-repeat}
strong{font-weight:bold}


.container_top{background:url(css/blog/bg_container_top.png) no-repeat left top; width:860px; height:10px; position:absolute; top:0; left:0}
#container .izq{border-bottom:1px solid #D5DEE7; padding:30px 28px 0; width:505px; min-height:1200px; float:left; background:url(css/blog/bg_izq.png) repeat-x left top}
#container .izq a{color:#149af3}
#container .izq .twiter{ clear:left;background:url(css/blog/bg_twiter.jpg) no-repeat left top; width:439px; height:49px; padding-left:64px; line-height:25px; margin-bottom:20px}
#container .der{width:279px; float:left; padding:10px 0 0 1px}
#container .hr hr{display:none}
#container .hr{ clear:left;border-bottom:1px solid #EBEBEB; margin-bottom:24px;}
#container .der .hr{border-bottom-color:#fff; border-top:1px solid #ABBED2; margin-bottom:18px}
#container .izq .art .tt a{color:#000000;}
#container .izq .art .tt a:hover{color:#149af3;}

.art{font-family:Arial, Helvetica, sans-serif; width:236px; float:left; padding-bottom:38px}
.non{margin-right:33px}
.titular{width:505px; padding-bottom:22px}
.art img{background:#EEEEEE; border:1px solid #DDDDDD; padding:5px; margin-bottom:10px}
.art h2{font-family:"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; font-size:18px; color:#000; font-weight:normal; margin-bottom:4px; text-align:left;}
.art h2 a, .art h2 a:visited {text-decoration:none; color:#000000;}


.art span.referencia{color:#9f9f9f; font-size:11px}
.art a.autor{text-decoration:none}
.art a.autor:hover{text-decoration:underline}
.art p{margin-top:17px; color:#565656; font-size:12px; line-height:20px; padding-bottom:15px; height:140px}
.titular p{ padding-bottom:19px; height:auto}
.art span.post_number{ margin-left:10px; font-size:10px; color:#000;background:url(css/blog/bg_post_number.jpg) no-repeat left top; width:31px; height:30px; display:block; line-height:26px; text-align:center; float:right}
.art .leer_mas{display:block; width:143px; height:35px; text-indent:-9999px; background:url(css/blog/leer_mas.jpg) no-repeat left top; cursor:pointer}
.art .leer_mas:hover, .art .leer_mas:visited:hover {background-position:0 -35px;}

#container .navigation {float:right; margin-bottom:30px}
#container .navigation a{display:block; height:22px; width:20px; background:#ACCBDF; color:#fff; line-height:22px; text-align:center; text-decoration:none; float:left; margin-right:4px}
#container .navigation .wp-pagenavi .current{display:block; height:22px; width:20px; background:#ACCBDF; color:#fff; line-height:22px; text-align:center; text-decoration:none; float:left; margin-right:4px}
#container .navigation .wp-pagenavi .current,#container .navigation a:hover,#container .navigation a:visited:hover{background:#589CCA}


#container .paginacion{float:right; margin-bottom:30px}
#container .paginacion a{display:block; height:22px; width:20px; background:#ACCBDF; color:#fff; line-height:22px; text-align:center; text-decoration:none; float:left; margin-right:4px}
#container .paginacion a.actual,#container .paginacion a:hover,#container .paginacion a:visited:hover{background:#589CCA}

#container .der .no_margen{margin:0}
.busqueda{padding-left:19px; padding-top:20px; padding-bottom:20px; }
form.wordpress{border-left:1px solid #FEFEFE; border-top:1px solid #FEFEFE; border-bottom:1px solid #CBCBCB; width:236px; margin-bottom:17px}
form.wordpress input{ border:none;float:left; margin:0}
form.wordpress input.busqueda_wp{border:none; background:#DCDCDC; color:#fff; height:22px; margin:0; padding:0; padding-top:8px; padding-left:10px; width:156px}
form.wordpress .submit_wp{background:#2A8BCE; color:#fff; margin:0; padding:0; border:1px solid #50B1F5; border-bottom:1px solid #2A8BCE; border-right:1px solid #2A8BCE; height:30px; width:70px; font-weight:bold; font-size:12px}

.boletin{width:279px; height:98px; background:url(css/blog/bg_boletin.jpg) no-repeat left top; position:relative}
.boletin .lecciones_semanales{background:url(css/blog/lecciones_semanales.jpg) no-repeat left top; width:114px; height:42px; display:block; position:absolute; text-indent:-9999px; top:13px; right:22px}
.boletin .suscribeme{background:url(css/blog/suscribirme.jpg) no-repeat left top; width:117px; height:39px; display:block; position:absolute; text-indent:-9999px; bottom:0;right:20px}

.promos{padding:0 12px 0 19px; margin-bottom:12px}
.promos a{margin-right:9px; display:block; float:left; width:115px; height:113px; margin-bottom:9px}
.mas_post{padding-left:20px}
.mas_post .posts{border:6px solid #C4D0DD; margin-right:21px; margin-bottom:18px}
.mas_post .posts .post_info{ height:44px;padding-left:6px; display:block; padding-top:5px; text-decoration:none; color:#636363; border-top:1px solid #fff; border-bottom:1px solid #D5D4D4}
.mas_post .posts .post_info:hover span{text-decoration:underline}
.mas_post .posts .post_info img{border:2px solid #A4A4A4; float:left; margin-right:9px}
.mas_post .posts .post_info span{display:block; width:172px}
.mas_post .posts .no_bor_top{border-top:none}
.mas_post .posts .no_bor_bot{ border-bottom:none}

.mas_post .posts ul li {height:34px;padding-left:6px; display:block; padding-top:15px; text-decoration:none; color:#636363; border-top:1px solid #fff; border-bottom:1px solid #D5D4D4;}
.mas_post .posts a, .mas_post .posts a:visited {color:#589CCA; text-decoration:none;}
.mas_post .posts a:hover {text-decoration:underline; background-color:none;}

.post-stats { display:none; }

.pestanas ul{ margin-bottom:6px}
.pestanas ul li{float:left; margin-right:5px}
.pestanas ul li a{height:28px;display:block; width:100%;float:left; background:#99C3E2; line-height:28px; text-align:center; color:#fff; text-decoration:none}
.pestanas ul li.popular{width:75px}
.pestanas ul li.coment{width:84px}
.pestanas ul li.etique{width:69px}
.pestanas ul li.actual a,.pestanas ul li a:hover,.pestanas ul li a:visited:hover{background:#589CCA}

.der h6{color:#fff; background:#589CCA; height:27px; line-height:27px; text-align:center; font-weight:bold; margin-bottom:14px;padding:0 10px; float:left}
.video{ padding-left:20px}
.video h6{}
.categorias{ padding-left:20px; padding-bottom:30px}
.categorias h6{}
.categorias ul{clear:left}
.categorias li{float:left; height:27px; border-top:1px solid #B9D2E4; margin-right:9px; width:111px; line-height:27px; padding-left:3px}
.categorias li.ultimo{border-bottom:1px solid #B9D2E4}
.categorias li a{background:url(css/blog/bg_categoria.gif) no-repeat; padding-left:21px; text-decoration:none; color:#589CCA}
.categorias li a:hover,.categorias li a:visited:hover{text-decoration:underline}

#breadcrumbs {
	width:950px; height:33px;
	padding-left:56px; padding-top:8px;color:#565656;
	font-family:"Trebuchet MS",Geneva,Arial,Helvetica,sans-serif;
}
#breadcrumbs a, #breadcrumbs a:hover,visited{text-decoration:underline;color:#565656;}
#breadcrumbs a:hover {color:#149AF3;}
