@charset "utf-8"; /* Theme Name: UnderBrain Theme 2012 Theme URI: http://www.boumanstudios.com/ Description: UnderBrain Theme is a wordpress theme by Bouman. Version: 1.0 Author: Bouman Studios Author URI: http://www.boumanstudios.com/ */ @import url("reset.css"); @import url("style-menu.css"); /* REGLAS GENERALES */ BODY{margin:0; padding:0; font-family:Tahoma, Geneva, Arial, Helvetica, sans-serif; font-size:11px; color: #333;} IMG A{border:none;} .uppercase {text-transform:uppercase;} .fright {float:right;} /* CLASES POR DEPURAR */ #contenido .claseuno{width:560px; margin-left:100px; padding-right:50px; margin-bottom:25px; border-right:1px solid #CCC;} #contenido .clasedos{width:600px; margin-left:100px; padding-right:20px; margin-bottom:25px; border-right:1px solid #CCC;} .center{text-align:center;} /* WEB */ #container{width:1035px;padding:0;margin:0 auto;} #container H3{font-size:34px; text-transform:uppercase; font-family:"Times New Roman", Garamond, serif; margin:0; line-height:34px; padding:0 0 6px; /*background:url(images/double-line.gif) repeat-x left bottom;*/display:inline;} #container H3 a{text-decoration:none; color:#333;} #container H3 a:hover{color:#ff0067;} /* estructura */ #contenido{ width:785px; float:left;} #sidebar{ width:250px; float:right;} #contenido, #sidebar{ padding:0 0 20px 0; overflow:hidden;} /* PORTADA */ #contenido .home-post {width:220px;margin:0;height:316px;overflow:hidden;float:left;border-right: 1px solid #888;border-bottom: 1px solid #888;padding:20px;} #contenido .home-post:hover { background-color: #dddddd; } #contenido .sinborderecho {border-right: 0px;} #contenido .sinbordeabajo { border-bottom: 0px;} #contenido .home-post .title { background:none; padding:0;} #contenido .home-post .title H2{margin:0; padding:0;} #contenido .home-post .title H2 a{text-decoration:none; text-transform:uppercase; color:#FF0067; margin:0; padding:0; font-size:12px; line-height:16px;} #contenido .home-post .title H2 a:hover{color:#ff0067; border-bottom:none; background:none;} #contenido .home-post .home-post-upper{height:190px; width:220px; overflow:hidden; position:relative; border-bottom:1px solid #ff0067;} #contenido .home-post .home-post-upper a IMG{text-decoration:none; border:none;} #contenido .home-post .excerpt{height:130px; overflow:hidden; padding:0 12px 0; font-size:11px; line-height:16px; background: none; cursor:pointer;} #contenido .home-post .excerpt P{margin:0 0 10px; padding:0;} #contenido .home-post .excerpt A{color:#333;} #contenido .home-post .excerpt:hover{text-decoration:none;} /* PÁGINA INDIVIDUAL */ #articulo { width:560px;} .th2e-content P IMG{ margin:10px auto; margin-left:30px;} .the-content .centraimg{width:540px; text-align:center;} #contenido .post{p-h-adding:0 20px 20px 0; font-size:12px; line-height:19px;} #contenido .post a{color:#333;} #contenido .post a:hover{background:#FFFAC7; color:#000; text-decoration:none;} #contenido .post H1{font-family: "Times New Roman", Garamond, serif; font-size:24px; text-transform:uppercase; margin:0; line-height:32px; padding:0 0 6px;} #contenido .post H4{font-family: "Times New Roman", Garamond, serif; font-size:20px; text-transform:uppercase; margin:0; line-height:26px; padding:0 0 6px;} #contenido .post H1 a, #contenido .post H4 a{text-decoration:none; color:#000;} #contenido .post H1 a:hover, #contenido .post H4 a:hover{color:#FFF; border-bottom:none; background-color:#ff0067;} #contenido .post-upper{background:url(images/dot.gif) repeat-x bottom;padding:12px 0;font-size:11px;line-height:16px;color:#606060;} #contenido .post-upper a{color:#606060;text-decoration:none;} #contenido .post-upper a:hover {color:#333;text-decoration:underline;} #contenido .post .image {float:right; margin:12px 0 12px 12px;} /* PÁGINA CATEGORÍAS */ #contenido .post-category{padding-left:20px; } #contenido .post-category:hover { background-color: #dddddd; } #contenido .cat-name{font-size:14px;background:url(images/dot.gif) repeat-x bottom;padding:4px 0 8px;width:700px;} #contenido .category-name {font-size:18px;color:#fff;text-transform:uppercase;background:#ff0067;font-weight:bold;} /* COMENTARIOS */ #comments-holder {padding:12px 0 0;} #comment-list {font-size:12px;padding:10px 0;} #comment-list .bigger {font-weight:normal;font-size:16px;line-height:20px;text-transform:uppercase;} .comment-left {padding:16px 0;background:url(images/dot.gif) repeat-x;} .comment-meta {float:left;margin-right:10px;font-size:10px;font-weight:bold;} .comment-meta2 {float:right;margin-right:10px;font-size:10px;font-weight:bold;} .comment-metadata {font-size:10px;font-weight:normal;} .comment-metadata a {text-decoration:none;} .comment-metadata a:hover {text-decoration:underline;} .comment-txt {float:left;width:500px;font-size:12px;line-height:18px;} cite {font-style:normal;text-transform:uppercase;font-size:12px;} #comments { width: 540px; } #respond { padding-top:5px; border-top: 2px solid #f2f2f3; margin-left:10px;} #respond h3 span {float: left; padding-left:25px; } #commentform { clear: both; } #commentform p {margin: 0;} #comment { width: 350px; clear: both; } .login {float: right; font-weight: normal; font-style: normal;} .comment-meta {float: left; width: 125px;} .comment-date {font-size: 10px; color: #aaaab4; margin-bottom: 15px;} .comment{margin-top:35px; border-top: 1px solid #e0e0e0; list-style: none;} .comment p, .comment ul, .comment ol {margin-left: 125px;} .comment ul.children {margin-left: 55px;} #cancel-comment-reply { padding:5px 0; } .commentlist, .commentlist ul { padding-left: 0;} .reply { margin-left: 125px;} .reply a {color:#835504;} textarea#comment { width: 510px; border: 1px solid #E0E0E0; padding: 10px; margin-bottom: 10px; overflow: auto; font: normal 12px "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif; padding-left:5px;} #author, #email, #url {width: 518px; font: normal 12px "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif; padding-left:5px;} .avatar { float:left; height:55px; padding-right:10px; width:55px; } .submit { margin-top: 10px; } #submit {border: none; background: #000; color: #fff; cursor: pointer; padding:5px 15px; float:right; margin-right:14px;} #submit:hover{background:#333; cursor:pointer; color:#FFF} .comment-reply-link { color: black; } /* FOOTER */ #footer {padding:20px 0;margin:0 auto;background:url(images/dot.gif) repeat-x;font-size:10px;line-height:14px;color:#5f5f5f;text-align:center;} #footer a {color:#5f5f5f;text-decoration:none;} #footer a:hover {text-decoration:underline;} /* WEB ELEMENTOS */ #paginador{ clear:both; text-align:center; width:345px; padding-top:10px; margin:0 auto;} /* Firma Autores */ #autor{width:505px; height:35px;background:url(images/autorbg.jpg) no-repeat top left;color:#000;font-size:12px;text-align:left;padding:15px 0 0 62px;} #autor:hover{background:url(images/autorbg.jpg) no-repeat bottom left;} #autor SPAN{float:right; padding-right:80px; text-align:right; font-weight:bold;} #autorimg{width:505px; height:35px; background:url(images/autorbg.jpg) no-repeat top left;color:#000;font-size:12px;text-align:left;padding:15px 0 0 62px;margin-top:-10px;} #autorimg:hover {background:url(images/autorbg.jpg) no-repeat bottom left;} #autorimg SPAN{float:right; padding-right:80px; text-align:right; font-weight:bold;} .linkautor {cursor:pointer;} /* navegador capítulos - posts */ #navegador {width: 560px;margin-top:25px;background: url(images/bg_otros.jpg) repeat;color:#fff;font-size:12px;font-weight:bold;text-transform:uppercase;text-align:center;padding-right:8px;} #navegador a:link{color:#FFF;} .category-tv{background: #97c3e1; border: 1px solid #84aac4;} #miniatura {float:left;} /*Quitar carita Wp*/ img#wpstats{width:0px;height:0px;overflow:hidden;} /* SIDEBAR */ .facebook_like {clear: both;position: relative;} .facebook_like .facebook_like_wrap {border-top: 2px solid #f2f2f3;border-bottom: 2px solid #f2f2f3;padding: 14px 0;margin:15px 0;} .facebook_like .twitter_button {float: left;height: 20px;overflow: hidden;width: 135px;margin:-4px 0 0 0;} .facebook_like .newsletter {float: right;width: auto;} #botnewsletter {background:url(images/botnewsletter.jpg) top;padding:3px 5px 5px;text-decoration:none; font-weight:bold; font-size:10px;color:#333;} #botnewsletter:hover{background:url(images/botnewsletter.jpg) bottom;} /* BUSCADOR */ .buscador{ font-family:Tahoma, Geneva, sans-serif;font-size:11px;font-weight:bold;background:#000;color: #fff;height:16px;text-decoration:none;border:hidden;margin:23px 0 0 0;} .buscador:hover{background:#333;cursor:pointer;} .buscadorcaja{padding:0 0 0 0;} /* WIDGET */ #widgets LI{list-style:none;} #widgets H2{color:#ff0067; text-transform:uppercase; padding:15px 0 5px;} #widgets .popular-posts { padding-bottom:15px;} #widgets .popular-posts a {text-decoration:none; color:#000; padding:2px;} #widgets .popular-posts a:hover {text-decoration:underline;} #widgets .dfrads {text-align:center; width:250px; margin:5px auto; padding-top:9px; border-top:1px solid #FF0067;}