/*
Theme Name:		Web a 2.0
Theme URI:		http://blogstica.com
Description:	Showcase de aplicaciones 2.0
Version:		1.3
Author:			Francisco Oliveros
Author URI:		http://blogandweb.com
*/

/* GENERALES */

body{font-family:Arial,Helvetica,sans-serif;font-size:13px;color:#474848;margin:0;padding:0;}
img{border:0;}
a{color:#0066cb;text-decoration:none;}
a:hover{color:#474848;text-decoration:underline;}
a img{border:0;}
#wrapper{width:920px;margin:0 auto;}
blockquote{font-style:italic;font-size:11px;color:#888;margin:0 0 5px 20px;padding:0 0 0 10px;border-left:4px solid #0066cb;}
abbr,acronym{border-bottom:1px dotted #0066cb;text-transform:uppercase;}
code{color:#474848;font-family:Courier,monospace;margin:0 0 5px 5px;}
pre{margin:0 0 1.5em;overflow:auto;font-size:1.3em;clear:both;}
form{margin:0;padding:0;}
.alignright{float:right;padding:0 0 10px 10px;}
.alignleft{float:left;padding:0 10px 10px 0;}
.aligncenter{display:block;margin-left:auto;margin-right:auto;}

/* HEADER */

#header{background:#FFF url(images/header.png) repeat-x scroll 0;height:96px;overflow:hidden;}
#header-content{margin:0 auto;padding:0;position:relative;width:920px;}
#logo{background:url(images/weba20.png) no-repeat;width:162px;height:67px;display:block;float:left;text-indent:-9999px;overflow:hidden;}
#headerbar{background:transparent url(images/backmenu.png) top left repeat-x;font-size:11px;line-height:18px;margin:0;height:26px;padding-top:10px;}
#ophead{float:right;}
#ophead a{padding:0 0 0 19px;line-height:16px;background:transparent url(images/sugiere.png) left center no-repeat;color:#000;}
#adshead{float:left;}
#adsbar{width:920px;margin:0 auto;}


/* MENÚ */

#menu ul{margin:0;float:right;text-align:right;position:relative;width:400px;}
#menu ul li{color:#999;display:inline;list-style:none;font:11px arial, verdana;}
#menu ul li a{color:#333;}
#menu ul li.searcher form#searchform input#s{background:#FFF url(images/search.png) no-repeat scroll right center;}
#menu ul li.searcher form#searchform{display:block;margin:0;padding:5px 0 0;}
#main_bar{padding:0;height:25px;background:#e43b05;color:#fff;}
#main_bar h3{margin:0;float:left;padding:3px 0 0 20px;font-size:1em;background:url(images/corner.gif) no-repeat;height:22px;}
#main_bar p{margin:0;float:right;padding:3px 10px 0 0;background:url(images/corner.gif) no-repeat right -25px;}
#main_bar a{color:#fff;text-decoration:none;}
#main_bar a:hover{text-decoration:underline;}
.page{width:920px;margin:0 auto;border-left:1px solid #eee;border-right:1px solid #eee;}
#content{width:555px;padding:5px 0 0 5px;overflow:hidden;border-right:1px solid #eee;}
#content ul{padding:0;margin:0;list-style:none;}
#content .apidescrip ul{list-style-position:inside;list-style-type:disc;margin:0 0 12px;}
p.wp-caption-text{border-top:1px solid #EEE;font-size:85%;margin:10px 0!important;padding:5px 0 0;text-align:center;}
#content ul li{background:transparent url(images/arrow10.png) center left no-repear;padding-left:16px;line-height:18px;}
#bgtop{height:20px;background:url(images/img07.gif);}

/* SIDEBAR */

.sidebar{width:340px;float:right;padding:5px 10px 0 0;}
.sidebar ul{list-style:none;}
#adslat{padding:10px 25px 0;border-top:1px solid #EEE;}
#adslat ul{padding:0;margin:0;}
#adslat a{float:left;margin:0 10px 10px 0!important;display:inline;}
#categorias{background:transparent url(images/categorias.png) 5px top no-repeat;padding:20px 5px 5px;}
#categorias ul{margin:0;padding:0;font-size:12px;border-top:1px solid #EEE;}
#categorias ul li{width:49%;float:left;line-height:20px;text-indent:16px;background:url(images/categoria.png) center left no-repeat;}
#categorias ul li a{}
#categorias ul li a:hover{}
#etiquetas{background:transparent url(images/etiquetas.png) 5px top no-repeat;padding:20px 5px 5px;margin-top:15px;}
#etiquetas ul{margin:0;padding:0;border-top:1px solid #EEE;}
#enlaces{margin-top:15px;}
.col1{width:45%;padding:20px 5px 5px;float:left;}
.col2{width:45%;padding:20px 5px 5px;float:right;}
.blogstica{background:transparent url(images/blogstica.png) 5px top no-repeat;padding:20px 5px 5px;}
.blogstica ul{border-top:1px solid #EEE;margin:0;padding:0;}
.blogstica ul li{line-height:20px;text-indent:19px;}
.blogandweb{background:url(http://blogandweb.com/favicon.ico) center left no-repeat;}
.forosdelblog{background:url(http://www.forosdelblog.com/favicon.gif) center left no-repeat;}
.serturista{background:url(http://blogstica.com/serturista.gif) center left no-repeat;}
.blogingenieria{background:url(http://blogstica.com/blogingenieria.gif) center left no-repeat;}
.btemplates{background:url(http://btemplates.com/favicon.gif) center left no-repeat;}
.weba20{background:url(http://weba20.com/favicon.gif) center left no-repeat;}
.blogsticasite{background:url(http://blogstica.com/blogstica.gif) center left no-repeat;}
.blogroll{padding:20px 5px 5px;background:transparent url(images/blogroll.png) 5px top no-repeat;}
.blogroll ul{border-top:1px solid #EEE;margin:0;padding:0;}
.blogroll ul li{line-height:18px;text-indent:18px;background:url(images/enlace.gif) center left no-repeat;}
.sidebar h2{letter-spacing:-1px;font-size:1.2em;margin:0 0 10px;}
#rssside{background:transparent url(images/suscriberss.png) left top no-repeat;padding:24px 0 0 44px;color:#000;height:15px;font-size:11px;margin:0 0 10px;}
#rssside a{padding:0 2px;}
.break{clear:both;padding:0;margin:0 0 10px;}
.clear{clear:both;padding:0;margin:0;}
.item{padding:5px 10px;width:252px;height:240px;float:left;background:#fff;}
.item h2,.item h1{margin:0 0 3px;padding:0;font-size:16px;font-family:Tahoma,Arial,Helvetica,sans-serif;}
.item h2 a{color:#9C0;text-decoration:none;}
.item h2 a:hover{color:#474848;text-decoration:none;}
.item h3{text-transform:uppercase;margin:0 0 5px;font-size:9px;color:#666;}
.item .comentar a{color:#FFAD00;background:url(images/comentar.gif) center left no-repeat;text-indent:12px;float:left;display:block;font-size:12px;}
.item span{font-size:9px;color:#FFAD00;float:right;}
.item span a{color:#FFAD00;}
.item p{margin:0 0 4px;border:#e5e5e5 1px solid;}
.item2{padding:5px 10px;width:252px;float:left;margin:0 15px 15px 0;background:#ebf3fb;border:1px solid #cce0f5;}
.item2 h2{font-size:1.2em;margin:0 0 3px;padding:0;color:#fff;}
.item2 h2 a{color:#474848;text-decoration:none;}
.item2 h2 a:hover{color:#0066cb;text-decoration:none;}
.item2 p{margin:0 0 4px;border:#838383 1px solid;}

/* PÁGINA INDIVIDUAL */

.details{padding:8px;margin:0 5px 15px 0;background:#fff;border-bottom:1px solid #eee;}
.details ul{list-style-type:none;margin:0;padding:0;}
.details li{}
.details h2,.details h1{font-size:1.5em;color:#9C0;margin:0 0 3px;}
.details h3,.details h4{color:#000;}
.details p{margin:0 0 15px;}
.apinavegacion{float:right;width:37px;height:16px;}
.apinavegacion a{text-indent:-3000px;width:16px;height:16px;background-repeat:no-repeat;}
.apinavegacion .preapi a{float:left;background-image:url(images/previous.gif);background-position:0 0;}
.apinavegacion .nextapi a{float:right;background-image:url(images/next.gif);background-position:0 0;}
.apinavegacion .preapi a:hover{background-position:0 -25px;}
.apinavegacion .nextapi a:hover{background-position:0 -25px;}
.apinavegacion .preapi a:focus,.preapi a:focus{outline:0;}
.apinavegacion .nextapi a:focus,.nextapi a:focus{outline:0;}
.apigral{clear:both;}
.apiprevio{float:left;padding:0 10px 10px 0;}
.apiprevio img{border:1px solid #E5E5E5;}
.apiinfo{background:#F2F8FE url(images/sujetador.gif) 243px 3px no-repeat;border:1px solid #e5f2ff;float:right;width:220px;height:136px;padding:20px;font-size:11px;}
.apiinfo li{}
.apiinfo strong{color:#000;}
.apidescrip p{padding-left:10px;}
a.apivisitar{background-image:url(images/visitarsitio.png);display:block;height:20px;width:100px;overflow:hidden;text-indent:-250em;}
a.apivisitar,a.apivisitar:link,a.apivisitar:visited{background-position:0 0;}
a.apivisitar:hover{background-position:0 20px;}
#relacionados{margin:10px auto;}
#relacionados td{width:165px;padding:0 7px;}
#relacionados img{border:1px solid #CDCDCD;margin:0 0 10px;}
#relacionados small{display:block;font-size:11px;line-height:160%;text-align:center;}
#relacionados strong{display:block;text-align:center;}
#content ul.relt{float:right;width:260px;}
#content ul.relt li{padding-left:0;background:none;font-size:12px;font-weight:bold;}
#content ul.relt li a{color:#FFAD00;text-decoration:underline;}
#content .relt p{padding:0;margin:2px 0 10px;color:#666;font-size:11px;font-weight:normal;}
.Nav{margin:0 0 20px;padding:10px 0 0;color:#A0A0A0;text-align:center;font-size:12px;}
.Nav a,a.page-numbers{padding:1px 5px;color:#A0A0A0;margin:0 5px 0 0;}
.Nav a:hover,a.page-numbers:hover{color:#fff;text-decoration:none;background:#8FBF1B;padding:1px 5px;}
.Nav .on{padding:1px 5px;color:#fff;background:#606060;margin:0;}
.Nav span{padding:4px 8px;margin:0;}
.Nav strong,.current{padding:0 2px;font-weight:bold;}
.page-numbers{margin:0 0 20px!important;display:inline-block;}
.wp-smiley{border:none!important;padding:0!important;margin:0!important;}

/* COMENTARIOS */

#comentarios{padding:8px;}
#comentarios h2{color:#9C0;font-size:16px;margin:0 0 20px;}
#comentarios h2.comments{font-size:1.5em;}
#comentarios .small{font-size:10px;color:#666;}
#comentarios .small a{color:#666;}
#comentarios ol.commentlist{margin:20px 0;padding:0;list-style:none;border-bottom:1px solid #EEE;}
#comentarios .metacomment{background:#F2F8FE;border:1px solid #E5F2FF;height:40px;padding:4px;}
#comentarios .adminblog .metacomment,#comentarios .byuser .metacomment{background:#f4fcdf;border:1px solid #e3f0c1;height:40px;padding:4px;}
#comentarios .metacomment .avatar{float:left;padding:0 10px 0 0;}
#comentarios .metacomment cite{font-weight:bold;font-style:normal;color:#464646;}
#comentarios .metacomment cite a{color:#464646;}
#comentarios .metacomment cite a:hover{text-decoration:none;}
#comentarios .metacomment p.small{margin:3px 0;}
#commentform p.respond-author{overflow:hidden;height:1px!important;float:left;margin:0;}
#commentform .respond-author label,#commentform .respond-author input{margin-left:-9999px;}
#comentarios textarea{width:500px;height:200px;}
#commentform small strong{color:#F30;}
#comentarios input#submit{background-image:url(images/enviar.png);background-position:0 0;background-repeat:no-repeat;color:#fff;height:20px;width:65px;display:block;overflow:hidden;text-indent:-500px;font-size:0;border:0;padding:0;cursor:pointer;}
#comentarios input#submit:hover{background-position:left bottom;}
#content ul.trackbacks li{padding:0;}
#content ul.trackbacks{border-bottom:1px solid #EEE;padding-bottom:15px;margin-bottom:15px;font-size:11px;}
.searchbox{margin:0 0 20px;width:300px;}
.search{background:url(images/input.gif) no-repeat;height:19px;padding:8px 5px 5px 8px;width:255px;color:#444;border:none;margin:0;float:left;}
.find{background:url(images/find.gif) no-repeat;border:none;height:32px;width:32px;margin:0;float:right;}

/* FOOTER */

#footer{background:transparent url(images/footer.jpg) repeat-x;width:902px;height:60px;margin:0 auto;padding:34px 0 0 18px;border-left:1px solid #EEE;border-right:1px solid #EEE;}
#footer p{padding-bottom:5px;font-size:12px;color:#999;margin:0;}
#footer p strong{color:#666;font-weight:normal;}
#footer a{color:#0298cf;text-decoration:none;}
#footer a:hover{color:#;}
.admin-edit{}
.admin-edit a{background:transparent url(images/adminedit.png) top left no-repeat;display:block;width:17px;height:17px;overflow:hidden;text-indent:-50px;float:right;}
.error404{width:32px;height:32px;background:url(images/sorry.png) 0 0 no-repeat;float:left;padding-right:15px;}