/* Theme Name: Congreso de Psicoanalisis Theme URI: Description: Author: g Author version: Tags: */ /* CSS Reset */ /* Global reset */ /* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */ *, 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:normal } ol, ul, li { list-style:none } caption, th { text-align:left } h1, h2, h3, h4, h5, h6 { font-size:100% } q:before, q:after { content:''} a { text-decoration:none } /* The below restores some sensible defaults */ strong { font-weight:bold } em { font-style:italic } * a { position:relative } /* Gets links displaying over a PNG background */ a img { border:none } /* Gets rid of IE's blue borders */ a { outline: 0; color: #096; text-decoration:none; } a:hover {text-decoration: underline;} .grid_ovl { background: #fff url(images/16_col.gif) repeat-y; } /* `Clear Floated Elements ----------------------------------------------------------------------------------------------------*/ /* http://sonspring.com/journal/clearing-floats */ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } /* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */ .clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; } .clearfix { display: inline-block; } * html .clearfix { height: 1%; } .clearfix { display: block; } /* ***********************************************************/ /* Sticky footer */ html, body { height: 100%; } #pagewrap { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -166px; } #footer, #push { height: 166px; } /* Estructura */ body { background: #f1f8ef url(images/body-bg.png) repeat-x top left; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: .85em;color: #987;line-height: 1.5; } #pagewrap { position: relative; } #header { height: 295px; position: relative; background: transparent url(images/header-bg.jpg) no-repeat 0px 0; } #main { background: transparent; min-height: 370px; height:auto !important; height:370px; padding: 30px 0; } .sidebar { background: transparent url(images/sidebar-m.gif) repeat-y top left; } .sidebar .box { background: transparent url(images/sidebar-b.png) no-repeat bottom left; padding: 0 20px 24px; min-height: 500px; height:auto !important; height: 500px; } .content { background: transparent url(images/content-m.gif) repeat-y top left; margin-top: -45px;} .content .box { background: transparent url(images/content-b.png) no-repeat bottom left; padding: 0 20px 24px; min-height: 545px; height:auto !important; height: 545px;} #footer { background: #00916b url(images/footer-bg.png) repeat-x top left; clear: both; width: 100%; } #footer-inside { overflow: hidden; height: 126px; margin: 0 auto; padding: 20px 0; background: transparent;} h1 {font-size: 20px;} h2 {font-size: 18px;} h3 {font-size: 16px;} h4 {font-size: 14px;} img{ border: none; padding:0; } img a{border:none;} img.left{ float: left; border: none; padding: 6px 0 0 0; } img.right{ float: right; border: none; padding: 0 0 0 6px; } /* header */ #header h1 a { display: block; width: 451px; height: 139px; text-indent: -9999px; position: relative; left: 10px; top: 60px; background: transparent url(images/logo.png) no-repeat top left;} #header h2 { display: none;} #date-badge p { position: absolute; top: 58px; right: -2px; width: 224px; height: 147px; text-indent: -9999px; background: transparent url(images/dates-badge2.png) no-repeat top left;} /* main menu */ #menu { background: transparent url(images/menu-bg.png) repeat-x top left; height: 54px; overflow:hidden; position: absolute; bottom: 0px; width: 960px; left: -10px; line-height: 47px;} #menu ul { } #menu ul li { list-style-type: none; float:left; } #menu ul li a { color: white; display:block; height: 54px; } #menu ul li.m1 a { width: 103px; background: transparent url(images/menu.gif) no-repeat 0px center; } #menu ul li.m1 a:hover { background-position: 0px bottom ; } .m1 #menu ul li.m1 a { background-position: 0px top ; cursor: default; } #menu ul li.m2 a { width: 190px; background: transparent url(images/menu.gif) no-repeat -103px center; } #menu ul li.m2 a:hover { background-position: -103px bottom ; } .m2 #menu ul li.m2 a { background-position: -103px top ; cursor: default; } #menu ul li.m3 a { width: 164px; background: transparent url(images/menu.gif) no-repeat -293px center; } #menu ul li.m3 a:hover { background-position: -293px bottom ; } .m3 #menu ul li.m3 a { background-position: -293px top ; cursor: default; } #menu ul li.m4 a { width: 201px; background: transparent url(images/menu.gif) no-repeat -457px center; } #menu ul li.m4 a:hover { background-position: -457px bottom ; } .m4 #menu ul li.m4 a { background-position: -457px top ; cursor: default; } #menu ul li.m5 a { width: 112px; background: transparent url(images/menu.gif) no-repeat -658px center; } #menu ul li.m5 a:hover { background-position: -658px bottom ; } .m5 #menu ul li.m5 a { background-position: -658px top ; cursor: default; } #menu ul li.m6 a { width: 90px; background: transparent url(images/menu.gif) no-repeat -770px center; } #menu ul li.m6 a:hover { background-position: -770px bottom ; } .m6 #menu ul li.m6 a { background-position: -770px top ; cursor: default; } #menu ul li.m7 a { width: 100px; background: transparent url(images/menu.gif) no-repeat -860px center; } #menu ul li.m7 a:hover { background-position: -860px bottom ; } .m7 #menu ul li.m7 a { background-position: -860px top ; cursor: default; } /* content */ #content { } .post { } .post h2 { color: #096; font-size: 18px; font-weight: bold; line-height: 1.2; } .post h2 a { color: #096; text-decoration: none; } .post h2 a:hover { color: #777; text-decoration: none; } .post ul {} .post li {} .entry p { margin:12px 0;} .m3 .entry p { margin: 0 0 5px; line-height: 1.2; } .entry h4 { margin: 12px 0 0; color: #096; line-height: 1.2; } .postmetadata { clear: both; background:#F7F7F7; padding:6px; margin: 20px 0; } .navigation { font-size:10px; width:100%; float:left; margin:0; padding:0; overflow:hidden; } .alignleft a { float:left; margin:25px 0;} .alignright a { float:right; margin:25px 0;} /* sidebar */ #sidebar { background: transparent; } #sidebar h2 { font:normal 14px arial, georgia, times; color: #000; margin: 0; padding: 0;} #sidebar label { font:normal 11px arial, georgia, times; color: #000; margin: 0; padding: 0; } #sidebar .banner { margin: 20px 0; width: 400px; overflow: hidden; } #sidebar .banner h2 { color: #096; font-weight: bold; margin: 0 0 5px; } /* comments */ #commentform { background:#fff; margin:0; padding:0; } #commentform p { color: #000; } #commentform a { color: #000; text-decoration: none; border-bottom: 1px dotted #465D71;line-height: 14pt;} #commentform h3 { font-family: georgia, times, verdana; font-size: 10px; font-weight: 300; color: #000; margin:0; padding:0; } #comment { width:80%;} #author, #email, #url, #comment, #submit { background: #fff; font-family: verdana, arial, times; font-size: 10px; margin:5px 5px 0 0; padding:0; border: 1px solid #000;} #submit { margin:5px 5px 0 0;} #comments { margin:0; padding:0} ol.commentlist { list-style-type: none; margin:0; padding:0;} .avatar { float:left; margin:0 12px 0 0; } ol.commentlist li { background: #fff; margin:10px 0; padding:5px 0 5px 10px; list-style-type:none; } ol.commentlist li.alt { background: #eee;} ol.commentlist li p { margin: 6px 0 6px 0; padding: 0 12px 0 0; line-height: 14pt;} ol.commentlist a { color:#000; } cite { font-family: arial, verdana, tahoma; font-size: 10px; font-weight: bold; font-style: normal; } cite a { color: #000; text-decoration: none; border-bottom: 1px dotted #465D71;} /* search */ #searchform { padding:0; margin:14px 0; } #searchform input#s { margin:0; padding:2px; border:1px solid #000; } #searchform input#searchsubmit { border:none; background:#333; color:#fff; text-transform:lowercase; } /* misc */ 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; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; /* optional rounded corners for browsers that support it */ -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; } /* First post in homepage */ .m1 .post { position: relative; margin-top: 50px; } /* .m1 .post { height: 280px; position: relative; margin-bottom: 30px; } .m1 .post .box { position: absolute; bottom: 0px; } */ /* Frame 1 */ #sidebar .frame-1 { background: #e9e6d7; padding: 10px; } #sidebar .frame-1 h2 { color: #096; font-weight: bold; margin-bottom: 1em; } #sidebar .frame-1 ul { margin: 5px 0 0 0; } #sidebar .frame-1 li { font-size: 11px; margin: .5em 0; } /* Frame 2 */ #sidebar .frame-2 { background: #e9e6d7; padding: 10px; } #sidebar .frame-2 h2 { color: #096; font-weight: bold; margin-bottom: 1em; } #sidebar .frame-2 ul { margin: 10px 0 0 0; } #sidebar .frame-2 li { font-size: 11px; margin: 0; line-height: 1.3; padding: 10px 0px 5px 15px; border-bottom: 1px solid #F1F8EF; background: transparent url(images/bullet2.gif) no-repeat 4px 15px; } /* Frame 3 */ #sidebar .frame-3 { margin-top: 20px; text-align: justify; font-size: 12px; } #sidebar .frame-3 h2 { color: #096; font-weight: bold; margin-bottom: 1em; } #sidebar .frame-3 ul { margin: 10px 0 0 0; } #sidebar .frame-3 li { font-size: 11px; margin: 0; line-height: 1.3; padding: 10px 0px 5px 15px; border-bottom: 1px solid #F1F8EF; background: transparent url(images/bullet2.gif) no-repeat 4px 15px; } /* Bloque modalidades */ #modalidades { } #modalidades h2 { color: #096; font-weight: bold; margin-bottom: 1em; font-size: 16px; } #modalidades ul, #modalidades ul li { color: #096; font-size: 14px; } /* Bloque sesiones temáticas */ #sesiones { } #sesiones h2 { color: #096; font-weight: bold; margin-bottom: 1em; font-size: 16px; } #sesiones ol, #sesiones ol li { list-style: inside decimal !important; font-size: 12px; } /* Bloque Secciones */ #bloque-secciones { margin-top: 30px; } #bloque-secciones table { color: white; margin: 10px 0; line-height: 1.1;} #bloque-secciones th { background: #096; width: 90px; padding: 10px; text-align: center; height: 90px; font-weight: bold; } #bloque-secciones td { background: #c2bda6; padding: 10px 10px 10px 20px; font-size: 11px; } /* Slideshow */ .slideshow-bg { margin-bottom: 30px; height: 280px; position: relative; right: -10px; } .slideshow-bg .box { width: 418px; height: 260px; padding: 10px; position: absolute; right: 0px; background: transparent url(images/fondo-slides.png) no-repeat top left;} .slideshow-bg .box .slideshow { width: 418px; height: 260px; } /* footer */ #footer p { line-height: 1.5; color: white; font-size: 11px; } #footer a { color: white;text-decoration: none;} #footer a:hover { color: white;text-decoration: underline;} #footer h3 { color: #75c4f0; font-weight: bold; font-size: 14px; margin-bottom: 1em; } #footer h2 { width: 130px; height: 124px; background: transparent url(images/logo-pie.gif) no-repeat left -25px; text-indent: -9999px; } .separador { height: 60px; } table.aranceles { border-collapse: collapse; font-size: 12px; } table.aranceles tr { margin-bottom: 10px; } table.aranceles th { background: #ED8; color: #096; width: 160px; height: 60px; text-align: center; font-weight: bold; border: 3px solid #F1F8EF; } table.aranceles td { background: #096; color: #fff; height: 60px; text-align: center; font-weight: bold; border: 3px solid #F1F8EF; } table.aranceles tr.table-header th, table.aranceles tr.table-header td { background: transparent; height: auto; color: #096; line-height: 1.2; } table.programa { border-collapse: collapse; font-size: 12px; width: 100%; font-size: 12px; color: #543; } table.programa .c1 { width: 70px; } table.programa .c2 { width: 150px; } table.programa .c3 { width: 150px; } table.programa .c4 { } table.programa th { background: #dce2da; text-align: center; font-size: 10px; line-height: 16px; border: 1px solid #c8b29c; text-align: left; padding: 3px 4px; vertical-align: top;} table.programa td { background: #F1F8EF; text-align: center; vertical-align: top; border: 1px solid #c8b29c; text-align: left; padding: 3px 4px; } table.programa td.plenario { background: #987; color: white; } table.programa td.foro { background: #ED8; color: #096; } table.programa td.paneles { background: #096; color: white; } table.programa tr.table-header th, table.programa tr.table-header td { background: transparent; height: auto; line-height: 1.2; text-align: left; padding: 3px 5px; border: 0px solid white; font-size: 11px; } table.fechas { width: 100%; margin: 20px 0; position: relative; left: -10px; } table.fechas td { border: 10px solid #F1F8EF; text-align: center; text-transform: uppercase; } table.fechas td a { display: block; padding: 15px 10px; background: #987; color: white; -moz-border-radius: 4px; -webkit-border-radius: 4px; } table.fechas td a:hover { background: #096; color: white; text-decoration: none;} table.hoteles { border-collapse: collapse; font-size: 11px; width: 100%; line-height: 1.2;} table.hoteles tr { margin-bottom: 10px; } table.hoteles th { background: #ED8; color: #096; height: 30px; border: 3px solid #F1F8EF; padding: 0 10px; } table.hoteles td { background: #096; color: #fff; height: 30px; text-align: center; border: 3px solid #F1F8EF; width: 32%;padding: 3px; } table.hoteles tr.table-header th { color: #096; line-height: 1.2; font-weight: bold; } table.hoteles tr.table-header td { color: #FFF; line-height: 1.2; font-weight: bold; } a.boton-inscripcion { width: 178px; height: 28px; background: transparent url(images/inscripcion.png) no-repeat top left; text-indent: -9999px; display: block; } a.boton-inscripcion:hover { background: transparent url(images/inscripcion.png) no-repeat center left; } a.boton-inscripcion:active { background: transparent url(images/inscripcion.png) no-repeat bottom left; } body.m5 h2 { color: #096; } /* Post */ .post ul { margin: 10px 5px; } .post li { font-size: 11px; margin: 0; line-height: 1.3; padding: 0px 0px 5px 15px; border-bottom: 1px solid #F1F8EF; background: transparent url(images/bullet2.gif) no-repeat 4px 4px; } #map_canvas { width: 398px; height: 230px; border: 1px solid #096; } .alt p { font-size: 13px; margin: 1em 0; line-height: 1.2; } .alt p.bullet { text-indent: 15px; margin-top: 30px; color: #096; font-size: 14px; background: transparent url(images/bullet2.gif) no-repeat 4px 5px; border-bottom: 1px solid #987; } .alt p.bullet2 { margin-top: 30px; color: #096; font-size: 14px; border-bottom: 1px solid #987; } .hoteleria h3 { color: #096; font-size: 12px; margin: 15px 2px 3px; } .hoteleria h4 { color: #096; font-size: 11px; margin: 3px 2px; } .hoteleria p { color: #096; font-size: 11px; } .hoteleria table { margin: 0 0 10px; } h4.participante { padding: 15px 0 5px 0; line-height: 1.1; } h4.participante span { font-weight: normal; font-size: 12px; } p.participante { margin: 0px 0 0 10px; font-size: 11px; text-indent: -7px; } p.nospace { margin-bottom: -0px; } #programa h1 { font: normal normal 24px/1.5 Arial, Helvetica; color: #096; border-bottom: 1px solid #096; border-top: 1px solid #096; padding-left: 60px; margin: 20px 0; } #programa h3 { color: #096; margin-top: 20px; } #programa h3 span a, p.volver a { font-size: 80%; font-weight: normal; color: #987; padding-left: 10px; } a.boton-programa { display: block; padding: 30px 0; text-align: center; background: #096; margin-bottom: 30px; text-transform: uppercase; color: white; font-weight: bold; letter-spacing: 1px; border: 2px solid #096; font-size: 16px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } a.boton-programa:hover { background: #ED8; color: #096; text-decoration: none; border: 2px solid #096; } .post ol li { font-size: 90%; margin: .5em 0 1.5em; line-height: 1; padding: 0; background: url(images/word.gif) no-repeat 0 0; } .post ol li a { padding-left: 30px; display: block; } .post ol li span { display: block; padding-left: 35px; font-style: italic; color: #987; padding-top: .2em; }