/*
Theme Name: Trazos Web
Theme URI: http://themes.trazos-web.com/trazosweb/
Description: Un theme de WordPress personalizado para Trazos Web
Version: 1.0
Author: Diego Castillo
Author URI: http://www.trazos-web.com
License: http://www.gnu.org/licenses/gpl.html
Tags:Blue, two-columns, right-sidebar, fixed-width, theme-options, threaded-comments, sidebar widgets, footer widgets
*/ 
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline}
:focus{outline:0}
body{color:#545050; background:#333 url(img/fondo-top.png) repeat-x; font:14px/20px Arial,Helvetica,sans-serif}
ol, ul{list-style:none}
table{border-collapse:separate; border-spacing:0}
caption, th, td{text-align:left; font-weight:normal}
blockquote:before, blockquote:after, q:before, q:after{content:""}
blockquote, q{quotes:""""}
acronym{cursor:help; border-bottom:1px dashed #333}
strong{font-weight:bold; color:#33312a}
em{font-style:italic}
hr{display:none}
.right{float:right}
.left{float:left}
.none{display:none !important}
.clear{clear:both}
.clearfix:after{content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0}
.clearfix{display:block}
html[xmlns] .clearfix{display:block}
* html .clearfix{height:1%}
/*Bordes Redondeados*/
.round_10{-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px}
/*Enlaces*/
a:link, a:visited{color:#349acb; text-decoration:none}
a:hover{color:#000; text-decoration:none}
a:active{color:#349acb; text-decoration:none}
.post a:link, .post a:visited{color:#349acb; text-decoration:underline}
.post a:hover{color:#000; text-decoration:underline}
.post a:active{color:#349acb; text-decoration:underline}
.post h1 a:link, .post h1 a:visited{color:#33312a; text-decoration:none}
.post h1 a:hover{color:#000; text-decoration:none}
.post h1 a:active{color:#33312a; text-decoration:none}
.post a:link.more-link, .post a:visited.more-link, .post attribution a:link{color:#fff; background:#88b0c4 none repeat scroll 0 0; border-bottom:1px solid #a7c8d8; padding:0 2px; text-decoration:none}
.post a:hover.more-link, .post attribution a:hover{color:#fff; background:#a7c8d8 none repeat scroll 0 0; border-bottom:1px solid #88b0c4; text-decoration:none}
.post a:active.more-link{color:#fff; background:#88b0c4 none repeat scroll 0 0; text-decoration:none}
a.button{ background:#e3e614; border:1px solid #7a776f; font-size:11px; color:#fff; padding:2px 20px; padding-bottom:1px; text-transform:uppercase; cursor:pointer; float:left}
a.dark{ border:1px solid #2f2c24;  color:#eeebe2 !important}
a:hover.button{background:#cb9359; border:1px solid #7a776f}
a:hover.dark{ border:1px solid #2f2c24}
/*Cabeceras*/
h1, h2, h3, h4, h5, h6{font-weight:bold; font-family:Helvetic,Arial,sans-serif; color:#33312a}
h2{font-size:25px; line-height:27px; letter-spacing:-1.2px; padding-bottom:5px}
h1{font-size:30px; line-height:30px; letter-spacing:-1px; padding-bottom:5px}
h3{font-size:20px; line-height:24px; font-family:Helvetica,Arial,sans-serif; padding-bottom:13px}
.post h3{font-size:20px; line-height:30px; font-family:Helvetica,Arial,sans-serif; padding:2px; text-align:center; clear:both}
.post h3 span{ color:#33312a}
.post h3 span.below{ height:1px;  display:block;  position:relative;  top:30px}
h3.c_style{font-size:30px; line-height:30px; font-family:Helvetica,Arial,sans-serif; padding:30px; margin:30px 0; text-align:center; clear:both}
h3.c_style span{ color:#33312a}
h3.c_style span.below{ height:1px;  display:block;  position:relative;  top:30px}
h4{ font-size:16px;  text-transform:uppercase;  font-family:Arial,sans-serif;  border-bottom:1px solid #ceccc9;  padding:20px 0 10px 0;  margin-bottom:15px; }
h5{}
h6{}
/*Contenedores Wraps*/
#header_wrap{position:relative; min-width:1002px; padding:0 10px; z-index:10}
#content_wrap{position:relative; min-width:1002px; padding:0 10px; background:#eeebe2}
#footer_wrap{background:#444 url(img/footer-background.png) repeat-x 0 0; position:relative; min-width:1002px; padding:0 10px}
/*Cabecera*/
#header{position:relative; width:1002px; height:170px; margin:0 auto}
#barra{position:relative; width:1002px; height:40px; margin:0 auto; background:url(img/header.png) no-repeat 0 0}
#logo{margin:20px}
#logo h2{font-size:50px; margin-bottom:10px !important;text-shadow:0px 1px 1px #000}
#logo h2 a{height:104px; width:495px}
#logo h2 a:hover{color:#eeebe2}
#logo span.description{color:#eeebe2; text-shadow:0px 1px 1px #111; font-size:20px; font-weight:bold}
#bluebar{background:url(img/bluebar.png) no-repeat 0 0; height:30px; width:1002px; position:absolute; top:155px;}
#home #bluebar{height:30px; width:1002px}
#bluebar ul{padding:0 10px}
#bluebar li a{color:#fff; display:block; padding:5px 10px; float:left}
#bluebar li a:hover, #bluebar li.current_page_item a{color:#333}
/*Menú*/
#navigation{position:absolute; top:3px; left:9px}
#navigation li{display:inline; float:left}
#navigation li a{color:#fff; display:block; padding:5px 10px}
#navigation li a:hover, #navigation li.current_page_item a{color:#349acb}
/*Buscador*/
.search_wrap{position:absolute; right:20px; top:7px; font:10px/22px arial,helvetica,sans-serif}
.search_wrap input{float:left; background:#333; border:1px solid #444; -webkit-border-radius:4px; -moz-border-radius:4px; padding:3px 10px; height:16px; color:#a3a192; width:178px}
.search_button{border:none; float:left; background:url(img/btn-search-trans.png) no-repeat 0 0; width:20px; height:20px; margin-top:2px; margin-left:4px; cursor:pointer; text-indent:-9999px}
/*RSS, Twiiter, Email*/
#botones{position:absolute; bottom:13px; left:777px; clear:both !important}
#botones ul.socials{width:100% !important; margin:0 !important; padding:0 !important}
#botones ul.socials li{display:inline !important; float:left !important; list-style-type:none !important; margin:0 !important; height:40px !important; width:48px !important; cursor:pointer !important; padding:0 !important}
#botones ul.socials li a{display:block !important; width:48px !important; height:40px !important; text-indent:-9999px !important; background-color:transparent !important}
#botones ul.socials li a:hover{background-color:transparent !important}
.brss a, .brss a:hover, .btwitter a, .btwitter a:hover, .bemail a, .bemail a:hover, .bface a, .bface a:hover{background:url(img/botones-sprite.png) no-repeat 0 0 !important}
.brss a{background-position:0 0 !important}
.brss a:hover{background-position:0 -40px !important}
.btwitter a{background-position:-48px 0 !important}
.btwitter a:hover{background-position:-48px -40px !important}
.bemail a{background-position:-96px 0 !important}
.bemail a:hover{background-position:-96px -40px !important}
.bface a{background-position:-144px 0 !important}
.bface a:hover{background-position:-144px -40px !important}
/*Contenido*/
#content{position:relative; width:1000px; margin:0 auto; border-left:1px solid #88b0c4; border-right:1px solid #88b0c4; padding-bottom:20px; padding-top:31px; min-height:200px}
#home #content{background:#a7c8d8 url(img/contenido.png) repeat-x 0 0}
#izquierda{float:left; width:638px; margin:0px 0px 0px 15px}
#centro{float:left; width:965px; margin:0px 0px 0px 15px}
.page{background:#fff url(img/top-post.png) repeat-x 0 0; border:1px solid #719baf; padding:20px; position:relative; margin-bottom:15px}
/*Artículo*/
.post_inner_wrap ul{  padding-left:40px;   padding-bottom:15px}
.post_inner_wrap ul li{  background:url(img/blue_li.gif) no-repeat 0 5px;  padding-left:20px;  margin-bottom:10px}
.post_inner_wrap ol{ padding-left:60px;  padding-bottom:15px}
.post_inner_wrap ol li{ list-style:decimal;  margin-bottom:10px}
.post_inner_wrap ul ul, 
.post_inner_wrap ol ol{ padding-bottom:0px}
#content p{padding-bottom:14px}
.post .the_post_meta{color:#719baf; display:inline; font-size:12px}
.post .the_post_meta span{color:#888}
.post .the_post_meta li{display:inline; color:#888}
.post .the_post_meta li a{color:#719baf; display:inline; text-decoration:none}
.post .the_post_meta li a:hover{color:#3b3f01; text-decoration:none}
.post span.ncomments{background:transparent url(img/ico-comments.gif) no-repeat scroll left center; padding:0 0 0 20px}
.post .post_inner_wrap{margin-top:10px}
.post a.more-link{position:absolute; display:inline; bottom:20px; right:10px; font-family:Verdana,Arial; font-size:11px; line-height:14px; text-transform:uppercase; font-weight:bold}
.post blockquote{  color:#33312a;   font-style:italic;   font-size:18px;   line-height:26px;   padding-left:40px;   padding-top:20px;   background:url(img/blockquote.gif) no-repeat 5px 17px}
.post attribution{  color:#59554a;   font-size:10px;   font-family:Verdana,Arial;   padding-left:60px;   padding-bottom:20px;   text-transform:uppercase;   display:block}
.post .the_tags{  font-size:10px;   font-family:Verdana,Arial;   text-transform:uppercase;   padding-top:20px;   padding-left:20px;   background:transparent url(img/ico-tags-trans.png) no-repeat scroll left bottom}
.post .divisor{  background:transparent url(img/divisor.jpg) no-repeat scroll center bottom;  margin-bottom:20px;  padding-bottom:30px;  position:relative}
/*Artículos relacionados*/
#related_articles{background:#eeebe2; border:1px solid #b5b09d; padding:15px 25px; padding-bottom:130px; margin:0 5px; font-size:15px}
#related_articles h3{font-size:20px; margin-bottom:0px; padding-bottom:5px}
#related_articles li{padding:10px 0px}
#related_articles li span{padding-left:25px; text-indent:-9999px; width:15px}
#related_articles li li{padding:10px 0px; padding-left:25px; background:url(img/blue_li.gif) no-repeat 0 15px}
#related_articles a{color:#5f5d57}
#related_articles a:hover{color:#349acb}
/*Pie del Artículo*/
.post_footer{position:absolute; bottom:-40px; left:10px; width:620px; height:170px; background:url(img/post_footer_panel.png) no-repeat 0 0; margin-bottom:25px}
.post_footer .share{position:absolute; bottom:110px; right:43px}
.post_footer #facebooklike{position:absolute; bottom:19px; right:100px; color:#fff !important}
.post_footer #twitshare{position:absolute; bottom:19px; right:250px; color:#fff !important}
.post_footer .rss a{position:absolute; bottom:13px; right:35px; background:url(img/rss.png) no-repeat 0 0; text-indent:-9999px; display:block; height:32px !important; width:32px !important; cursor:pointer}
.post_footer .social{position:absolute; left:11px; bottom:3px; height:35px; padding-left:20px}
.post_footer .social li{display:inline !important; float:left !important; list-style-type:none !important; margin:0 !important; height:16px !important; width:24px !important; cursor:pointer !important; padding:0 !important}
.post_footer .social li a{display:block !important; width:24px !important; height:16px !important; text-indent:-9999px !important; background-color:transparent !important}
.post_footer .social li a:hover{background-color:transparent !important}
.post_footer .bitacoras{background:url(img/bitacoras.png) no-repeat 0 0}
.post_footer .delicious{background:url(img/delicious.png) no-repeat 0 0}
.post_footer .facebook{background:url(img/facebook.png) no-repeat 0 0}
.post_footer .googlebookmark{background:url(img/googlebookmark.png) no-repeat 0 0}
.post_footer .meneame{background:url(img/meneame.png) no-repeat 0 0}
.post_footer .technorati{background:url(img/technorati.png) no-repeat 0 0}
.post_footer .twitter{background:url(img/twitter.png) no-repeat 0 0}
.post_footer .wikio{background:url(img/wikio.png) no-repeat 0 0}
/*Comentarios*/
.comments_page{background:#fff url(img/top-post.png) repeat-x 0 0; border:1px solid #719baf; padding:20px; position:relative; min-height:300px}
h2.commh2{font-size:1.4em !important; padding:0 0 5px; color:#333 !important}
ol.commentlist{margin:10px 0 20px; padding:0; list-style:none; font-size:12px; line-height:20px}
ol.commentlist p, #respond p{margin-bottom:10px; line-height:20px}
ol.commentlist .content{margin-left:70px}
.commentmetadata a{font-size:11px; color:#333}
ol.commentlist cite{font-style:normal; font-weight:bold}
ol.commentlist li.comment{padding:15px 15px 5px; margin:10px 0; background:#F8F8F4; border:1px solid #DEDBD1}
ol.commentlist li.autorcomenta{background-color:#e1f1ff !important}
ol.pinglist{margin-bottom:15px}
ol.pinglist li{padding:5px 5px; padding-left:20px; background:url(img/blue_li.gif) no-repeat 5px 10px}
input#submit{font-size:12px; color:#fff; font-weight:bold; padding:7px 10px; margin:0 0 7px 0; text-align:left; border:1px solid #fff; background:#719baf; cursor:pointer}
input#submit:hover{font-size:12px; color:#363636; font-weight:bold; padding:7px 10px; margin:0 0 7px 0; text-align:left; border:1px solid #DEDBD1; background:#F5F4F0; cursor:pointer}
.fix{clear:both; height:1px; margin:0 0 -1px; overflow:hidden}
.reply{float:right; top:20px; font-size:10px; font-family:Verdana,Arial; text-transform:uppercase}
.reply a:link, .reply a:visited{color:#fff; background:#a7c8d8; border-bottom:1px solid #88b0c4; padding:0 5px; text-decoration:none}
.reply a:hover{color:#fff; background:#88b0c4; border-bottom:1px solid #a7c8d8; text-decoration:none}
.reply a:active{color:#fff; background:#88b0c4; text-decoration:none}
.cancel-comment-reply{float:right; top:20px; font-size:10px; font-family:Verdana,Arial; text-transform:uppercase}
.cancel-comment-reply a:link, .cancel-comment-reply a:visited{color:#fff; background:#a7c8d8; border-bottom:1px solid #88b0c4; padding:0 5px; text-decoration:none}
.cancel-comment-reply a:hover{color:#fff; background:#88b0c4; border-bottom:1px solid #a7c8d8; text-decoration:none}
.cancel-comment-reply a:active{color:#fff; background:#88b0c4; text-decoration:none}
.gravatar {background:none repeat scroll 0 0 #ffffff; border-bottom:1px solid #d7d7d7; border-left:1px solid #efefef; border-right:1px solid #efefef; float:left; margin:0 7px 0 0; padding:4px}
.subscribe-options{ padding-bottom:40px}
/*Pagenavi*/
.commentsnavigation{font-size:10px; font-family:Verdana,Arial; text-transform:uppercase; color:#5c584d; font-weight:normal}
.commentsnavigation a, .commentsnavigation .current{padding:1px 4px; border:1px solid #c8c4b7; background:#eeebe2; color:#5c584d; margin-left:1px}
.commentsnavigation .current, .commentsnavigation a:hover{color:#5c584d; background:#fff; border:1px solid #fff}
.aligncenter, 
div.aligncenter{display:block; margin-left:auto; margin-right:auto}
.wp-caption{border-bottom:1px solid #c0c0c0; text-align:center; background-color:#e8e8e8; padding-top:5px; margin:10px}
.wp-caption img{margin:0; padding:0; border:0 none}
.wp-caption p.wp-caption-text{font-size:10px; line-height:17px; text-align:right; font-family:Verdana,Arial; padding:10px 5px 0 0; text-transform:uppercase; margin:0}
img.centered{display:block; margin-left:auto; margin-right:auto}
img.alignright{padding:4px; margin:0 0 2px 7px; display:inline}
img.alignleft{padding:4px; margin:0 7px 2px 0; display:inline}
.alignright{float:right}
.alignleft{float:left}
/*Barra Lateral*/
#sidebar{float:right; margin:19px 20px; margin-left:0px; width:300px}
#home #sidebar{margin-top:5px; float:right}
#sidebar h3{padding-bottom:13px; font-size:30px; text-shadow:0px 1px 1px #fff; font-weight:bold}
#sidebar .ads{margin-bottom:10px; background:url(img/separador-sidebar.png) repeat-x 0 100%}
.adsbanners{float:left; padding: 10px}
.adsbanners a{padding:5px 5px; float:left; width:125px}
.adsbanners a img{float:left; clear:right}
#sidebar .tabs{padding-bottom:20px; margin-bottom:20px; background:url(img/separador-sidebar.png) repeat-x 0 100%}
#tabMenu{margin:0; padding:0 0 0 45px; list-style:none}
#tabMenu li{float:left; height:32px; width:39px; cursor:pointer}
li.comments{background:url(img/tabComment.png) no-repeat 0 -32px;}
li.posts{background:url(img/tabBulb.png) no-repeat 0 -32px;}
li.famous{background:url(img/tabHeart.png) no-repeat 0 -32px;}
li.random{background:url(img/tabRandom.png) no-repeat 0 -32px;}
li.category{background:url(img/tabTag.png) no-repeat 0 -32px;}
li.mouseover {background-position:0 0;}
li.mouseout {background-position:0 -32px;}
li.selected {background-position:0 0;}
.box{width:300px}
.boxTop{background:url(img/boxTop.png) no-repeat; height:11px; clear:both}
* html .boxTop{margin-bottom:-2px}
.boxBody{background-color:#eeebe2; border-left:1px solid #719baf; border-right:1px solid #719baf}
.boxBottom{background:url(img/boxBottom.png) no-repeat; height:11px}
.boxBody div{display:none}
.boxBody div.show{display:block}
.boxBody #category{padding:0 10px 0 20px}
.boxBody #category h3{padding:0 10px 0 0px !important}
.boxBody div h3{padding:0px 5px 0px 10px}
.boxBody div ul{margin:0 10px 0 25px; padding-left:10px; list-style-image:url(img/blue_li.gif)}
* html .boxBody div ul{margin-left:10px; padding-left:15px}
.boxBody div li{padding:4px 0; cursor:pointer}
.boxBody div ul li.last{border-bottom:none}
.boxBody div li span{font-size:8px; font-style:italic; color:#888}
.boxBody div ul li a{color:#5f5d57}
#sidebar .sbb{background:url(img/separador-sidebar.png) repeat-x 0 100%; margin-bottom:20px; padding:10px 0 20px 0; position:relative; color:#5f5d57}
#sidebar .sbb ul{background:#eeebe2; border:1px solid #719baf; padding:15px 25px 25px 30px; -webkit-border-radius:10px; -moz-border-radius:10px}
#sidebar .sbb ul li a{  padding:10px 0; padding-left:25px; background:url(img/blue_li.gif) no-repeat 0 16px; font-size:16px; color:#5f5d57; display:block}
#sidebar .sbb ul li a:hover{ color:#010101}
/*Pie de página*/
#footer{position:relative; width:1002px; margin:0 auto}
.fondofoo{position:relative; width:1002px; margin:0 auto}
#footer_logo{height:40px}
#footer_logo a{display:block; height:30px; width:245px; float:left; font-size:30px; margin:7px 0 0 10px;text-shadow:0px 1px 1px #000}
#footer_logo a:hover{color:#eeebe2;text-shadow:0px 1px 1px #000}
#footer_logo span.description{color:#eeebe2; font-style:italic; font-size:18px; margin:4px 10px}
.fwidgets{color:#88b0c4}
.fb{padding:15px 10px 20px 15px; color:#5f5d57; float:left; width:30%}
.fb h3{padding-bottom:13px; font-size:30px; text-shadow:0px 1px 1px #000; font-weight:bold; color:#eeebe2; background:url(img/separador-footer.png) repeat-x 0 100%}
.fb ul{padding:15px 25px 25px 30px;}
.fb ul li a{padding:5px 0; font-size:12px; color:#fff; display:block; background:url(img/separador-footer.png) repeat-x 0 100%}
.fb ul li a:hover{ color:#010101}
.footer_bottom{background:url(img/separador-footer.png) repeat-x 0 0; color:#999; font-size:10px; font-family:Verdana,Arial; text-transform:uppercase}
.footer_bottom p{padding:15px 0}
.footer_bottom a{color:#88b0c4}
.footer_bottom a:hover{color:#a7c8d8}
/*Fechas*/
.postdate{  position:relative;   width:56px;   height:50px;   float:left;   background-color:#a7c8d8;   border:1px solid #719baf;   margin-right:6px;   -webkit-border-radius:4px; -moz-border-radius:4px}
.month, .day, .year{  position:absolute;   text-indent:-1000em;   background:url(img/fechas.png) no-repeat}
.month{top:2px; left:0; width:38px; height:23px}
.day{top:25px; left:0; width:38px; height:23px}
.year{bottom:0; right:0; width:20px; height:50px}
.m-01{background-position:0 0px}
.m-02{background-position:0 -30px}
.m-03{background-position:0 -60px}
.m-04{background-position:0 -90px}
.m-05{background-position:0 -120px}
.m-06{background-position:0 -150px}
.m-07{background-position:0 -180px}
.m-08{background-position:0 -210px}
.m-09{background-position:0 -240px}
.m-10{background-position:0 -270px}
.m-11{background-position:0 -300px}
.m-12{background-position:0 -330px}
.d-01{background-position:-50px 0}
.d-02{background-position:-50px -31px}
.d-03{background-position:-50px -63px}
.d-04{background-position:-50px -94px}
.d-05{background-position:-50px -125px}
.d-06{background-position:-50px -156px}
.d-07{background-position:-50px -187px}
.d-08{background-position:-50px -218px}
.d-09{background-position:-50px -250px}
.d-10{background-position:-50px -281px}
.d-11{background-position:-50px -313px}
.d-12{background-position:-50px -343px}
.d-13{background-position:-50px -376px}
.d-14{background-position:-50px -406px}
.d-15{background-position:-50px -438px}
.d-16{background-position:-50px -467px}
.d-17{background-position:-93px 0px}
.d-18{background-position:-93px -30px}
.d-19{background-position:-93px -63px}
.d-20{background-position:-93px -94px}
.d-21{background-position:-93px -125px}
.d-22{background-position:-93px -156px}
.d-23{background-position:-93px -187px}
.d-24{background-position:-93px -219px}
.d-25{background-position:-93px -250px}
.d-26{background-position:-93px -280px}
.d-27{background-position:-93px -312px}
.d-28{background-position:-93px -342px}
.d-29{background-position:-93px -375px}
.d-30{background-position:-93px -406px}
.d-31{background-position:-93px -438px}
.y-2007{background-position:-145px 0}
.y-2008{background-position:-145px -55px}
.y-2009{background-position:-145px -108px}
.y-2010{background-position:-145px -160px}
.y-2011{background-position:-145px -214px}
.y-2012{background-position:-145px -267px}
.y-2013{background-position:-145px -321px}
.y-2014{background-position:-145px -373px}