/* Theme Name: Buenas Ideas Theme URI: http://buenasideaspy.com/ Description: The theme from Buenas Ideas Website Version: 1.0 Author: mEtAmorPher Author URI: http://metamorpher.net/ Tags: woody, geek stuff, custom header, fixed width, two columns, widgets */ /* Begin General */ a { color:#900 !important } a:hover { color:#000 !important } * { margin: 0; padding: 0 } html { height: 100%; } body { background:url(images/background.jpg) top center; font-family:'Lucida Grande', Helvetica, Sans-Serif; font-size: .9em; color: #333333; height: 100%; } .clear-all { clear:both; height: 1px; margin-top: -1px } .clear-left { clear:left; height: 1px; margin-top: -1px } .clear-right { clear:right; height: 1px; margin-top: -1px } #main-wrap { width: 960px; margin: 0 auto ; padding: 20px; background: url(images/bg-whitedot.png); clear: both; overflow: hidden; } #header { width: 100%; height: 286px; background: url(images/header.png) center top no-repeat; margin: 0 auto } #header-wrap { width: 960px; margin: 0 auto } #botonera { width: 300px; height: 100px; float: left; margin: 15px 0 0 } #botonera ul { width: 235px; height: 78px } #botonera ul li { width: 51px; height: 51px; float: left; list-style: none; margin-right: 4px } #botonera ul li a { float: left; width:51px; height: 51px; display: block} #botonera ul li a.nosotros { background:url(images/botonera.png) 0 -28px no-repeat; margin-top: 28px } #botonera ul li a.trabajos { background:url(images/botonera.png) -55px -19px no-repeat; margin-top: 19px } #botonera ul li a.contacto { background:url(images/botonera.png) -110px -9px no-repeat; margin-top: 9px } #botonera ul li a.inicio { background:url(images/botonera.png) -165px 0 no-repeat; margin-top: 0px } #botonera ul li a.nosotros:hover, #botonera ul li a.nos-current { background:url(images/botonera.png) 0 -106px no-repeat } #botonera ul li a.trabajos:hover, #botonera ul li a.tra-current { background:url(images/botonera.png) -55px -97px no-repeat } #botonera ul li a.contacto:hover, #botonera ul li a.con-current { background:url(images/botonera.png) -110px -87px no-repeat } #botonera ul li a.inicio:hover, #botonera ul li a.ini-current { background:url(images/botonera.png) -165px -78px no-repeat } #botonera ul li a .alt { background: #000; padding: 5px; color:#CCC; display: none; float: left; white-space:nowrap; margin: 53px auto; font-size: .7em } #botonera ul li a:hover .alt { display: block } #botonera ul li a.nosotros .alt { margin-left: -1px } #botonera ul li a.trabajos .alt { margin-left: 0 } #botonera ul li a.contacto .alt { margin-left: -9px } #botonera ul li a.inicio .alt { margin-left: 6px } #footer { width: 100%; height:285px; background: url(images/footer.png) center no-repeat } #footer #links { margin: 0 auto; width: 960px; height: 219px; font-size: 10px } #footer #links .box a .alt { background: #000; padding: 5px; color:#CCC; display: none; float: left; position: absolute; white-space:nowrap; margin: -60% auto } #footer #links .box a:hover .alt{ display: block } #footer #links .box-big { float: right; margin: 50px 0 0 0; width: 265px; height: 219px } #footer #links .box { width: 48px; height: 48px; position: relative; float: left } #footer #links .box a { float: left; display: block; width: 48px; height: 48px } #footer #links .ps { top: 54px; left: 16px } #footer #links .wp { top: 60px; left: 36px } #footer #links .tm { top: 69px; left: 55px } #footer #links .ap { top: 75px; left: 72px } #footer #links .co { top: 165px; left: -187px } /* End of General */ /* Begin Typography & Colors */ .widecolumn .entry p {font-size: .9em;} .narrowcolumn .entry, .widecolumn .entry {line-height: 1.4em;} .widecolumn {line-height: 1.6em;} .narrowcolumn .postmetadata {text-align: center;} small {font-family: Helvetica, Arial, Sans-Serif;font-size: 0.7em;line-height: 1.3em;} h1, h2, h3 {font-family: Helvetica, Arial, Sans-Serif;font-weight: bold; margin:0; padding:0 } h1 {font-size: 4em;text-align: center;} h2 {font-size: 1.6em;} h2.pagetitle {font-size: 1.6em;} #sidebar h2 span, #sidebar2 h2 span {font-family: Helvetica, Arial, Sans-Serif; color:#333; background: #FC0; display:inline-block; padding: 5px; font-size: .65em; font-weight: normal; letter-spacing: -.05em } #sidebar2 h2 span .bars, #sidebar h2 span .bars { font-weight: bold; letter-spacing: -.05em; line-height: 80%; color:#C00; font-size: 13px; font-family:Arial, Helvetica, sans-serif } h3 {font-size: 1.3em; letter-spacing: -.03em} h1, h1 a, h1 a:hover, h1 a:visited {text-decoration: none } h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {color: #333;} h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #sidebar2 h2, #wp-calendar caption, cite {text-decoration: none} .entry p a:visited { color: #b85b5a; } .narrowcolumn h2 { font-size: 2.3em !important; letter-spacing: -.06em !important; line-height: 100% !important } .sticky {background: #f7f7f7; padding: 0 10px 10px;} .sticky h2 {padding-top: 10px;} #sidebar, #sidebar2 {font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;} small, #sidebar ul ul li, #sidebar ul ol li, #sidebar2 ul ul li, #sidebar2 ul ol li, .nocomments, blockquote, strike {color: #777; margin: 1em 0} code {font: 1.1em 'Courier New', Courier, Fixed; padding: 5px; border: 1px solid #999; background:#FFF; margin: 1em 0; display: block } pre {border: 1px dotted #ccc; padding: 0.2em 0.5em; background:#FFF; overflow:scroll; margin: 1em 0} acronym, abbr, span.caps {font-size: 0.9em;letter-spacing: .07em;} a, h2 a:hover, h3 a:hover {color: #06c;text-decoration: none;} a:hover {color: #147;text-decoration: underline;} #wp-calendar #prev a, #wp-calendar #next a {font-size: 9pt;} #wp-calendar a {text-decoration: none;} #wp-calendar caption {font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;text-align: center;} #wp-calendar th {font-style: normal;text-transform: capitalize;} /* End Typography & Colors */ /* Begin Structure */ #page { width: 960px; margin: 0 auto ; padding: 20px } .narrowcolumn {float: left;padding: 0px;margin: 0 !important;width: 520px} .narrowcolumn .post {padding: 10px; background: url(images/bg-whitedot.png); margin: 0 0 10px 0 } .narrowcolumn .post p {margin: .7em 0 0 0; padding: 0; line-height: 1.3em} .narrowcolumn .post h2 {font-size: 2em !important; margin: 0} .narrowcolumn .post .date {background: url(images/calendario.png) no-repeat; width: 70px; height: 70px; float: right; margin: -15px -15px 6px 6px} .narrowcolumn .post .day {display: block; margin: 20px 0 0; font-size: 1.4em; font-weight: bold; letter-spacing: -.05em; text-align:center} .narrowcolumn .post .month {display: block; margin: 0; font-size: .9em; text-transform:uppercase; text-align:center} .narrowcolumn .post .comments {width: 45px; height: 35px; background:url(images/globo-comentarios.png) 0 0 no-repeat; text-align: center; padding-top: 8px; display: block; float: right; margin-top: -20px} .narrowcolumn .post .comments a {color:#000 !important;font-family: Helvetica, Arial, Sans-Serif;font-size: .9em} .narrowcolumn .postmetadata {margin: 10px 0 0; padding: 3px; background:#FFF; border: 1px solid #AAA;-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px; font-size:.8em} .narrowcolumn .attachment {text-align: center;margin: 5px 0px;} .narrowcolumn .entry p {margin: .7em 0 0 0; padding: 0; line-height: 1.5em} .narrowcolumn .lupa {width: 238px; height: 252px; background:url(images/lupa.png) no-repeat; display: block; float: left} .widecolumn {float: left;padding: 0px;margin: 0;width: 740px} .widecolumn .post {padding: 10px; background: url(images/bg-whitedot.png); margin: 0 0 10px 0 } .widecolumn .post h2 {font-size: 2em !important; margin: 0} .widecolumn .post .date {background: url(images/calendario.png) no-repeat; width: 70px; height: 70px; float: right; margin: -15px -15px 6px 6px} .widecolumn .post .day {display: block; margin: 20px 0 0; font-size: 1.4em; font-weight: bold; letter-spacing: -.05em; text-align:center} .widecolumn .post .month {display: block; margin: 0; font-size: .9em; text-transform:uppercase; text-align:center} .widecolumn .post .comments {width: 45px; height: 35px; background:url(images/globo-comentarios.png) 0 0 no-repeat; text-align: center; padding-top: 8px; display: block; float: right; margin-top: -20px} .widecolumn .post .comments a {color:#000 !important;font-family: Helvetica, Arial, Sans-Serif;font-size: .9em} .widecolumn .postmetadata {margin: 10px 0 0; padding: 3px; background:#FFF; border: 1px solid #AAA;-moz-border-radius: 3px;-khtml-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px; font-size:.8em} .widecolumn .smallattachment {text-align: center;float: left;width: 128px;margin: 5px 5px 5px 0px;} .widecolumn .attachment {text-align: center;margin: 5px 0px;} .widecolumn .entry p {margin: .6em 0; padding: 0; font-size: 1.1em; line-height: 1.5em} .barquitos {background:url(images/barquitos.png) 30px 20px no-repeat; height: 570px} .post {margin: 0 0 40px} .post hr {display: block;} .post p {margin: 1em 0} /*.post h2 {margin: 0; font-size: 2.5em; letter-spacing: -.07em; line-height: 110%}*/ .postmetadata {clear: both;} /* tabla de portfolio */ .widecolumn .post .entry .works .left { padding-right: 20px } .widecolumn .post .entry .works td { padding-top: 20px; font-size: .9em } /* End Structure */ /* Begin Sidebar */ #sidebar, #sidebar2 {padding: 0 0 0 10px; width: 210px; float: left; margin: 0; font-size: .9em} #sidebar form, #sidebar2 form {margin: 0;} #sidebar2 ul li div {margin: 0 5px} /* End Sidebar */ /* Begin Headers */ h1 {padding-top: 70px;margin: 0;} h2 {margin: 30px 0 0;} h2.pagetitle {padding: 15px 10px; background: url(images/bg-whitedot.png); margin: 0 0 10px 0; font-size: 2.5em; letter-spacing: -.07em; display: block; line-height: 90% } #sidebar h2, #sidebar2 h2 {margin: 0;padding: 0} h3 {padding: 0;margin: 0;} h3.comments {padding: 0;margin: 40px auto 20px ;} /* End Headers */ /* Begin Images */ p img {padding: 0;max-width: 100%;} /* Using 'class="alignright"' on an image will (who would've thought?!) align the image to the right. And using 'class="centered', will of course center the image. This is much better than using align="center", being much more futureproof (and valid) */ 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;} /* End Images */ /* Begin Lists */ html>body .entry ul {margin-left: 0px;padding: 0 0 0 30px;list-style: none;padding-left: 10px;text-indent: -10px;} html>body .entry li {margin: 7px 0 8px 10px; font-size:.9em} .entry ol {padding: 0 0 0 35px;margin: 0;} .entry ol li {margin: 0;padding: 0;} .postmetadata ul, .postmetadata li {display: inline;list-style-type: none;list-style-image: none;} #sidebar ul, #sidebar ul ol, #sidebar2 ul, #sidebar2 ul ol {margin: 0;padding: 0} #sidebar ul li, #sidebar2 ul li {list-style: none; list-style-image: none; margin: 0 0 10px; background: url(images/bg-whitedot.png)} #sidebar ul p, #sidebar ul select, #sidebar2 ul p, #sidebar2 ul select {margin: 5px 0 8px;} #sidebar ul ul, #sidebar ul ol, #sidebar2 ul ul, #sidebar2 ul ol {padding: 5px 5px 10px; margin: 0} #sidebar ul ul ul, #sidebar ul ol, #sidebar2 ul ul ul, #sidebar2 ul ol {margin: 0 0 0 10px;} ol li, #sidebar ul ol li, #sidebar2 ul ol li {list-style: decimal outside;} #sidebar ul ul li, #sidebar ul ol li, #sidebar2 ul ul li, #sidebar2 ul ol li {margin: 3px 0 0;padding: 0; background: none} /* End Entry Lists */ /* Begin Form Elements */ #searchform {margin: 10px auto;padding: 15px 5px;text-align: center} #searchform #s {width: 142px; height: 17px; border: none; background: url(images/search.png) 0 0 no-repeat; font-size: 1.1em; padding: 5px 10px} #searchform #s:focus {background: url(images/search.png) 0 -27px no-repeat;} #searchsubmit {background: url(images/search.png) 0 -56px no-repeat; height: 27px; width: 29px; border: none; cursor:pointer; text-indent: -9999px} .entry form {text-align:center;} /* This is mainly for password protected posts, makes them look better. */ select {width: 130px;} #commentform input {width: 246px; height: 21px;margin: 0;background:url(images/forms.png) 0 0 no-repeat; padding: 12px 8px; font-size: 1.2em !important} #commentform input:focus {background:url(images/forms.png) 0 -45px no-repeat} #commentform textarea {width: 436px; height: 141px;margin: 0;background:url(images/forms.png) 0 -90px no-repeat; padding: 12px 8px; font-size: 1.2em !important; overflow: auto} #commentform textarea:focus {background:url(images/forms.png) 0 -255px no-repeat} #commentform button {margin: 10px 0 0 0; background:url(images/forms-buttons.png) 0 0 no-repeat; width:264px; height:47px; cursor:pointer; text-shadow: 0px 1px 0px #FFF; font-weight: bold !important; font-size: 1.2em !important} #commentform button:active {background:url(images/forms-buttons.png) 0 -47px no-repeat; cursor:pointer; text-shadow: 0px 1px 0px #111; color:#CCC} #commentform {margin: 5px 10px 0 0;} #respond:after {content: "."; display: block; height: 0;clear: both;visibility: hidden;} #respond .post p {margin: 0 0 10px; display: block} /* End Form Elements */ /* Begin Comments*/ .commentlist li, #commentform input, #commentform textarea, #commentform button {font: .9em 'Lucida Grande', Verdana, Arial, Sans-Serif; border: none} .commentlist li ul li {font-size: 1em} .commentlist li {font-weight: bold} .commentlist li .avatar {float: left;border: 1px solid #DDD;padding: 2px;background: #FFF;margin: 0 5px 5px 0} .commentlist cite, .commentlist cite a {font-style: normal} .commentlist p {font-weight: normal;line-height: 1.2em; font-size:1em; margin: .8em 0 !important; padding: 0 !important} .commentlist .says, .commentlist .fn {color:#930; font-weight: normal} .commentlist .fn {font-weight: bold !important} .commentlist .uinfo {display: block; margin: .9em 0 1.5em} #commentform p {font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;} .commentmetadata {font-weight: normal; font-size:.7em} .alt {margin: 0} .commentlist {padding: 0;text-align: left} .commentlist li {margin: 10px 0;padding: 10px;list-style: none; background:url(images/bg-whitedot.png)} .commentlist li ul li {margin: 10px -10px 0 0; clear: both} .commentlist p {margin: 1.2em 0} .nro {font-size: 5em; float:right; font-family: Helvetica, Arial, sans-serif; width: 80px; height: 40px; text-align: right; overflow: hidden;color:#999; margin: -18px -10px 0px 0} .children {padding: 0} #commentform p {margin: 5px 0;} .nocomments {text-align: center;margin: 0;padding: 0;} .commentmetadata {margin: 0;display: block;} .cancel-comment-reply {float: right; width: 100px} .cancel-comment-reply a {background: #930; color: #FFF !important; padding: 4px; display: block; font-size: .7em !important} .reply {font-size:.8em; float:right} a.comment-reply-link, a.comment-edit-link {background: #930; color: #FFF !important; padding: 4px; display: block; float:left; margin: 0 0 0 1px} a.comment-reply-link:hover, a.comment-edit-link:hover {color:#FFF} /* End Comments */ /* Begin Contact Form CSS */ .contactform {position: static;overflow: hidden;width: 95%;} .contactleft {width: 25%;white-space: pre;text-align: right;clear: both;float: left;display: inline;padding: 4px;margin: 5px 0;line-height: 45px;} .contactright {width: 70%;text-align: left;float: right;display: inline;padding: 4px;margin: 5px 0;} .contacterror {border: 1px solid #ff0000;} .contactsubmit {} /* End Contact Form CSS */ /* Begin Twitter Widget */ #wp-twitter ul li { padding: 5px 0 10px 0 !important; display: block !important; border-bottom: 1px dotted #AAA } #wp-twitter span.entry-content { display: block } #wp-twitter span.entry-meta { font-size: .7em; display: block } #wp-twitter span.from-meta { display: inline } #wp-twitter li.follow-us { padding-bottom: 0 !important; border: none } /* End Twitter Widget*/ /* Begin Calendar */ #wp-calendar {empty-cells: show;margin: 10px auto 0;width: 155px;} #wp-calendar #next a {padding-right: 10px;text-align: right;} #wp-calendar #prev a {padding-left: 10px;text-align: left;} #wp-calendar a {display: block;} #wp-calendar caption {text-align: center;width: 100%;} #wp-calendar td {padding: 3px 0;text-align: center;} /* End Calendar */ /* Begin Various Tags & Classes */ acronym, abbr, span.caps {cursor: help;} acronym, abbr {border-bottom: 1px dashed #999;} blockquote {margin: 15px 0px 15px 30px;padding-left: 20px;border-left: 5px solid #ddd; float: right; width: 40%} blockquote cite {margin: 5px 0 0;display: block;} .center {text-align: center;} .hidden {display: none;} .screen-reader-text {position: absolute;left: -1000em;} hr {display: none;} a img {border: none;} .navigation {display: block;text-align: center;margin-top: 20px;margin-bottom: 0px; clear:both} .navigation-comment {display: block;text-align: center; margin: 10px 0; clear: both} /* End Various Tags & Classes*/ /* Captions */ .aligncenter, div.aligncenter {display: block;margin-left: auto;margin-right: auto;} .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .wp-caption img {margin: 0;padding: 0;border: 0 none;} .wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;padding: 0 4px 5px;margin: 0;} /* End captions */ /* END OF THE STYLESHEET */