/*-----------------------------------------------------------------------------------------------*/ /*-----------------------------------------------------------------------------------------------*/ /*----------------------------------------- PUNTO GEEK ------------------------------------------*/ /*------------------- por Ignacio Ricci (www.ignacioricci.com) para Bahia Studio ---------------*/ /*-----------------------------------------------------------------------------------------------*/ /*-----------------------------------------------------------------------------------------------*/ /*- Reset Styles -----------------------------------------------------------*/ 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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr, button {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align: baseline; background:transparent;} ol, ul {list-style:none;} h1, h2, h3, h4, h5, h6, li {line-height:100%;} blockquote, q {quotes:none;} table {border-collapse:collapse; border-spacing:0;} /*- Fin de Reset Styles ----------------------------------------------------*/ /*-----------------------------------------------------------------------------------------------*/ /*- Estilos generales/compartidos ------------------------------------------*/ body {color:#333; font:76% Arial, Helvetica, sans-serif; background:#FFF;} /*- Links -*/ a {text-decoration:none;} a:hover {text-decoration:none;} /*- Contenedor de resolucion -*/ .wrap {width:990px; margin:0 auto;} /*- Labels accesibles -*/ .accessible {position:absolute; top:0; left:-9999px; width:1px; height:1px; overflow:hidden;} /*- Carga del Sprite -*/ .tlC, .trC, .blC, .brC, .pointer, #logo a, #topMenu strong, #searchBox button, .sidebar-Box h4, #leaveCommentForm form button, #subscribeBtnContainer button, #bottom-PoweredBy a {font-size:0; text-indent:-9999em; display:block; background-image:url(../images/sprite.png);} #leaveCommentForm form button#twc_button { background:none; } /*- Bordes redondeados -*/ .tlC, .trC, .blC, .brC, .pointer {position:absolute; z-index:1;} .tlC {top:0; left:0;} .trC {top:0; right:0;} .blC {bottom:0; left:0;} .brC {bottom:0; right:0;} /*- Fix float bug -*/ .wrap, #recentPosts ul, .postTitle, .metaTags, #relatedPosts li, .comment-Author, .sidebar-Box li, #leaveCommentForm form p {overflow:hidden;} /*- Thumbs + Text -*/ .thumb, .thumbText {float:left;} .thumb {margin-right:10px;} /*- Familias compartidas -*/ #recentPosts, .postTitle, #leaveCommentForm-Title h4 strong, #leaveCommentForm form p label, #footer {font-family:Trebuchet MS, Arial, sans-serif;} /* Titulos principales y secundarios compartidos */ #recentPosts h5 a, .post a , #sectionContent h5, #relatedPosts p a, .comment-Text a, .sidebar-Box span a, .toggle em, #sidebar-EditoresPuntoGeek .thumbText ul a {color:#488AC7;} #recentPosts h5 a:hover, .post a:hover, #relatedPosts p a:hover, .comment-Text a:hover, .sidebar-Box span a:hover, #sidebar-EditoresPuntoGeek .thumbText ul a:hover {color:#F06C17;} .metaTags a, #sectionContent h6 a, .comment-Author a, #trackbacks a, .sidebar-Box a, #sidebar-UltimosComentarios span a, #sidebar-EditoresPuntoGeek .editorPosts p {color:#F06C17;} /*- Links de dejar comentario -*/ .leaveComment {padding-left:24px; background:url(../images/icons/leaveComment.gif) no-repeat 0 0;} /*- Fin de Estilos generales/compartidos -----------------------------------*/ /*-----------------------------------------------------------------------------------------------*/ /*- Header -----------------------------------------------------------------*/ #header {padding:7px 0; background:#06182C url(../images/repeat-bgs/header-Bg.jpg) repeat-x 0 0; border-bottom:1px solid #101010; } #logo, #topMenu, #topMenu li {float:left;} /*--------------------------------------*/ /* LOGO */ /*--------------------------------------*/ #logo {margin-right:50px;} #logo h1, #logo a {width:162px; height:27px;} #logo a {background-position:0 0;} /*--------------------------------------*/ /* MENU SUPERIOR */ /*--------------------------------------*/ #topMenu {} #topMenu li {margin-right:10px;} #topMenu h2, #topMenu a {display:block;} #topMenu a {padding:10px 12px 8px; cursor:pointer; position:relative;} #topMenu strong {height:14px;} /*- Cada link -*/ #menuItem-Inicio strong {width:33px; background-position:-1px -29px;} #menuItem-Contacto strong {width:56px; background-position:-36px -29px;} #menuItem-SobrePuntoGeek strong {width:112px; background-position:-94px -29px;} #menuItem-Anunciate strong {width:63px; background-position:-208px -29px;} #menuItem-Colabora strong {width:54px; background-position:-274px -29px;} /*- Estado Hover -*/ #topMenu a span {display:none; width:4px; height:4px;} #topMenu a:hover {background:#135BA7;} #topMenu a:hover span {display:block;} #topMenu a .tlC {background-position:-164px -6px;} #topMenu a .trC {background-position:-169px -6px;} #topMenu a .blC {background-position:-164px -11px;} #topMenu a .brC {background-position:-169px -11px;} #socialMenu { float:left;} #socialMenu ul { padding:6px 0 0 0; margin:0; } #socialMenu ul li { display:inline; margin:0 2px;} /*--------------------------------------*/ /* CAJA DE BUSQUEDA */ /*--------------------------------------*/ #searchBox {float:right; margin-top:3px;} #searchBox input, #searchBox button {float:left;} #searchBox input {padding:5px 8px 5px 20px; width:145px; height:14px; font-size:11px; font-weight:normal; color:#FFF; text-transform:lowercase; border:0; background:#135BA5 url(../images/searchInput-Bg.gif) no-repeat 0 0;} #searchBox button {width:28px; height:24px; background-position:-176px -3px; cursor:pointer;} .suggest { position:absolute; right:0; top:0; background:#081b2e; width:200px; -moz-border-radius:6px; z-index:1; opacity:0.88; } .suggest ul { font-size:11px;} .suggest ul li { line-height:1.5em; } .suggest ul li a { color:#FFF; display:block; padding:10px; -moz-border-radius:6px; border-bottom:1px dotted #123558; } .suggest ul li a:hover { background:#a82626; } .suggest ul li.last a { border-bottom:0; } /*- Fin de Header ----------------------------------------------------------*/ /*-----------------------------------------------------------------------------------------------*/ /*- Posts recientes --------------------------------------------------------*/ #recentPosts {} #recentPosts li {float:left; width:300px; padding-bottom:25px; margin:40px 30px 0 0;} #recentPosts li.last {margin-right:0;} /*- Thumbnail -*/ #recentPosts .thumb {width:116px;} #recentPosts .thumb img {border:1px solid #CCCCCC; height:73px; padding:2px; width:112px;} /*- Titulo, parrafo, comentarios -*/ #recentPosts .thumbText {width:174px;} #recentPosts h5 {font-weight:normal; font-size:1.1em; padding-bottom:6px;} #recentPosts p {color:#000; line-height:120%; padding-bottom:4px;} #recentPosts p a {color:#999;} #recentPosts p a:hover {color:#333;} /*- Fin de Posts recientes -------------------------------------------------*/ /*-----------------------------------------------------------------------------------------------*/ /*- Contenido Principal (Texto de la seccion + Sidebar) --------------------*/ #mainContent {} #mainContent .wrap {position:relative;} #sectionContent {clear:both; float:left; width:630px; margin-right:15px;} #sectionContent h5 {font-weight:normal; font-size:1.2em; margin:20px 0 15px;} /*--------------------------------------*/ /* SIDEBAR */ /*--------------------------------------*/ #sidebar {float:right; width:335px; padding-top: 30px;} /*- Banners -*/ .singleAdd {text-align:center; margin-bottom:10px;} .singleAdd img {border:1px solid #DCDCDC;} .singleAdd a:hover img {border-color:#CCC;} /*- Cajas -*/ .sidebar-Box {margin-bottom:15px; background:#F4F4F4; border-bottom:1px solid #E0E0E0; position:relative;} .sidebar-Box ul {padding:15px 0 10px 15px; border-left:1px solid #E0E0E0; border-right:1px solid #E0E0E0;} .sidebar-Box li {clear:both; margin-bottom:10px;} .sidebar-Box span {display:block; padding-top:5px; color:#9D9D9D; font-size:0.9em;} .sidebar-Box div, .sidebar-Box a, .sidebar-Box span {line-height:130%;} .sidebar-Box h4 {display:block; width:337px; height:33px; border-bottom:1px solid #00192F;} /*- Bordes redondeados -*/ .sidebar-Box .blC, .sidebar-Box .brC {width:12px; height:12px; bottom:-1px;} .sidebar-Box .blC {background-position:-241px -15px;} .sidebar-Box .brC {background-position:-254px -15px;} /*-----------------------------*/ /* PUBLICIDAD */ /*-----------------------------*/ #sidebar-Publicidad {} #sidebar-Publicidad h4 {background-position:-1px -43px;} #sidebar-Publicidad ul {padding-right:15px;} #sidebar-Publicidad li.last {border:0; margin:0; padding-bottom:0;} /*- Publicidad con imagenes -*/ #adList-Thumbs {padding-bottom:0;} #adList-Thumbs .thumbText {width:208px; font-size:0.9em;} #adList-Thumbs .thumbText span {padding-top:3px; font-size:1em; color:#666;} #adList-Thumbs li {padding-bottom:10px; border-bottom:1px solid #E0E0E0;} #adList-Thumbs img {width:83px; height:64px; border:1px solid #E0E0E0;} /*- Publicidades con texto -*/ #adList-TextOnly {padding-top:0;} #adList-TextOnly li {padding:7px 3px; margin-bottom:0; border-bottom:1px solid #E0E0E0;} #adList-TextOnly img {vertical-align:top; margin-left:3px;} #adList-TextOnly a {color:#404040;} /*- Publicidad con grid -*/ #adList-Grid {padding-top:0; text-align:center; overflow:hidden;} #adList-Grid li { display:inline; padding:0 8px 0px 0; } #adList-Grid li img { margin:0 0 8px 0; } /*-----------------------------*/ /* LO MAS LEIDO */ /*-----------------------------*/ #sidebar-Lomasleido {} #sidebar-Lomasleido h4 {background-position:-1px -83px;} #sidebar-Lomasleido .thumbText {width:235px;} #sidebar-Lomasleido .thumb img {width:56px; height:56px; padding:2px; border:1px solid #CCCCCC; } /*-----------------------------*/ /* ULTIMOS COMENTARIOS */ /*-----------------------------*/ #sidebar-UltimosComentarios {} #sidebar-UltimosComentarios h4 {background-position:-1px -123px;} #sidebar-EditoresPuntoGeek strong {font-size:1.1em; font-weight:normal;} #sidebar-UltimosComentarios .thumbText {color:#707070; width:250px;} /*-----------------------------*/ /* EDITORES DE PUNTO GEEK */ /*-----------------------------*/ #sidebar-EditoresPuntoGeek {} #sidebar-EditoresPuntoGeek h4 {background-position:-1px -163px;} #sidebar-EditoresPuntoGeek .thumbText {width:250px;} .toggle {color:#9D9D9D !important;} .toggle em {font-style:normal;} .hideContainer {padding-top:10px !important;} /*- Desplegable con posts de cada autor -*/ .editorPosts {display:none;} .editorPosts p {font-size:1.1em; padding-top:10px;} .editorPosts ul {padding:0; border:0;} .editorPosts span {padding-top:0;} .editorPosts li {border-bottom:1px dotted #CCC; padding:5px 0; margin:0;} /*-----------------------------*/ /* BORDES REDONDEADOS AVATARES */ /*-----------------------------*/ #sidebar-UltimosComentarios .thumb, #sidebar-EditoresPuntoGeek .thumb {position:relative;} #sidebar-UltimosComentarios .thumb img, #sidebar-EditoresPuntoGeek .thumb img {width:50px; height:50px;} #sidebar-UltimosComentarios .thumb div, #sidebar-EditoresPuntoGeek .thumb div {width:7px; height:7px;} #sidebar-UltimosComentarios .thumb .tlC, #sidebar-EditoresPuntoGeek .thumb .tlC {background-position:-225px -12px; top:-1px; left:-1px;} #sidebar-UltimosComentarios .thumb .trC, #sidebar-EditoresPuntoGeek .thumb .trC {background-position:-233px -12px; top:-1px; right:-1px;} #sidebar-UltimosComentarios .thumb .blC, #sidebar-EditoresPuntoGeek .thumb .blC {background-position:-225px -20px; bottom:-2px; left:-1px;} #sidebar-UltimosComentarios .thumb .brC, #sidebar-EditoresPuntoGeek .thumb .brC {background-position:-233px -20px; bottom:-2px; right:-1px;} #sidebar-Categories h4 {background-position:-1px -289px;} #sidebar-Blogroll h4 {background-position:-1px -329px;} /*- Fin de Contenido Principal (Texto de la seccion + Sidebar) -------------*/ /*-----------------------------------------------------------------------------------------------*/ /*- El post ----------------------------------------------------------------*/ .post {padding-top:30px;} /*--------------------------------------*/ /* TITULO DEL POST */ /*--------------------------------------*/ .postTitle {padding-bottom:10px; border-bottom:1px solid #E3E3E3;} /*- Avatar -*/ .postTitle .thumb {position:relative;} .postTitle img {width:50px; height:50px;} .postTitle .thumb div {width:7px; height:7px;} .postTitle .thumb .tlC {background-position:-210px -13px;} .postTitle .thumb .trC {background-position:-216px -13px;} .postTitle .thumb .blC {background-position:-210px -20px;} .postTitle .thumb .brC {background-position:-216px -20px;} /*- Titulo, autor y categoria -*/ .postTitle .thumbText {width:570px;} .postTitle h3 {font-size:1.3em; line-height:140%; padding-bottom:3px;} .postTitle p {color:#7C7C7C;} /*--------------------------------------*/ /* CONTENIDO DEL POST */ /*--------------------------------------*/ /*- Agregador social Biracoras.com -*/ .agregador-bitacoras { padding:10px 0 0 0; text-align:right; } .postContent {padding:10px 0 10px;} .postContent p {font-size:1.2em; line-height:140%; padding-bottom:10px;} .postContent blockquote {padding:20px 30px; text-indent:1.2em; background:url(../images/icons/quoteStart.gif) no-repeat 18px 20px;} .postContent h2 {font-size:1.6em; line-height:130%; padding-bottom:10px;} .postContent h3 {font-size:1.3em; line-height:130%; padding-bottom:10px;} .postContent blockquote p {font:1.2em/140% Georgia, serif; color:#666;} .postContent blockquote img {vertical-align:middle;} /*- Listas -*/ .postContent img { padding:4px; } .postContent ul, ol { margin:0 0 0.8em 3em; } .postContent ul li { line-height:1.5em; margin:2px 0; list-style:square; } .postContent ol li { line-height:1.5em; margin:2px 0; list-style:decimal; } /*- Tablas -*/ .postContent table { border-spacing:1px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; background-color:#E7E7E7; color: #b7b7b7; margin:0 auto; } .postContent td, th { padding: 4px; vertical-align:middle; } .postContent tbody tr { background-color:#FFF; text-align:left; } .postContent tbody tr td { background: #FFF; border: 1px solid #CCC; } /*- Encuentas -*/ .dem-results ul { margin:8px 0; } .dem-results ul li { margin:2px 0px;} .dem-results ul li input { vertical-align:middle; } /*--------------------------------------*/ /* META DEL POST */ /*--------------------------------------*/ .postMeta {padding:7px 0; border-top:1px solid #E3E3E3;} .postMeta li {display:inline;} /*- Compartir. (RSS - Delicious - Twitter - Facebook -*/ .metaShare {} .metaShare li {padding-left:22px; margin-right:7px;} .metaShare a {color:#737373;} .metaShare .rss {background:url(../images/icons/meta-rss.gif) no-repeat 0 0;} .metaShare .delicious {background:url(../images/icons/meta-delicious.gif) no-repeat 0 0;} .metaShare .twitter {background:url(../images/icons/meta-twitter.gif) no-repeat 0 0;} .metaShare .facebook {background:url(../images/icons/meta-facebook.gif) no-repeat 0 0;} /*- Lista de tags -*/ .metaTags {padding-left:26px; background:url(../images/icons/meta-tags.gif) no-repeat 0 7px; border-bottom:1px solid #E3E3E3;} .metaTags ul {float:left;} .metaTags .leaveComment {float:right;} /*- Paginador -*/ .navigation { margin:2em 0 0 0; text-align:center; padding-bottom:10px; letter-spacing:-1px; font-size:16px; } /*- Fin de El post ---------------------------------------------------------*/ /*-----------------------------------------------------------------------------------------------*/ /*- Posts relacionados -----------------------------------------------------*/ #relatedPosts {} #relatedPosts li {padding:10px; border-bottom:1px solid #E3E3E3;} #relatedPosts li h6 {font-size:1.1em; padding-bottom:10px;} #relatedPosts li p {color:#7C7C7C; padding-bottom:3px;} #relatedPosts .thumb img {width:64px; height:64px; padding:2px; border:1px solid #CCCCCC; } #relatedPosts .thumbText {width:529px;} /*- Fin de Posts relacionados ----------------------------------------------*/ /*-----------------------------------------------------------------------------------------------*/ /*- Los comentarios --------------------------------------------------------*/ #comments ol { margin:0; } .comment { border-bottom:1px solid #E3E3E3; } /*- Texto del comentario -*/ .comment-Text {color:#7C7C7C; line-height:130%; padding:20px; background:url(../images/repeat-bgs/comment-Bg.jpg) repeat-x 0 0; position:relative; border:2px solid #E0E0E0;} .comment-Text p {line-height:130%; padding-bottom:10px;} .comment-Text .comment-Date {display:block; color:#3370AF; font-size:0.9em; padding-top:10px;} .comment-Text div {width:8px; height:8px;} .comment-Text .tlC {background-position:-3px -203px; top:-2px; left:-2px;} .comment-Text .trC {background-position:-12px -203px; top:-2px; right:-2px;} .comment-Text .blC {background-position:-3px -212px; bottom:-2px; left:-2px;} .comment-Text .brC {background-position:-12px -212px; bottom:-2px; right:-2px;} .comment-Text .pointer {width:21px; height:11px; bottom:-11px; left:19px; background-position:-1px -221px;} li.comment { border:none; } /*- Autor (Gravatar + Nombre + URL) -*/ .comment-Author {padding:15px;} .comment-Author img {padding:1px; border:1px solid #E0E0E0;} .comment-Author strong, .comment-Author em {display:block; padding-bottom:3px;} .comment-Author strong {color:#1A4D7C;} .comment-Author em {font-style:normal;} /*- Overrides para el comentario del Admin -*/ .commentAdmin .comment-Text {color:#000; background:#E7F190; border:2px solid #ACB287;} .commentAdmin .comment-Text .tlC {background-position:-25px -203px;} .commentAdmin .comment-Text .trC {background-position:-34px -203px;} .commentAdmin .comment-Text .blC {background-position:-25px -212px;} .commentAdmin .comment-Text .brC {background-position:-34px -212px;} .commentAdmin .comment-Text .pointer {background-position:-23px -221px;} /*- Fin de Los comentarios -------------------------------------------------*/ /*-----------------------------------------------------------------------------------------------*/ /*- Trackbacks -------------------------------------------------------------*/ #trackbacks {padding-bottom:5px; border-bottom:1px solid #E3E3E3; clear:both;} #trackbacks h5 {padding-left:24px; min-height:22px; background:url(../images/icons/trackbacks.gif) no-repeat 0 0;} #trackbacks li {padding-bottom:10px;} #trackbacks a img {vertical-align:top; margin:2px 0 0 3px;} /*- Fin de Trackbacks ------------------------------------------------------*/ /*-----------------------------------------------------------------------------------------------*/ /*- Formulario de comentario -----------------------------------------------*/ #leaveCommentForm {margin-top:15px;} /*--------------------------------------*/ /* TITULO */ /*--------------------------------------*/ #leaveCommentForm-Title {background:#005470 url(../images/repeat-bgs/commentFormTitle-Bg.jpg) repeat-x 0 0; position:relative;} #leaveCommentForm-Title h4 {color:#FFF; padding:22px 0 15px 90px; min-height:34px; background:url(../images/icons/commentFormH4-Bg.png) no-repeat 15px 15px;} #leaveCommentForm-Title h4 strong, #leaveCommentForm-Title h4 em {display:block;} #leaveCommentForm-Title h4 strong {font-size:1.5em; letter-spacing:-0.04em; padding-bottom:7px;} #leaveCommentForm-Title h4 em {font-weight:normal; font-style:normal;} #leaveCommentForm-Title h4 a {color:#FFF; text-decoration:underline;} #leaveCommentForm-Title h4 a:hover {color:#D6E8E8;} /*- Bordes redondeados superior -*/ #leaveCommentForm-Title div {width:5px; height:5px;} #leaveCommentForm-Title .tlC {background-position:-43px -203px;} #leaveCommentForm-Title .trC {background-position:-49px -203px;} /*--------------------------------------*/ /* FORMULARIO */ /*--------------------------------------*/ #leaveCommentForm form {} /*- Elementos de formulario -*/ #leaveCommentForm form p label, #leaveCommentForm form p input, #leaveCommentForm form p textarea, #leaveCommentForm form p .formHint {float:left; font-size:1.1em;} #leaveCommentForm form p label {color:#1D4C7A; letter-spacing:-0.04em; text-transform:uppercase; padding-top:5px; width:115px;} #leaveCommentForm form p.subscribe-to-comments {width:400px;} #leaveCommentForm form p input, #leaveCommentForm form p textarea {width:530px; margin-right:15px; background:#FFF; border:1px solid #D2D2D2; padding:4px;} #leaveCommentForm form p textarea {height:140px; overflow:auto;} #leaveCommentForm form p .formHint {width:520px; font-size:0.9em; text-transform:lowercase; padding:8px 10px 5px; background:#FFFFBF;} /*- Bordes redondeados inferiores -*/ #leaveCommentForm form {background:#F1F1F1; border:1px solid #E0E0E0; position:relative;} #leaveCommentForm form p {padding:10px; border-right:1px solid #FFF;} #leaveCommentForm form .blC, #leaveCommentForm form .brC {width:12px; height:12px; bottom:-1px;} #leaveCommentForm form .blC {background-position:-241px -15px; left:-1px;} #leaveCommentForm form .brC {background-position:-254px -15px; right:-1px;} /*- Botones (Facebook + Enviar) -*/ #leaveCommentForm #leaveCommentForm-Actions {clear:both; padding:0 0 20px 126px;} #leaveCommentForm-Actions a, #leaveCommentForm-Actions button {float:left;} #leaveCommentForm-Actions a {width:194px; height:26px; margin:2px 21px 0 0; background-position:-55px -203px;} #leaveCommentForm-Actions button {width:88px; height:29px; background-position:-250px -203px; cursor:pointer;} /*- Fin de Formulario de comentario ----------------------------------------*/ /*-----------------------------------------------------------------------------------------------*/ /*- Footer -----------------------------------------------------------------*/ #footer {color:#FFF; margin-top:35px; clear:both; background:#013658 url(../images/repeat-bgs/footer-Bg.png) repeat-x 0 0;} .footer-Section {float:left; margin:30px 79px 40px 0;} .footer-Section h4 {font-size:1.7em; letter-spacing:-0.05em; padding-bottom:10px;} .footer-Section a {color:#FFF;} /*--------------------------------------*/ /* SUBSCRIBIRSE */ /*--------------------------------------*/ #subscribeBox {width:300px;} #subscribeBox p {font-size:1.1em; padding-bottom:15px;} /*- Campo de email -*/ #subscribeFieldContainer {float:left; width:210px; padding:0 !important; margin-right:7px; position:relative;} #subscribeFieldContainer input {font-size:1.1em; color:#003557; padding:6px 0 6px 40px; width:170px; height:19px; background:#FFF url(../images/icons/envelope.gif) no-repeat 8px 51%; border:0;} /*- Bordes redondeados -*/ #subscribeFieldContainer span {width:5px; height:5px;} #subscribeFieldContainer .tlC {background-position:-3px -233px;} #subscribeFieldContainer .trC {background-position:-9px -233px;} #subscribeFieldContainer .blC {background-position:-3px -239px;} #subscribeFieldContainer .brC {background-position:-9px -239px;} /*- Boton -*/ #subscribeBtnContainer {float:left;} #subscribeBtnContainer button {width:80px; height:32px; background-position:-15px -233px; cursor:pointer;} /*- Links de RSS -*/ #subscribeLinks {clear:both; padding-top:5px;} #subscribeLinks .rss {padding:3px 10px 5px 30px; background:url(../images/icons/footer-rss.gif) no-repeat 0 0;} /*- Bullets de estadisticas -*/ #statsLinks { text-align:center; } #statsLinks .feedBurner { margin-right:30px; } /*--------------------------------------*/ /* TWITTER */ /*--------------------------------------*/ #twitterBox {width:262px;} #twitter-Msg {padding:9px 7px; line-height:130%; background:#016295; position:relative;} #twitter-Msg a {color:#88D0EF; text-decoration:underline;} #twitter-Msg a:hover {color:#FFF;} #twitter-Msg span {display:block; padding-top:10px; font-family:Georgia, serif;} #twitter-Msg span a {border-bottom:1px solid #72A2B9; text-decoration:none;} #twitter-Msg span a:hover {text-decoration:none; border-color:#FFF;} /*- Bordes redondeados -*/ #twitter-Msg .tlC, #twitter-Msg .trC, #twitter-Msg .blC, #twitter-Msg .brC {width:5px; height:5px;} #twitter-Msg .tlC {background-position:-84px -266px;} #twitter-Msg .trC {background-position:-90px -266px;} #twitter-Msg .blC {background-position:-84px -272px;} #twitter-Msg .brC {background-position:-90px -272px;} /*- Pajarito -*/ #twitter-Msg .pointer {width:43px; height:48px; background-position:-96px -233px; left:10px; bottom:-48px;} /*- Link a follow -*/ #twitter-Follow {padding:20px 0 0 80px;} /*--------------------------------------*/ /* NUBE DE TAGS */ /*--------------------------------------*/ #tagBox {width:260px; margin-right:0;} #tagBox li {float:left; padding:8px 12px 8px 0;} #tagBox a {display:block; min-height:15px;} .tagSize-1 {font-size:1.5em;} .tagSize-2 {font-size:1.3em;} .tagSize-3 {font-size:1.1em;} .tagSize-4 {font-size:1em;} .tagSize-5 {font-size:0.8em;} /*- Fin de Footer ----------------------------------------------------------*/ /*-----------------------------------------------------------------------------------------------*/ /*- Informacion inferior (Logos + Menu + Developer) ------------------------*/ #bottomInfo {font-size:0.9em; padding:10px 0; background:#002245; border-top:1px solid #194A68;} /*--------------------------------------*/ /* POWERED BY */ /*--------------------------------------*/ #bottom-PoweredBy {float:left; padding-left:10px; width:170px;} #bottom-PoweredBy li {float:left; margin-right:7px;} #bottom-PoweredBy a {height:37px;} #pBy-Wordpress a {width:34px; background-position:-140px -233px;} #pBy-Jquery a {width:37px; background-position:-175px -233px;} #pBy-BStudio a {width:62px; background-position:-213px -233px;} /*--------------------------------------*/ #bottom-Menu, #bottomInfo p {float:right; width:760px; text-align:right;} /*--------------------------------------*/ /* MENU */ /*--------------------------------------*/ #bottom-Menu {padding:5px 0;} #bottom-Menu li {display:inline; padding-right:6px; margin-right:5px; border-right:1px solid #FFF;} #bottom-Menu li.last {border:0; padding:0; margin:0;} #bottom-Menu li a {color:#FFF;} /*--------------------------------------*/ /* BAHIA ESTUDIO */ /*--------------------------------------*/ #bottomInfo p {color:#FFF; clear:right;} #bottomInfo p a {color:#FFAE27;} /*- Fin Informacion inferior (Logos + Menu + Developer) -------------------*/ /*-----------------------------------------------------------------------------------------------*/ /*- IE6 Fixes -------------------------------------------------------------*/ /*- Carga y Override del Sprite -*/ * html .tlC, * html .trC, * html .blC, * html .brC, * html .pointer, * html #logo a, * html #topMenu strong, * html #searchBox button, * html .sidebar-Box h4, * html #leaveCommentForm-Actions a, * html #leaveCommentForm form button, * html #subscribeBtnContainer button, * html #bottom-PoweredBy a {background-image:url(../images/sprite-ie6.gif);} * html #topMenu a {color:#FFF;} * html #topMenu a:hover {text-decoration:none;} * html #topMenu a strong {text-indent:0; width:auto; height:auto; padding-bottom:4px; font-size:1.1em; background:none; text-transform:lowercase; letter-spacing:-0.02em;} * html #topMenu a .tlC {left:-12px;} * html #topMenu a .blC {left:-12px;} * html #sectionContent {margin-right:13px;} * html #trackbacks {padding-top:20px;} * html #trackbacks h5 {height:22px;} * html #leaveCommentForm-Title h4 {height:34px;} * html #subscribeFieldContainer {background:#FFF;} * html #subscribeFieldContainer .blC {bottom:-1px;} * html #subscribeFieldContainer .brC {bottom:-1px;} * html #subscribeBtnContainer {margin-top:1px;} * html #tagBox a {height:15px; display:inline;} * html .postContent blockquote {background-position:33px 20px;} /*- Fix hasLayout -*/ * html .wrap, * html #recentPosts ul, * html .postTitle, * html .postContent blockquote p, * html .metaTags, * html #relatedPosts li, * html .comment-Text, * html .comment-Author, * html .sidebar-Box, * html .sidebar-Box ul, * html .sidebar-Box li, * html #leaveCommentForm form p, * html #twitter-Msg {height:1%;} /*- Fin IE6 Fixes ---------------------------------------------------------*/ /*-----------------------------------------------------------------------------------------------*/ /*- IE7 Fixes -------------------------------------------------------------*/ *+ html .postContent blockquote {background-position:33px 20px;} *+ html #trackbacks {padding-top:20px;} *+ html #subscribeFieldContainer {background:#FFF;} *+ html #subscribeBtnContainer {margin-top:2px;} *+ html #tagBox a {min-height:0; display:inline;} *+ html #footer {padding-bottom:35px;} /*- Fix hasLayout -*/ *+ html .postContent blockquote p, *+ html .comment-Text, *+ html #twitter-Msg {min-height:1%;} /*- Fin IE7 Fixes ---------------------------------------------------------*/ /*- Tools -------------------------------------------------------------------*/ .aligncenter { text-align:center; display:block; margin:0 auto; } .alignright { float:right; } .alignleft { float:left; } .postContent form table tbody tr td { border:0; } /*- Fin Tools --------------------------------------------------------------*/ .two-across-125 { width:320px; margin:0 auto; overflow:hidden; } .two-across-125 a img, .two-across-125 img a { padding:13px; margin:0; border:none; float: left; } /*-----------------------------------------------------------------------------------------------*/ /*-----------------------------------------------------------------------------------------------*/ /*--------------------------------------- FIN PUNTO GEEK ------------------------------*/ /*-----------------------------------------------------------------------------------------------*/ /*-----------------------------------------------------------------------------------------------*/