/* Theme Name: RSC Estudio Theme URI: http://www.rscestudio.com Description: Tema del blog RSC Estudio Author: toño Ramos Author URI: http://www.rulx.net */ body { background: url(img/bg_home.jpg) top center repeat-y; } #contenido { width: 870px; margin: 30px auto; } #header { height: 40px; margin-bottom: 30px; position: relative; } #menu { height: 20px; position: absolute; top: 20px; left: 265px; } #menu2 { position: absolute; top: 0; right: 0; } #columnas_home { padding-bottom: 15px; margin-bottom: 30px; border-bottom: 1px solid #C4C4C4; } #columnas_texto { margin-bottom: 60px; } #destacado { margin-bottom: 30px; } div.social { margin-bottom: 60px; } #detalle { margin-bottom: 50px; } #estudio { margin: 60px 0 40px 0; } h1 { width: 100px; height: 40px; background: url(img/logo.gif) top left no-repeat; position: absolute; } h1 span { display: none; } h1 a { display: block; width: 100px; height: 40px; } h2 { font-family: "Georgia", serif; font-size: 18px; line-height: 24px; color: #555; margin-bottom: 15px; margin-top: 40px; } h2 a { font-family: "Georgia", serif; font-size: 18px; line-height: 24px; color: #555; font-weight: normal; text-decoration: none; } h2 a.bold { color: #000; font-weight: bolder; } h2 a:hover { text-decoration: underline; } .fila_trabajos { margin: 20px 0; } .flot-izq { float: left; } .flot-der { float: right; } /* MENU */ #menu span { display: none; } #menu li { float: left; } #menu li.sep { width: 20px; background: url(img/menu/separador.gif) top center no-repeat #FFF; } #menu li a { height: 20px; display: block; background-position: 0 0; } #menu li a:hover { background-position: 0 -20px; } #menu li a.estudio { width: 65px; background-image: url(img/menu/estudio.gif); } #menu li a.trabajos { width: 76px; background-image: url(img/menu/trabajos.gif); } #menu li a.blog { width: 42px; background-image: url(img/menu/blog.gif); } /* MENU 2 */ ul.links { height: 15px; border-right: 1px solid #AAA; } ul.links li { float: left; font-family: "Verdana", serif; font-size: 10px; color: #AAA; line-height: 15px; height: 15px; border-left: 1px solid #AAA; } ul.links li a { font-family: "Verdana", serif; font-size: 10px; color: #AAA; line-height: 15px; height: 15px; display: block; text-decoration: none; padding: 0 5px; } ul.links li a:hover { color: #FFF; background-color: #AAA; } ul.links li span { display: none; } ul.links li.rsc a { padding: 0; width: 63px; background: url(img/menu/rscestudio.gif) top left no-repeat; } ul.links li.rsc a:hover { background-position: 0 -15px; } /* SOCIAL */ div.social a { margin-right: 5px; } /* COLUMNAS */ div.columna img { margin-bottom: 10px; } div.columna p { font-family: "Georgia", serif; font-size: 16px; line-height: 24px; color: #555; } div.columna p strong { color: #111; font-weight: normal; } div.columna a { font-family: "verdana", sans-serif; font-size: 10px; color: #AAA; line-height: 12px; text-decoration: none; display: block; } div.columna a strong { line-height: 16px; } div.columna a:hover strong { color: #000; } div.col3 { width: 280px; float: left; margin-right: 15px; } div.col2 { width: 430px; float: left; margin-right: 10px; } div.ult { margin-right: 0; } /* DETALLE TRABAJO */ #detalle div.imagenes { width: 870px; margin-bottom: 30px; } #detalle div.fila { margin-bottom: 10px; } #detalle div.lista_img { width: 870px; } #detalle div.texto { width: 350px; margin: 60px 0 40px 0; position: relative; } #detalle div.texto p { color:#555555; font-family:"Georgia",serif; font-size:16px; line-height:20px; margin-bottom: 24px; } #detalle div.texto a.sig { display: block; width: 22px; height: 19px; background: url(img/flecha.gif) top left no-repeat; position: absolute; bottom: 0; left: 848px; } #detalle div.texto a span { display: none; } #detalle ul.otros { padding-top: 20px; border-top: 1px solid #C4C4C4; } #detalle ul.otros li { margin-bottom: 5px; } #detalle ul.otros a { font-family: "verdana", sans-serif; font-size: 10px; color: #AAA; line-height: 12px; text-decoration: none; display: block; font-weight: bolder; } #detalle ul.otros a:hover { color: #000; } /* ESTUDIO */ #estudio #izquierda { width: 575px; float: left; } #estudio #derecha { width: 280px; float: right; } #derecha img { margin: 0; cursor: pointer; } #derecha ul { width: 200px; margin: 0 auto; } #derecha li { margin-bottom: 6px; } #izquierda p { color:#555555; font-family:"Georgia",serif; font-size:16px; line-height:24px; margin-bottom:24px; } #izquierda li { margin-bottom: 15px; } #izquierda div.info { margin-bottom: 60px; } #izquierda div.datos { width: 218px; height: 133px; border: 1px solid #C4C4C4; float: right; padding: 20px 30px; } #izquierda div.datos p { font-family: "Georgia", serif; font-size: 14px; color: #000; line-height: 16px; margin-bottom: 10px; } #izquierda div.datos a { font-family: "Georgia", serif; font-size: 14px; color: #000; line-height: 16px; text-decoration: none; } #izquierda div.datos a:hover { font-weight: bolder; } /* POST */ div.post { margin: 40px 0; border-bottom: 10px solid #DDD; padding-bottom: 25px; } div.post div.izquierda { width: 575px; float: left; } div.post div.derecha { width: 215px; float: right; } div.post p.autor { font-family: "arial", "helvetica", sans-serif; font-size: 12px; color: #AAAAAA; line-height: 16px; margin-top: 50px; } div.post p.autor strong { color: #888; font-weight: normal; } /* div.post img { margin-bottom: 20px; } */ /* WORDPRESS PONE LAS IMÁGENES EN UN

