/* ----------------------------------------- RESET ----------------------------------------- */ *, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td{margin:0; padding:0} table{border-collapse:collapse; border-spacing:0} fieldset, img{border:0} address, caption, cite, code, dfn, em, strong, th, var{font-style:normal; font-weight:bold;} ol, ul, li{list-style:none} caption, th{text-align:left} h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal;} q:before, q:after{content:''} strong{font-weight:bold} em{font-style:italic} a img{border:none} h1, h2, h3, h6{} h5 {line-height:1.3; } /* ----------------------------------------- LAYOUT ----------------------------------------- */ .aligncenter{display:block; margin:0 auto} .alignleft{float:left} .alignright{float:right} .floatLeft{float:left} .floatRight{float:right} .clear{clear:both} .margen-top{margin-top: 30px;} /* ----------------------------------------- STRUCTURE ----------------------------------------- */ html, body{height:100%} body{font-size:62.5%; font-family:Georgia,Helvetica,sans-serif; color:#222; margin:0 auto -80px; text-align:center} #page-wrap{width:996px; min-height:100%; height:auto !important; height:100%; margin:0 auto -20px; padding-left:10px; padding-right:10px; text-align:left} .content{float:left;width:680px;} /* ----------------------------------------- TYPOGRAPHY ----------------------------------------- */ p{color:#222; font-size:1.5em; line-height:1.5; margin-top:1.5em; margin-bottom:1.5em; text-align:left} p a, p a:visited{border-bottom:1px solid #ff007e; color:#ff007e; text-decoration:none} a, a:visited{color:#222; text-decoration:none;} p a:hover{border-bottom:1px solid #222; color:#222; text-decoration:none; cursor:pointer;} .post h2{font-size:2.5em; text-transform:none; padding-bottom:0; border-bottom:0; margin: 20px 0 0 0} h2{font-size:1.8em; color:#222; text-transform:uppercase; padding-bottom:4px; border-bottom:2px solid #000; margin-top:28px; margin-bottom:28px;border-bottom:2px solid #000; } h4{font-size:1.8em; color:#222; text-transform:uppercase; padding-bottom:4px; margin-top:12px; margin-bottom:12px; } h3{color:#222; font-size:1.6em; font-weight:none; margin-top:9px; padding-bottom:4px} h3 a{text-decoration:none; color:#222;} .post ul li, .post ol li{font-size:1.2em; list-style-type:square; margin:5px 0 5px 15px} #reply{border-bottom:4px solid #C9C9C9; color:#222; font-size:1.8em; margin-top:28px; margin-bottom:16px; padding-bottom:4px} #texto{font-size:3.8em;} /* ----------------------------------------- TOP ----------------------------------------- */ #top {padding-top:10px; padding-bottom:1px;} #menu-subhomes{ position: relative; float:none; margin-top:5px; } #barrita-subhome { border-bottom:1px solid #000; margin-top:32px; margin-bottom:3px; position:relative } #logo {position:relative; z-index:1; float: left; margin-top:5px} #nav-pages { position:relative; float:right; } #nav{margin-top:5px; font-size:10px;} #nav ul{list-style-type:none; width:100%} #nav li{display:block; display:inline} #nav a:link, #nav a:visited { padding:5px; display:block; color:#353434; float:left; text-decoration:none; font-size:1.0em; font-style: italic; text-transform:lowercase } #nav a:hover{color:#ff007e;} ul#nav li.current_page_item a:link, ul#nav li.current_page_item a:visited, ul#nav li.current_page_item a:hover, ul#nav li.current_page_item a:active{color:#fff; text-decoration:none; background:#000} #barrita {height:10px;background-image:url(images/background.jpg); background-repeat:repeat;} #nav-cat {margin-top:0em; margin-left:0em} #nav-cat ul{list-style-type:none; width:100%} #nav-cat li{display:block; display:inline} #nav-cat a:link, #nav-cat a:visited{ padding:5px; display:block; color:#353434; margin-right:10px; float:left; text-decoration:none; font-size:12px; font-weight:normal; text-transform:uppercase; vertical-align: text-bottom; } #nav-cat a:hover{color:#ff007e;} /* ----------------------------------------- FEATURED ----------------------------------------- */ .front-post{width:303px; margin-right:25px; float:left} .front-post-last{width:303px; float:left} .featured-content{position:relative; width:303px;font-family:Georgia;} .featured-content p{margin-top:1em} .featured-post{position:relative; width:303px; height:231px; margin-bottom:0.3em;line-height:1.9em;} .featured-title h2{margin:8px 0px 7px 8px; line-height:1.6em; font-size:1.8em; text-transform:none; padding-bottom:0; border-bottom:0; font-family:Georgia;} .featured-title h2 a{display:block; color:#000; text-decoration:none; border-bottom:0} .featured-title h2 a:hover{color:#ff007e;} .featured-title{background-color:#fff;display:block; z-index:101; width:100%; bottom:0; filter:alpha(opacity=99); -moz-opacity:.99; opacity:.99; position:absolute; z-index:2;} .featured-image{position:absolute; z-index:1} .featured-content h2{margin-top:15px; font-family:Georgia;} .featured-content h2 a{color:#0b96d0; text-decoration:none} .featured-content h2 a:hover{color:#000} /* ----------------------------------------- SIDEBAR ----------------------------------------- */ #sidebar{float:right; width:285px; padding-left:20px; overflow:hidden} #sidebar li a{display:block; width:285px; margin:0; padding:8px 2px; list-style:none; border-bottom:1px solid #c9c9c9; font-size:1.4em; list-style-type:none; text-decoration:none; color:#222} #sidebar a{color:#e6e6e6; text-decoration:none} #sidebar a:hover{color:#666666; background-color:#ffffff;} #sidebar li div.publi a { padding: 0px; } #sidebar li div.publi a:hover { background: none; } #sidebar li div#itdiary-sidebar { overflow: hidden; height: 100%; position: relative; } #sidebar li div#itdiary-sidebar div#imagen{ position: relative; z-index:1; } #sidebar li div#itdiary-sidebar div#imagen img{ margin: auto; display:block; } #sidebar h2{font-size:1.8em; color:#222; text-align:right; text-transform:uppercase; border-bottom:2px solid #000; margin-top:28px; margin-bottom:0} #sidebar .phplist .required, #sidebar .phplist label { color:#222222; font-size:1.5em; line-height:1.5; margin-top:1.0em; text-align:justify; font-weight: normal; font-family:Georgia,Helvetica,sans-serif; display: block; float: none; } #sidebar .phplist label { margin: 0px; } /* inputs sidebar */ #sidebar .phplist input, #s { float:right; width:250px; margin-right:6px; padding-top:4px; padding-bottom:4px; padding-left:2px; padding-right:2px; border:1px solid #E5E5E5; font-size:1.1em } /* botones submit */ #sidebar .phplist input#contactsubmit { border:0; background:none; font-size:1.1em; font-weight:bold; text-decoration:underline; height:2.1em; padding-top:4px; padding-bottom:4px; padding-left:2px; color: #ff007e; margin-bottom: 3px; text-align:right; float:right; } #sidebar .phplist input#contactsubmit:hover{ cursor:pointer; color:#333333} /* it diary */ #sidebar h1 {padding:0; font-size:1.3em; font-weight:bold; margin: 5px 0 10px 0;} #sidebar p {margin:0; padding:0; font-size:1.1em} #suscribete, div.publi, #buscador {border: 1px #CCCCCC solid; padding:12px; height:auto} /* fin it diary */ /* ----------------------------------------- LATEST ----------------------------------------- */ #front-bottom{top:-27px; position:relative} #latest-wrap{float:left; } .latest-post-wrap{float:left; width:320px; margin-right:20px} .latest-post-wrap h3 a:hover {color: #ff007e; } .latest-post-wrap2 h3 a:hover {color: #ff007e; } .latest-post-wrap3 h3 a:hover {color: #ff007e; } .latest-post-wrap2{float:left; width:205px; margin-right:20px; } .latest-post-wrap3{float:left; width:155px; margin-right:10px; height: 230px} /* dos noticias por linea */ .latest-post{position:relative; width:320px; height:244px} /* tres noticias por linea para reportajes (fotos m�s largas) */ .latest-post2{position:relative; width:205px; height:297px} /* tres noticias por linea para otras noticias (fotos m�s cortas) */ .latest-post22{position:relative; width:205px; height:157px} /* cuatro noticias por linea para items */ .latest-post3{position:relative; width:155px; height:192px} .latest-image{position:absolute; z-index:1;} .latest-title h2{margin:8px 0px 7px 8px; line-height:1.4em; font-size:1.5em; text-transform:none; padding-bottom:0; border-bottom:0;font-family:Georgia;} .latest-title h2 a{display:block; color:#000; text-decoration:none} .latest-title h2 a:hover{color:#ff007e;} .latest-title{background-color:#fff;display:block; z-index:50; width:100%; bottom:0; filter:alpha(opacity=90); -moz-opacity:.90; opacity:.90; position:absolute; z-index:2;} .latest-content{position:relative; width:320px; height:120px; margin-bottom:20px; z-index: 2; top:-50px;} .latest-content2{position:relative; width:205px; height:120px; margin-bottom:20px;font-size:0.8em;text-align:left; z-index:2; top:-50px;} .latest-content3{position:relative; width:155px; height:auto; margin-bottom:20px;font-size:0.8em;text-align:left; top:-50px; z-index:2} .latest-content2 h3, .latest-content3 h3, .latest-content h3 { position:relative; } .latest-content2 h3 a, .latest-content h3 a{ background-color:#FFF; font-size: 1.4em; font-weight: lighter; line-height: 28px; } .latest-content3 h3 a{ background-color:#000; font-size: 1.1em; font-weight: lighter; color: #FFFFFF; line-height: 20px; } .latest-content h2{margin-top:15px} .latest-content h2 a{color:#0b96d0; text-decoration:none} .latest-content h2 a:hover{color:#000} .latest-content p{color:#222; font-size:1.2em; line-height:1.5; margin-top:8px; margin-bottom:1.5em; text-align:left} .latest-contentcaixa{width:680px; height:100%;} .latest-content2it{width:329px;float:left;text-align:left;margin-left:25px;font-size:1.5em;line-height:1.5em;height:100%; margin-top:25px;} .latest-content2it a{border-bottom:1px solid #ff007e; color:#ff007e; text-decoration: none; } .latest-content2it a:hover{border-bottom:1px solid #c9c9c9;} .latest-image2it{width:315px;float:left;margin-right:10px;height:100%;margin-top:25px;} /* ----------------------------------------- FOOTER ----------------------------------------- */ #push{height:80px} #footer{padding-top:5px; border-top:1px solid #C9C9C9; width:996px; margin:80px auto 0; height:80px; color:#ccc} #footer p{font-size:1.2em; color:#4d4d4d; line-height:1.5em; margin-bottom:0; margin-top:0.6em} #footer p a{border-bottom:1px solid #c9c9c9; color:#4d4d4d; text-decoration:none} #footer p a:hover{border-bottom:1px solid #c9c9c9; color:#0b96d0; text-decoration:none} /* ----------------------------------------- POSTMETA ----------------------------------------- */ .postMeta{font-size:1.2em; margin-bottom:18px; margin-top:8px; padding-bottom:24px; border-bottom:1px solid #c9c9c9} .postMeta-featured{margin-top:8px; font-size:1.2em; width:303px} .postMeta-front{margin-top:35px; font-size:1.2em;} .postMeta-post{position:relative; font-size:1.2em; border-bottom:1px solid #c9c9c9; padding-bottom:10px; padding-top:10px; margin:0 auto; width:475px;} .rectificacion {width:auto} .postMeta span.date, .postMeta-post span.date, .postMeta-featured span.date, .postMeta-front span.date{color:#8a8a8a; float:left} .postMeta span.comments a, .postMeta span.date a, .postMeta-post span.comments a, .postMeta-post span.comments, .postMeta-post span.date a, .postMeta-featured span.comments a, .postMeta-featured span.date a, .postMeta-front span.comments a, .postMeta-front span.date a{float:left; color:#8a8a8a; text-decoration:none} .postMeta-post span.nota-de {color:#8a8a8a;float:left} .postMeta-post span.author a {float:left; border-bottom:1px solid #ff007e; color:#ff007e; text-decoration:none; padding-right: 5px;} .postMeta span.comments, .postMeta-featured span.comments, .postMeta-post span.comments, .postMeta-front span.comments{float:right; background:#FFF url(images/comment.gif) no-repeat left center; padding-left:15px; margin-left:2px} /* ----------------------------------------- POSTS ----------------------------------------- */ .post-category{color:#8a8a8a; float:left; margin-bottom:8px} .post-tags{color:#8a8a8a; float:right} .post-category p, .post-tags p{color:#8A8A8A; font-size:1em; line-height:1.5em; margin-bottom:0em; margin-top:0em; text-align:none} .post img{margin:0;width:100%;} .post blockquote p{margin:0 2.6em; font-family:Georgia;line-height:18px;} .post .ngg-gallery-thumbnail img { width: auto; } /* ----------------------------------------- COMMENTS ----------------------------------------- */ .comment-heading{margin-bottom:26px; text-transform:none; border:none} .commentwrap{border-top:3px solid #C9C9C9; padding-bottom:15px; padding-top:15px} .commentpost{float:right; width:500px} .commentpost p{margin-top:0} .commentmetadata{float:left; width:20%; color:#2F2B23; line-height:1.5em; padding-right:20px; color:#999; font-size:1.1em} .commentmetadata li{list-style-type:none; padding:.3em; margin:0 .5em 0 0} .commentmetadata li a{border-bottom:1px solid #c9c9c9; color:#0B96D0; text-decoration:none} .warning{padding:10px; background:#282828; border:1px solid #323232; ; margin-bottom:10px} #comments label input{border:1px solid #E5E5E5; padding:5px 4px; margin-bottom:10px; width:160px} #comments label span{line-height:27px} #comments label{font-family:"Lucida Sans Unicode"; font-size:1.1em} #comment_author{margin:20px 20px 20px 0px; padding:0px; width:150px; float:left} #comments-content{display:block; border-bottom:1px solid #C9C9C9; margin:10px 0px 10px 0px; padding:0px} #comments textarea{margin-top:10px; padding:4px 0px; width:100%; border:1px solid #E5E5E5} .button{border:1px solid #E5E5E5; font-size:1.1em; font-weight:bold; height:25px; margin-top:10px; margin-bottom:10px; padding:0 8px; text-transform:uppercase} .children {margin-left: 50px} .children div {border:none} .children .commentwrap {border-top: 1px solid #C9C9C9;} .children .commentmetadata {padding-right:0px} .children .commentpost {text-align:left; float:right; width:78%} /* ----------------------------------------- SEARCH ----------------------------------------- */ #searchform{display:block; float:right; height:auto} /* boton e input incluido en seccion sidebar */ #searchsubmit{ border:0; background:none; color: #ff007e; font-size:1.1em; font-weight:bold; height:auto; padding-top:4px; padding-bottom:4px; margin-bottom: 3px; margin-right: 5px; float:right; text-align:right; text-decoration:underline; width:250px;} #searchsubmit:hover{ cursor:pointer; color:#333333} #sub{float:right; width:154px; margin-right:6px; padding-top:4px; padding-bottom:4px; padding-left:2px; padding-right:2px; border:1px solid #E5E5E5; font-size:1.1em} #caption{ background-image:url(images/background.jpg); background-repeat:repeat; } /* ----------- 2.0 ----------- */ /* navegacion para menu de categorias */ h4.barrita2 { padding-bottom:4px; margin-top:25px; margin-bottom:-10px; height:30px} /* menu subhome */ #content-grupo{float:left;width:680px; position:relative;} #espacio{ color:#FFFFFF; height: 15px; width:680px; position:relative} #barrita-superior { border-bottom:1px solid #CCC; margin-top:10px; margin-bottom:0px } .selected a { border-bottom: 7px solid #000000; margin-top: 0px; } /* otras noticias */ #otras-noticias { margin: 0 auto; width: 285px; text-align: center; postion:relative; } #bloque-itdiary{top:-30px; position:relative;} #sidebar li #otras-noticias h3 { color:#222; font-size:1em; margin-top:20px; padding-bottom:0px; border:none; font-weight: bold; } #sidebar li #otras-noticias a {border: none; margin: 0 auto; padding: 0} #sidebar li #otras-noticias h3 a:hover {color: #ff007e;} #sidebar li #otras-noticias p { color:#222; font-size:1.2em; font-weight:normal; margin-top:0px; margin-bottom:0px; padding-bottom:13px; text-align:center; } /* trio */ .trio { width:680px; height: auto; height:140px; font-size:1.2em; margin-bottom:0px; margin-top:5px; border-top:1px solid #c9c9c9; padding-top:20px} .trio h3{ color:#222; font-size:1.2em; font-weight:bold; margin-bottom:10px; margin-top:0px; padding-bottom:0px; border-bottom: 0; } .trio h3 a:hover {color: #ff007e;} .trio p{ color:#222; font-size:1.0em; font-weight:normal; margin-top:0px; padding-bottom:0px; border-bottom: 0; text-align: right} .titulo { margin-top:0px; position: relative; float: left; width: 107px; text-align:left} .noticia2-3{ margin-top:0px; position: relative; float: left; width: 270px; margin-left: 17px; text-align:right;} .noticia3-3{ margin-top:0px; position: relative; float: left; width: 270px; margin-left:16px; text-align:right} .texto-titulo { width: 150px; float:left; text-align:right} .image-titulo { margin-top:0px; width: 100px; position: relative; float:right; margin-left:5px; text-align:right} .linea {margin-bottom:0px; margin-top:0px; border-bottom:1px solid #c9c9c9; padding-bottom:0px} /* subhomes category.php */ #latest-post-wrap-cat{position:relative; float:left; width:660px; margin-right:15px; margin-bottom:5px; margin-top:px; z-index:0} .latest-post-cat {position:relative; float:left; width:330px; height:233px} .latest-post-content-cat {position:absolute; right:0px; bottom: 0px; width: 300px;height:233px; height: auto; } .latest-post-content-cat p { font-size:1.3em; margin-top: 10px; margin-bottom: 0px; } .latest-post-content-cat h2 { border-bottom:none; font-size: 2.0em; margin-bottom: 0px; padding-bottom:0px; text-transform:none} .latest-post-content-cat h2 a {color: #222;} .latest-post-content-cat h2 a:hover { color: #ff007e;} /* estilos items */ h6{color:#222; font-size:1.3em; font-weight:none; margin-top:9px; padding-bottom:4px} h6 a{text-decoration:underline; color:#ff007e;} h6 a:hover {color: #222;} .bloque {float:left; clear:both; position:relative} /* ---------------- fin 2.0 ---------------- */ #cab-itdiary{ border-bottom: 1px #CCCCCC solid; height: 110px; width:475px; margin: 0 auto; padding-top:20px; text-align:center; } .post-itdiary{ margin: 0 auto; border: none; height:auto; } .post-itdiary h2{ margin: 30px 0 25px 0; border: none; text-align:left; text-transform:none; font-size:2.4em; font-style:normal; margin-left: 100px; } .post-itdiary-content-all{ margin: 0 auto; height: auto; } .post-itdiary-content{ text-align:center; margin: 0 auto; padding-bottom: 25px; height: auto; } .post-itdiary-content img {border:none} .post-itdiary-content p{margin:0 auto;border:none} .texto-itdiary p{margin-left:150px; margin-right:150px; margin-top:20px} .texto-itdiary p a {margin-left:0px} .texto-itdiary img {margin-top:20px; margin-bottom:20px;} .texto-itdiary object {margin-top:20px; margin-bottom:20px;} .pagination a{ color: #ff007e; font-size: 13px; font-weight:bold; margin-left:110px; margin-right:110px; } .menu-itdiary{ margin-top: 20px; } #list-itdiary p a{border:none; color:#666666; font-size:13px; font-weight:lighter} #list-itdiary p a:hover{ color:#ff007e; font-size:13px;} #list-itdiary p {margin-bottom:7px; margin-left:5px} #menu-itdiary h1 { margin-bottom: 10px; margin-top:25px; border-bottom: 1px #CCCCCC solid; } #buscador h1{font-size:14px;font-weight:bold} .content-comments{ height:auto; display:none; border: 1px #999999 solid; width: 660px; padding-left: 15px; padding-right: 15px; } #comment-itdiary{ width: 660px; } html>body .link-hover { color: #8B8B8B; cursor:pointer; text-decoration: underline; } .add_this_more{ float:right} .retweet a{ background-image:none; color:#ff007e } #if_facebook { height: 20px; /* or whatever's necessary */ float: right; position: relative; } .retweet a:hover{ background-image:none; }