/* THEME NAME: Dodecá Cuatro THEME URI: http://dodeca.org/ DESCRIPTION: Cussine. VERSION: 0.8 AUTHOR: Matías Ventura */ /* ----- Estructura */ * { margin: 0; padding: 0;} html { background: #FFF url(images/fondo.png) repeat-x; height:100%; } body { font: 62.5% Helvetica,Arial,sans-serif; color: #444; } #wrapper { background: url(images/pie.png) no-repeat bottom center; margin: 0 auto; padding-bottom: 111px; width: 100%; } #header { width: 650px; margin: 0 auto; } #access { position: relative; overflow: visible; width: 700px; height: 20px; margin: 15px auto 0; } #content { width: 600px; margin: 0 auto; } #feature { background: transparent; border: solid #FFF; border-width: 5px 10px 25px; height: 150px; margin: 22px 0 0 -10px; position: relative; width: 600px; } body.page #feature { z-index: 1; } body.home #feature { background: url(images/ya-paso-todo.png); } body.tag #feature { background: url(images/banner-secciones.png); } body.single #feature { background: url(images/banner-post.png); } body.search #feature { background: url(images/banner-archivo.png); } body.pageid-584 #feature { background: url(images/banner-archivo.png); } body.date #feature { background: url(images/banner-archivo.png); } body.lista #feature { background: url(images/banner-lista.png); } body.four04 #feature { background: url(images/banner-404.png); } body.database #feature { background: url(images/banner-db.png); } #access div.skip-link { display: none; } /* ----- Menu */ h1#blog-title { margin: 45px 0 0 -140px; } h1#blog-title a { background: url(images/dodeca.png) no-repeat; display: block; height: 90px; margin: 0 auto; outline: none; width: 186px; text-indent:-9999px; } h1#blog-title a:hover { background-position: 0 -90px; } #blog-description { display: none; } #escuela-title { margin: 0 0 0 80px; position: absolute; left: 50%; top: 62px; } #escuela-title a { display: block; height: 47px; width: 63px; background: url(images/escuela-de-cine.png) no-repeat; text-indent:-9999px; outline: none; } #escuela-title a:hover { background-position: 0 -47px; } #menu { display: block; height: 20px; margin: 0 auto; } #menu ul { height: 20px; } #menu ul li { display: block; float: left; display: inline; margin-left: 32px; position: relative; } #menu ul li a { float: left; height: 20px; text-indent:-9999px; text-decoration: none; background: url(images/menu.png); outline: none; } #menu ul li ul { display: none; padding: 7px 10px 30px 0; width: 500px; } #menu ul li:hover ul { display: block; position: absolute; top: 15px; left: 0; height: 30px; } #menu ul li ul li { display: inline; margin-left: 20px; } #menu ul li ul li a { height: 23px; text-indent:-9999px; text-decoration: none; background: url(images/menu-sub.png); outline: none; } #menu ul li.centro-cultural { margin-left: 0; } #menu ul li.centro-cultural a { background-position: 0 0; width: 106px; } #menu ul li.centro-cultural a:hover { background-position: 0 -40px; } #menu ul li.centro-cultural a:active { background-position: 0 -20px; } #menu ul li.cine a { background-position: -106px 0; width: 42px; } #menu ul li.cine a:hover { background-position: -106px -40px; } #menu ul li.cine a:active { background-position: -106px -20px; } #menu ul li.seminarios a { background-position: -148px 0; width: 79px; } #menu ul li.seminarios a:hover { background-position: -148px -40px; } #menu ul li.seminarios a:active { background-position: -148px -20px; } #menu ul li.exposiciones a { background-position: -227px 0; width: 89px; } #menu ul li.exposiciones a:hover { background-position: -227px -40px; } #menu ul li.exposiciones a:active { background-position: -227px -20px; } #menu ul li.foro a { background-position: -316px 0; width: 44px; } #menu ul li.foro a:hover { background-position: -316px -40px; } #menu ul li.foro a:active { background-position: -316px -20px; } #menu ul li.espacio-utopico a { background-position: -360px 0; width: 105px; } #menu ul li.espacio-utopico a:hover { background-position: -360px -40px; } #menu ul li.espacio-utopico a:active { background-position: -360px -20px; } #menu ul li ul li.sala-cine a { background-position: -97px 0; width: 77px; } #menu ul li ul li.sala-cine a:hover { background-position: -97px -40px; } #menu ul li ul li.sala-cine a:active { background-position: -97px -20px; } #menu ul li.escuela-cine span { background: url(images/menu.png); background-position: -474px 0; position: absolute; top: 0; left: -30px; display: block; height: 23px; width: 13px; } #menu ul li.escuela-cine a { background-position: -487px 0; margin-left: -14px; width: 57px; } #menu ul li.escuela-cine a:hover { background-position: -487px -40px; } #menu ul li.escuela-cine a:active { background-position: -487px -20px; } #menu ul li ul li.joven-es a { background-position: -174px 0; width: 60px; } #menu ul li ul li.joven-es a:hover { background-position: -174px -40px; } #menu ul li ul li.joven-es a:active { background-position: -174px -20px; } #menu ul li ul li.mujer-es a { background-position: -241px 0; width: 56px; margin-left: -10px; } #menu ul li ul li.mujer-es a:hover { background-position: -241px -40px; } #menu ul li ul li.mujer-es a:active { background-position: -241px -20px; } #menu ul li ul li.contacto a { background-position: -303px 0; width: 84px; } #menu ul li ul li.contacto a:hover { background-position: -303px -40px; } #menu ul li ul li.contacto a:active { background-position: -303px -20px; } body.pageid-50 #menu ul li.centro-cultural > a { background-position: 0 -40px; } body.pageid-2 #menu ul li.escuela-cine a { background-position: -487px -40px; } body.pageid-4 #menu ul li.cine > a { background-position: -106px -40px; } body.pageid-40 #menu ul li.seminarios a { background-position: -148px -40px; } body.pageid-51 #menu ul li.espacio-utopico a { background-position: -360px -40px; } body.pageid-80 #menu ul li.centro-cultural > a, body.pageid-39 #menu ul li.centro-cultural > a, body.pageid-149 #menu ul li.centro-cultural > a { background-position: 0 -40px; } /* ----- Headings */ h2, h3, h4 { font-family: Georgia, Helvetica, 'Lucida Grande', Arial, Sans-Serif; font-weight: normal; } h2 a, h3 a { text-decoration: none; } h2.entry-title { font-size: 2.3em; font-weight: 100; } h2.entry-title a { color: #222; } h2.entry-title a:hover { color: #999; } body.home h2.entry-title, body.paged h2.entry-title, body.single h2.entry-title { width: 400px; } body.single h2.entry-title { color: #000; font-size: 2.5em; } body.category h3.entry-title a { color: #000; font-size: 2em; } body.tag h3.entry-title a { color: #000; font-size: 2em; } body.search h3.entry-title a { color: #002; font-size: 2em; font-weight: normal; } body.date h3.entry-title a { color: #002; font-size: 2em; font-weight: normal; } body.search h2.page-title, body.date h2.page-title { font-family: 'Lucida Grande', Arial; font-size: 1.1em; color: #888; padding: 5px; } body.search h2.page-title span, body.date h2.page-title span { font-size: 1.3em; border-bottom: 1px dotted #CCC; margin: 0 0 0 5px; } .entry-content h3 { margin: 15px 0 10px; } .entry-content .alert h3 { font-family: 'Lucida Grande', Arial; } .entry-content h4 { font-size: 1.2em; padding: 20px 0 5px 5px; color: #000; } /* ----- Tipografía */ .caps { font-size: .92em;} .amp { color: #666; font-size: 1.05em; font-family: "Warnock Pro","Goudy Old Style","Palatino","Book Antiqua",serif; font-style: italic; } .dquo { margin-left: -.38em;} blockquote { background: #F4F5E8; margin: 10px 25px; padding:10px 20px; } p em { color: #222; } /* ----- Links */ *:link, *:visited { text-decoration: none; } .entry-content a, .entry-content a:visited, .comment p a { border-bottom: 1px solid #DDD; color: black; font-weight: bold; padding: 4px 2px 4px; text-decoration: none; } /*02B0DB*/ .entry-content a img, .entry-content a:visited img { background: transparent; color: #FFF; border: none; } .entry-content a:hover img { background: #222; } .category-notas .entry-content a, .category-notas .entry-content a:visited { color: #111; font-weight: bold; } .entry-content a:hover, .comment p a:hover { background: black /*#C1EC52*/; border-bottom: white; color: white; } .entry-content a:active, .comment p a:active { background: #DAECBA; color: black; } .entry-content .alert h3 a, .entry-content .alert h3 a:visited { color: #111; font-weight: bold; } .entry-content .alert h3 a:hover { background: none; color: #000; } body.page .alert a, body.page .alert a:visited { color: #555; } body.page .alert a:hover { color: #000; background: none; } /* ----- Contenido */ .post { padding: 30px 10px; position: relative; } .page .entry-content p { padding: 5px; } .page .entry-content img { margin: -10px; } .entry-content { font-size: 1.3em; line-height: 1.8em; text-align: left; text-shadow: #000 0pt 0pt 0pt; } body.home .entry-content, body.category .entry-content { height: 130px; margin: 20px 0 0; } body.tag .entry-content { height: 130px; margin: 20px 0 0; } body.single .post { margin: 20px 0 0; } body.single .entry-content { margin: 20px 0 0; } .entry-content img { padding: 5px; margin: 10px 0; } .entry-content p { padding: 20px 0 0; line-height:25px; } .entry-content ul { margin: 10px 0 10px 50px; } .entry-content ul li { margin: 0 0 10px; } .entry-content strong { color: #000; } .entry-content em { color: #000; padding: 8px 0 4px; } .entry-content img.left { float: left; margin: 5px 10px 5px 0; } .entry-content img.right { float: right; margin: 5px 10px 5px 0; } .entry-content ul, .entry-content ol, .entry-content div, .entry-content blockquote { padding-top: 10px !important; } body.home .entry-date, body.tag .entry-date, body.category .entry-date { position: absolute; display: inline; width: 82px; height: 18px; overflow: hidden; top: 35px; right: 0; font-size: 1.3em; color: #999; text-transform: lowercase; font-variant: small-caps; } body.single .entry-meta { display: none; } body.search .entry-date, body.date .entry-date { color: #6A9702; font-size: 1.2em; display: block; width: 75px; height: 16px; overflow: hidden; } .category-notas .entry-title { display: none; } .category-notas .entry-content { background: url(images/notas.png) no-repeat; height: 50px !important; font-size: 1.2em; height: 90px; color: #666; margin: 0; padding: 0 0 0 50px; } .category-notas .entry-meta, .category-notas .entry-date { display: none !important; } body.single .category-notas .entry-title { display: block; } body.single .category-notas .entry-content { height: auto !important; } .notas-permalink { display: none; padding: 0 10px; } .category-notas .notas-permalink { display: inline; } ul.links { list-style-type: circle; margin: -10px 0 0 80px; } ul.links li { color: #999; margin: 5px 0 0; } ul.links li a, ul.links li a:visited { display: inline; border: none; text-decoration: none; overflow: hidden; } ol.links { list-style-type: decimal; margin: -10px 0 0 80px; } ol.links li { color: #999; margin: 5px 0 0; } ol.links li a, ol.links li a:visited { border: none; text-decoration: none; } ul.links-date { font-size: smaller; list-style-type: none; position: absolute; right: -30px; top: 0; } ul.links-date li { text-align: right; line-height: 1.7em; margin: 0 0 10px; } ul.links-date li span { background: #ED6; color: #111; font-size: 11px; padding: 3px 12px; } .ampliar { background: url(images/ampliar.gif) no-repeat; cursor: pointer; display: block; height: 13px; margin: 20px 0 0 10px; text-indent: -999px; width: 13px; padding: 0; } .ampliar + h3 { display: inline; font-family: Helvetica, Arial; float: left; margin: -20px 0 0 40px; } .ampliar + h3 a { border: none; font-size: 0.9em; } .ampliar + h3 a:hover { background: black; } /* Secciones */ body.category-fundacion #feature { background: url(images/banner-fundacion.png); } body.category-arte #feature { background: url(images/banner-arte.png); } body.category-cine #feature { background: url(images/banner-cine.png); } body.category-cursos #feature { background: url(images/banner-cursos.png); } body.category-debates #feature { background: url(images/banner-debates.png); } body.category-mujer-es #feature { background: url(images/banner-mujer-es.png); } /* ----- Pages */ body.page #container { position: relative; margin-top: 0; } img.banner { position: absolute; top: 15px; margin-left: -60px; padding: 0; z-index: 0; } /* body.page h2.entry-title { display: inline; background: #000; color: #e2e2e2; float: left; font-family: Helvetica, Arial; font-size: 18px; font-weight: lighter; text-transform: lowercase; padding: 6px 25px !important; word-spacing: 0.4ex; letter-spacing: 0.1ex; position: absolute; top: 130px; z-index: 200; margin-left: 65px; } */ body.page h2.entry-title { color: #111; font-family: "HelveticaNeue-Light", Helvetica, Arial; font-size: 30px; font-weight: normal; margin: 5px 0; text-transform: lowercase; padding: 5px; width: 300px; } .titulo { height: 33px; margin-left: 65px; } .titulo-i { display: block; float: left; background: url('images/titulo-i.png'); height: 33px; width: 40px; text-indent: -999px; } .titulo-d { display: inline; float: left; background: url('images/titulo-d.png'); height: 33px; width: 40px; text-indent: -999px; } body.page .entry-content { padding: 0 10px 0 5px; } #bcine-sociedad, #bpolemicas, #bdestacadas { display: none; } #cine-sociedad, #polemicas, #destacadas { margin-bottom: 30px; padding: right: 50px; position: relative; width: 450px; } body.page #primary { display: none; } /* ----- Navigation */ #nav-above { position: relative; color: #000; width: 100%; margin: 0 0 20px -10px; height: 20px; } #nav-above a { font-family: 'Lucida Grande', Arial; font-size: 1.1em; color: #888; text-decoration: none; } body.single #nav-above { display:none;} body.single #nav-above .nav-previous { position: absolute; left: 5px; margin-top: 30px; width: 280px; line-height: 25px; } body.single #nav-above .nav-next { position: absolute; right: 5px; margin-top: 30px; width: 280px; line-height: 25px; } body.paged #nav-above .nav-previous { position: absolute; left: 5px; } body.paged #nav-above .nav-next { position: absolute; left: 110px; } #nav-above .nav-previous a { background: url(images/volver.png); display: block; height: 40px; text-indent: -999px; width: 40px; } #nav-above .nav-previous a:hover { background-position: 0 -40px; } #nav-above .nav-previous span { display: none; } #nav-above .nav-next a { background: url(images/seguir.png); display: block; height: 40px; text-indent: -999px; width: 40px; } #nav-above .nav-next a:hover { background-position: 0 -40px; } #nav-above .nav-next span { display: none; } body.search #nav-above { margin: 25px 0 0; } #nav-below { position: relative; width: 100%; height: 16px; color: #888; background-image: url(images/round.gif); margin: 20px 0 60px; padding: 10px; } #nav-below a { font-family: 'Lucida Grande', Arial; font-size: 1.1em; color: #FFA; text-decoration: none; font-weight: bold; } #nav-below a:hover { color: #FFE; text-decoration: none; border: none; } #nav-below div.nav-previous { position: absolute; left: 11px; } #nav-below div.nav-next { position: absolute; right: 11px; } li#search { position: absolute; top: 370px; left: 50%; margin-left: 60px; list-style-type: none; } li#search h3.widgettitle { display: none; } li#search #s { width: 170px; height: 15px; border: 1px solid #DDD; padding: 3px 0 2px 5px; } li#search #s:hover { width: 170px; height: 15px; border: 1px solid #999; } li#search input#searchsubmit { background: #F1F1F1; border-color: #DDD #AAA #AAA #DDD; border-style: double; border-width: 3px; font-size:11px; font-weight:bold; padding:2px 10px; } li#search input#searchsubmit:active { border-color: #AAA #DDD #DDD #AAA; } body.single li#search { position: absolute; top: 370px; left: 50%; } body.page li#search { position: absolute; top: 170px; width: 300px; } body.escuela li#search { top: 170px; width: 300px; } li#text-2 { display:none; } body.single li#text-2 { display: block; position: absolute; top: 370px; left: 50%; margin-left: -280px; font-family: 'Lucida Grande', Arial; font-size: 1.1em; color: #888; } body.single li#text-2 a { color: #888; text-decoration: none; padding: 3px 4px; border-bottom: 1px dotted #DDD; font-size: 1.1em; } body.single li#text-2 a:hover { border-bottom: 1px solid #555; } li#text-4 { display:none; } body.escuela li#text-4, body.pageid-2 li#text-4 { display: block; position: absolute; top: 0; left: 50%; margin-left: 0; width: 350px; font-family: 'Lucida Grande', Arial; font-size: 1.1em; color: #888; } li#text-4 a { color: #888; text-decoration: none; padding: 3px 4px; border-bottom: 1px dotted #DDD; } li#text-4 a:hover { border-bottom: 1px solid #555; } .text-5 /* Ombú */ { display:none; } body.pageid-50 .text-5 { display: block; position: absolute; top: 370px; left: 50%; margin-left: 80px; font-family: 'Lucida Grande', Arial; font-size: 1.1em; color: #888; } body.pageid-50 .text-5 a { color: #888; text-decoration: none; padding: 3px 4px; border-bottom: 1px dotted #DDD; font-size: 1.1em; } body.pageid-50 .text-5 a:hover { border-bottom: 1px solid #555; } /* ----- Sidebar */ #primary, #secondary { display: block; width: 100%; margin: 50px auto 0; } #primary.sidebar { width: 600px; } #secondary.sidebar { width: 600px; height: 250px; } body.page #secondary.sidebar { position: relative; } .sidebar h3.widgettitle { font-size: 1.6em; font-weight: normal; color: #222; } #primary.sidebar ul.xoxo, #secondary.sidebar ul.xoxo { margin-left: 0px; } ul.xoxo li { list-style-type: none; } ul.xoxo li ul { margin: 0 0 0 5px; } .widget ul { font-family: 'Lucida Grande', Arial; } .widget ul li { width:230px; height: 20px; border-bottom:1px solid #eee; margin: 0; font-size: 1.1em; } .sidebar li a { color: #777; text-decoration:none; outline: 0; } li#text-1 { display: none; } li#text-1 p { padding: 15px 0 0; line-height: 20px; } li#text-1 a { color: #666; text-decoration: none; padding: 3px 4px; border-bottom: 1px dotted #DDD; font-size: 1.1em; } li#text-1 a:hover { border-bottom: 1px solid #555; } body.home li#text-1 { display: block; float: left; width: 280px; font-family: 'Lucida Grande', Arial; font-size: 1.1em; color: #888; margin: 0 0 20px; } body.single li#text-1 { display: none; float: left; font-family: 'Lucida Grande', Arial; font-size: 1.1em; color: #888; margin: 0 0 20px; } li#php-code-1 { width: 600px; overflow: hidden; margin: 20px 0; font-family: 'Lucida Grande', Helvetica, Arial; font-size: 1.1em; line-height: 30px; } li#php-code-1 ul { margin: 10px 0 0; text-align: justify; } li#php-code-1 a { color: #333; text-decoration: none; padding: 2px 6px; margin: 4px 0 0; } li#php-code-1 a:hover { background: #222; color: #EEE; text-decoration: none; } li#php-code-1 { display: none; } body.home li#php-code-1 { display: block; float: left; } li#php-code-4 { display: none; float: right; width: 250px; margin: 30px 0 20px; } li#php-code-4 li { padding: 15px 0 10px 25px; height: 10px; overflow: hidden; background: #FFF url(images/list-articulo.gif) no-repeat 0pt 14px; line-height: 20px; } body.home li#php-code-4, body.category li#php-code-4 { display: block; float: right; width: 250px; margin: 0 0 20px; } li#bbld-widget { display: none; } li#bbld-widget li { padding:15px 0 10px 25px; height: 10px; overflow: hidden; background: #FFF url(images/list-foro.gif) no-repeat 0pt 14px; line-height: 20px; } li#bbld-widget p { font-family: 'Lucida Grande', Arial; margin: 20px 0 0; font-size: 1em; } body.home li#bbld-widget, body.single li#bbld-widget, body.paged li#bbld-widget { display: block; float: left; width: 250px; margin: 0 0 20px; } li#categories-1 { display: none; } li#categories-1 li { padding: 10px 0 10px 5px; height: 10px; width: 280px; font-size: 1em; line-height: 18px; } body.category li#categories-1 { display: block; float: left; } body.search li#categories-1 { display: block; float: right; } li#recent-comments { display: none; } li#recent-comments li { padding: 15px 0 10px 5px; height: 10px; width: 300px; line-height: 20px; overflow: hidden; margin: 0; } body.single li#recent-comments { display: block; float: right; width: 310px; height: 400px; color: #000; margin: 0 0 0 5px; } li#text-3 { display: none; } li#text-3 p { padding: 15px 0 0; line-height: 20px; } li#text-3 a { color: #666; text-decoration: none; padding: 3px 4px; border-bottom: 1px dotted #DDD; } li#text-3 a:hover { border-bottom: 1px solid #555; } body.search li#text-3, body.date li#text-3 { display: block; float: left; width: 250px; font-family: 'Lucida Grande', Arial; font-size: 1.1em; color: #888; } li#archives { display: none; } li#archives select { margin: 10px 0; } body.search li#archives, body.date li#archives { display: block; float: right; width: 280px; color: #888; } li#fuente-rss { display: none; width: 250px; font-family: 'Lucida Grande', Arial; color: #888; } li#fuente-rss li { margin: 10px 0 15px; } body.home li#fuente-rss, body.paged li#fuente-rss { display: block; float: right; width: 250px; margin: 0 0 20px; } body.category li#fuente-rss { display: block; float: left; } li#php-code-2 { display: none; width: 680px; } body.page li#php-code-2 { display: block; } #sitemap { clear: both; height: auto; margin: 0 0 20px -50px; width: 680px; } .arbol { float: left; display: block; color: #888; margin: 8px 0 5px -170px; font-size: 1.1em; text-transform: lowercase; text-align: right; width: 140px; overflow: hidden; } .arbol a { color: #cecece; display: block; font-size: 1.6em; } .arbol a:hover { color: #222; } .arbol .arbol-current { display: none; padding: 3px 8px; background: #F4F2DF; } body.page .widget ul li { width: 120px; border: none; } .sitemap-1 { float: left; margin: 0; padding: 5px; width: 120px; } .sitemap-2 { float: left; margin: 0; padding: 5px; width: 120px; } .sitemap-3 { float: left; margin: 0; padding: 5px; width: 120px; } .sitemap-4 { float: left; margin: 0; padding: 5px; width: 120px; } .sitemap-5 { float: left; margin: 0; padding: 5px; width: 120px; } ul.sitemap { font-family: Helvetica, 'Lucida Grande'; font-size: 1em; list-style-type: none; margin: 0; padding: 0 0 0 10px; } ul.sitemap li { margin-top: 3px; } ul.sitemap li a { color: #999; display: block; text-decoration: none; width: 100%; } ul.sitemap li strong a { color: #222; font-weight: bold; } ul.sitemap li a:hover { color: #222; text-decoration: none; } ul.sitemap li h3 { font-family: Helvetica, 'Lucida Grande'; font-size: 1em; font-weight: bold; } ul.sitemap li h3 a { color: #222; } ul.sitemap li h3 a:hover { color: #02B0DB; } /* Comentarios */ .comments h3 { font-size: 2.1em; font-weight: normal; } .comments ol { list-style-type: none; } #comments-list { height: 100%; } .comment, .pingback { position: relative; background: #FAFBFC; font-size: 1.2em; margin: 35px 0 0; padding: 0; width:600px; min-height: 100px; } .comment .alt { background: #F0F2F4; } .comment p, .pingback p { font-size:105%; margin: 0 0 -1em 210px; padding: 25px 30px 25px 0pt; width:380px; line-height: 25px; text-align: justify; } .comment-author { position: absolute; top: 10px; left: 0; color: #222; text-transform: uppercase; font-family: 'Lucida Grande', Arial; padding: 20px 30px 0 20px; font-weight: bold; } .comment-author a { color: #111; text-transform: uppercase; text-decoration: none; } .comment-meta { position: absolute; top: 50px; left: 0; color: #AAA; font-family: 'Lucida Grande', Arial; float:left; font-size:86%; padding:0 20px 20px; width:150px; } .comment-meta a { display: none; } .comment .meta-sep { display:none; } .bypostauthor, .bypostauthor .alt, .comment-author-matias { background: #EAEDE7 !important; } .comment-author a:hover { color: #02B0DB; text-decoration: none; } #trackbacks-list h3 { margin: 30px 0 -20px; } .pingback p { padding: 50px 0 20px; } .pingback .comment-author { color: #999; } .pingback .meta-sep { display: none; } #commentform { position: relative; } #respond { margin: 40px 0 0; } #respond h3 { clear: both; font-size: 2.1em; font-weight: normal; margin: 0 0 20px; } #comment-notes { width: 580px; background: #F4F2DF; padding: 20px; margin: 0 0 30px; font-size: 1.3em; } .form-label label { margin: 0 0 0 10px; font-size: 1.3em; } input#author, input#email, input#url { width: 200px; font-size: 1.1em; padding: 4px; margin: 8px 0; border-color: #DDD #AAA #AAA #DDD; border-style: double; border-width: 3px; } .form-input { width: 50%; margin: 0 0 20px; } .form-label { width: 30%; margin: 0 0 -30px 240px; color: #555; } .form-label .required, #comment-notes .required { padding: 0 0 0 8px; color: #9DC7D0; } body.loggedin #login { margin: 0 0 20px; font-size: 1.3em; } body.loggedin #login a, body.loggedin #login a:visited { color: #02B0DB; text-decoration: none; } body.loggedin #login a:hover { color: #000; text-decoration: none; } textarea#comment { width: 600px; height: 170px; border-color:#DDD #AAA #AAA #DDD; border-style:double; border-width:3px; font-size:1.2em; padding:5px; margin:10px 0 0; } div.form-submit { text-align: right; } input#submit { background: #F1F1F1; border-color:#DDD #AAA #AAA #DDD; border-style:double; border-width:3px; font-size:11px;font-weight:bold;margin:15px 0 -10px; padding:5px 10px; } input#submit:active { border-color:#AAA #DDD #DDD #AAA; } /* ----- Footer */ #footer { background: #FFF; position: relative; clear: both; width: 740px; font-family: 'Lucida Grande', Arial, Sans-Serif; font-weight: 500; color: #999; text-align: left; margin: 20px auto; padding: 15px 0; border-top: 1px #CCC solid } #footer a { color: #111; font-weight: bold; text-decoration: none; } #footer a:hover { border: none; text-decoration: underline; } #generator-link { display: block; height: 38px; line-height: 16px; background: url(images/dodeca-footer.png) no-repeat; margin-left: 35px; padding-left: 75px; } .admin-link { position: absolute; top: 405px; left: 50%; margin-left: 340px; font-size: 1.2em; } ul.admin-link { list-style-type: circle; color: #AAA; } .admin-link li { margin-top: 10px; } .admin-link a { color: #999; padding: 4px; } .admin-link a:hover { background: #222; color: #DDD; } #pie { width: 1600px; margin: 0 auto; height: 150px; margin: -20px 0 0; } /* ----- Escuela */ body.pageid-2 { background: url(images/escuela-bg.jpg) no-repeat fixed 0 400px; } body.pageid-2 #wrapper { background-image: none; } body.pageid-2 #feature { height: 180px; top: 0; background: #FFF url(images/escuela-banner.png) no-repeat; } /*body.pageid-2 #wrapper { background: transparent url(images/escuela-fondo.png) no-repeat 0 470px; width: 980px; margin: 0 auto; }*/ body.pageid-2 .page { margin: 5px 0; } /*body.pageid-2 h2.entry-title { display: block; text-indent:-9999px; height: 65px; width: 371px; background: url(images/escuela-title.png) no-repeat; margin: 0 auto; }*/ body.pageid-2 h2.escuela-title { color: #222; font-family: Helvetica, Arial; font-size:2.7em; text-transform: uppercase; font-weight:bold; letter-spacing:1px; margin: 20px 0 40px; text-align: center; width: auto; } body.pageid-2 h2.entry-title:after { content: " Dodecá"; display: inline; text-transform: uppercase; color: #999; } ul#escuela-nav { float: left; height: 280px; width: 150px; margin: 10px auto 30px; list-style-type: none; } ul#escuela-nav li { font-family: 'Lucida Grande', Arial; font-size: 1.2em; } ul#escuela-nav li a { background: #000; border-bottom: none; font-size: 0.9em; color: #EEE; font-weight: bold; padding: 5px 15px; } ul#escuela-nav li a em { color: #BBB; font-style: oblique; padding-right: 2px; } ul#escuela-nav li a:hover { border: 1px solid #000; color: #000; background: none; } ul.cortos { margin: 10px 0; font-family: 'Lucida Grande', Arial; font-size: 1em; color: #CCC; list-style-type: none; } ul.cortos li { display: inline; } ul.cortos li a { color: #AAA !important; text-decoration: none; font-size: 1.2em; margin-left: 20px; padding: 4px 8px; } ul.cortos li a:hover { background: #111; color: #ddd !important; } ul.cortos li a em { color: #111 !important; font-style: normal; } ul.cortos li a:hover em { color: #02B0DB !important; } ul.cortos-alt { margin: 10px 0; font-size: 1em; color: #CCC; list-style-type: none; } ul.cortos-alt li { display: inline; } ul.cortos-alt li a { background: #2E3E4E; color: #fff !important; border: none; text-decoration: none; margin-left: 10px; padding: 4px 8px; -webkit-border-radius: 4px; -webkit-box-shadow: 5px 5px 5px #ccc; } ul.cortos-alt li a:hover { background: #5E3704; } .prod { position: relative; display: block; } #cortometrajes { display: block; height: 70px; margin: 0 0; padding: 0; } #documentales { display: block; height: 70px; z-index: 2; margin: -10px 0; } #g2003 { display: block; } #g2004 { display: block; } #g2005 { display: block; } #g2006 { display: block; } #g2007 { display: block; } .trabajo-destacado { width: 640px; background: #111; color: #AAA; height: 150px; margin: 20px 0 20px -30px; padding: 0 15px; position: relative; } .trabajo-destacado h3 a { font-family: 'Lucida Grande', Arial; font-size: 1.5em; color: #bade00 !important; padding-left: 10px; } .trabajo-destacado h3 a:hover { color: #111 !important; background: #DDD !important; } .trabajo-destacado p { width: 300px; line-height: 1.1em; text-align: left; } .trabajo-destacado img { position: absolute; right: 25px; top: 13px; } body.pageid-79 { background: url(images/bg/mascaras-ii.jpg) no-repeat fixed center 380px; } /* Máscaras */ body.pageid-79 .entry-content { background: url(images/white-transp.png); } /* Máscaras */ /* ----- Cine */ .cine-semanal { display: block; width: 500px; margin: 0 auto; list-style-type: circle; } ul.cine-semanal li { margin: 30px 0; position: relative; border-top: 1px solid #EEE; } .cine-pelicula { clear: both; color: #444; font-size: 1.3em; font-family: Helvetica, Arial; font-weight: bold; letter-spacing: -1px; display: inline; margin: 10px 0; } .cine-ciclo { background: #ED6; color: #222; font-size: 1em; font-family: Helvetica, Arial; letter-spacing: -1px; float: right; padding: 4px 20px; line-height: 1em; } .cine-director { clear: both; font-size: 1.1em; font-family: Helvetica, Arial; margin: 25px 0 10px; padding-top: 20px !important; color: #555; } /*.cine-director strong { color: #222; font-family: Helvetica, Arial; font-weight: normal !important; background: #FFFFB3; padding: 3px 4px; }*/ .cine-fecha { clear: both; text-align: left; z-index: 2; font-size: 1em; color: #888 !important; font-family: Helvetica, Arial; overflow: visible; top: 30px; right: 0; width: 300px; } /* ----- Listas */ h3.page-list-h { color: #222; font-family: Helvetica, Arial; font-size: 1em; letter-spacing: -1px; } a.col-exp { background: #FFF url(images/ampliar.gif) no-repeat; margin-left: -50px; width: 13px; } ul.page-list { list-style-type: circle; position: relative; } ul.page-list li { font-size: 1em; font-family: Helvetica, Arial; letter-spacing: -1px; line-height: 1.4em; } ul.page-list li a, ul.page-list li a:visited { color: #222 !important; font-weight: bold; } ul.page-list li a:hover { background: #444 !important; color: #FFF !important; } ul.page-list-date { font-family: Helvetica, Arial; font-size: smaller; list-style-type: none; position: absolute; right: 30px; top: 40px; } ul.page-list-date li { text-align: right; line-height: 1.7em; margin: 1px 0; } ul.page-list-date li span { background: #ED6; color: #222; font-weight: normal; letter-spacing: -1px; padding: 2px 12px; } /* ----- Meta */ .entry-meta .author, .entry-meta .meta-sep { display: none; } body.home .entry-meta { margin: -35px 0 0; font-family: 'Lucida Grande', Arial; font-size: 1.2em; color: #DDD; } body.search .entry-meta, body.category .entry-meta { margin: 10px 0; font-family: 'Lucida Grande', Arial; font-size: 1.2em; color: #DDD; } .entry-meta .cat-links a { color: #AAA; text-decoration: none; font-size: 1.1em; margin-left: 10px; } .entry-meta .cat-links a:hover { color: #111; } .entry-meta .tag-links a { background: #ddd; color: #111; text-decoration: none; font-size: 1em; margin-left: 6px; } .entry-meta .tag-links a:hover { background: #000; color: #eee; } .tag-links { display: none; } .edit-link { margin: 0 0 0 25px; } .edit-link a { color: #9B8531; text-decoration: none; } .edit-link a:hover { color: #222; background: transparent; } body.page .edit-link { position: absolute; top: 180px; left: 50%; margin-left: 200px; } body.pageid-50 .edit-link { display: none; } span.btn { font-family: 'Lucida Grande',Verdana,sans-serif; font-size: 0.8em; border:2px solid #2E2E2E; color:#EEEACC; display:block; line-height: 1.1em; margin:0pt -1px; padding:0pt 5px 1px; position:relative; } body.search span.comments-link, body.archive span.comments-link { display: none; } span.comments-link { display: block; float: right; background: url(images/comentarios.gif) no-repeat top left; height: 30px; text-align: center; padding-left: 5px; } div.more-link a, span.comments-link a { display: block; background: url(images/comentarios-b.gif) no-repeat top right; color: #ddd; height: 30px; font-size: 0.9em; font-weight: bold; text-decoration:none; padding: 10px 10px 0; } span.comments-link a:hover span.btn, span.comments-link a:hover { color: #EAF7FF; } #feature .feature-link { z-index: 3; } #feature .feature-link a { display: block; width: 600px; height: 150px; } #tooltip { background: #111; display: none; font-family: Helvetica, Arial; padding: 4px 8px; position: absolute; z-index: 13000; } #tooltip h3 { display: inline; font-family: Helvetica, Arial; font-weight: bold; font-size: 13px; color: #EEE; padding: 8px 4px 4px; } #tooltip div.body { color: #EEE; display: inline; font-size: 13px; padding: 8px 4px 4px; } .caption { color: #999; font-family: arial; font-size: 1.4em; line-height: 1.42em; margin-bottom: 30px; } .caption a { color: #111 !important; font-weight: bold !important; } .caption a:hover { color: #FFF !important; font-weight: bold; } .alert { background: #F8F7EF; border-color: #B2B2B2; border-style: dashed; border-width: 1px 0pt; margin: 0.25em 0 0.5em; padding: 0.75em 0pt 0.5em; text-align:center; } body.page .alert { background: transparent; border:none; text-align: justify; padding: 20px; color: #777; margin: 20px 0; } .search-excerpt { background: #FFFFB3; padding: 3px 2px; } ul.entry-peliculas { float: left; height: 100px; list-style-type: none; margin: 10px 0 0 0; } ul.entry-peliculas li { color: #ccc; } ul.entry-peliculas li a { border: none; } ul.entry-peliculas li.info { background: url(images/iconos/info-peliculas.png) no-repeat 0 3px; padding-left: 30px; } ul.entry-peliculas li.realizadores { background: url(images/iconos/realizadores.png) no-repeat 0 3px; padding-left: 30px; } ul.entry-peliculas li.premios { background: url(images/iconos/premios.png) no-repeat 0 3px; padding-left: 30px; } .ui-tabs-panel { margin: 0 0 0 150px; } .ui-tabs-hide { display: none; } table#cursos { margin: 20px 0; border-top:1px solid #e5eff8; } table caption { display: none; background: #fff; border-bottom:1px solid #e5eff8; color: #555; font-size:.94em; letter-spacing:.1em; caption-side: center; padding: 5px; } thead th, thead td { background:#fff; border: none; border-bottom: 1px solid #e5eff8; text-align:center; font: 1.1em; color:#111; } tr.odd td { background:#f7fbff } tr.odd .column1 { background:#f4f9fe; } .column1 { background:#f9fcfe; } td { color:#678197; border-bottom:1px solid #e5eff8; border-left:1px solid #e5eff8; border-right:1px solid #e5eff8; padding:.3em 1em; text-align:center; } th { font-weight:normal; color: #6D7B88; text-align:left; border-bottom: 1px solid #e5eff8; border-left:1px solid #e5eff8; padding:.3em 1em; width: 400px; } th strong { font-size: 1.1em; font-weight: normal; color: #565E66 !important; } th a { color: #565E66 !important; font-weight: normal !important; border: none !important; padding: 0; } th a:hover { color: #000 !important; background: transparent !important; } th small { display: block; } /* --------------- Fin (2008) */