*/ div.post a { color: #EC6E00; text-decoration: none; } div.post a:hover { text-decoration: underline; } div.post h2 { margin: 0 0 15px 0; color: #000; font-size: 21px; line-height: 25px; } div.post h2 a { color: #000; text-decoration: none; color: #000; font-size: 23px; font-weight: bolder; line-height: 25px; } div.post h2 a:hover { color: #AAA; text-decoration: none; } div.post p { color: #555; font-family: "Georgia", serif; font-size: 15px; line-height: 20px; margin-bottom: 20px; } div.post p.meta { font-family: "arial", "helvetica", sans-serif; font-size: 12px; color: #AAAAAA; line-height: 16px; margin: 20px 0; } div.post p.meta strong { color: #888; font-weight: normal; } div.post div.derecha a { text-decoration: none; color: #AAA; } div.post div.derecha a:hover { text-decoration: underline; } div.post div.derecha img { vertical-align: middle; } div.comentario { margin-top: 30px; } div.bot-comentario { height: 22px; background: url(bottom_comentario.png) bottom left no-repeat; margin-bottom: 40px; } div.comentario div.izquierda { width: 555px; float: left; background: url(fondo_comentario.png) top right no-repeat; padding: 40px 40px 0 40px; } div.comentario div.izquierda p { color: #000; font-family: "Georgia", serif; font-size: 13px; line-height: 20px; margin-bottom: 20px; } div.comentario div.derecha { width: 215px; float: right; } div.comentario div.derecha img { float: left; margin-right: 15px; } div.comentario div.derecha p { font-family: "arial", "helvetica", sans-serif; font-size: 12px; color: #888; line-height: 16px; } #form-comentarios { width: 575px; margin-bottom: 60px; } #form-comentarios p { margin-bottom: 10px; } #form-comentarios input { border: 1px solid #AAA; padding: 2px 5px; width: 200px; margin-right: 15px; font-family: "arial", "helvetica", sans-serif; color: #999; font-size: 12px; } #form-comentarios textarea { border: 1px solid #AAA; padding: 2px 5px; width: 565px;font-family: "arial", "helvetica", sans-serif; color: #999; height: 150px; font-size: 12px; } #form-comentarios label { line-height: 22px; font-family: "Georgia", serif; font-size: 16px; color: #999; } #form-comentarios input.boton { background-color: #EEE; border: 1px solid #888; color: #888; width: 150px; cursor: pointer; } #form-comentarios a { color: #888; } #form-comentarios a:hover { color: #000; } a.more-link { margin-top: 20px; display: block; }