@charset "utf-8"; /* Theme Name: Festival Tango Queer Theme URI: http://www.festivaltangoqueer.com.ar/ Description: WordPress theme for Festival Tango Queer. Version: 1.0 Author: Augusto Bianchi Author URI: http://lemonpixel.net/ Tags: rojo, negro, tango, 2.0 style */ /* Definiciones CSS para sitio: Festival Tango Queer Actualizado: Jue 21.08.08 @ 12:25 p.m. Autor: Augusto Bianchi | lemonpixel.net ------------------------------------------ Índice: HOME GENERAL & LAYOUT SOCIAL (facebook, twitter, rss) MENU NEWSLETTER BOX BLOG BOX BANNERS COD. ERROR FOOTER NEWSLETTER ----------------------------------------------------*/ /* =HOME ----------------------------------------------------*/ #language { background-color: #323232; background-image: url(images/layout/red.jpg); background-repeat: repeat-x; background-position: top; height: 700px; padding-top: 20px; } #language #buttons { margin-right: 230px; margin-left: 230px; height: 40px; } #language #buttons ul { padding:0; list-style-type:none; margin: 0; } #language ul li { display: inline; width:128px; float: left; height: 31px; margin-right: 10px; margin-left: 10px; } #language ul li a { height: 25px; display: block; padding-top: 7px; font-family: "Trebuchet MS", Arial, Verdana, sans-serif; font-size: 12px; font-weight: bolder; color: #F8EDED; text-decoration: none; text-transform: uppercase; background-position: 0 0px; background-repeat: no-repeat; padding-right: 40px; padding-left: 40px; } #language ul li a:hover { background-position: 0 -31px; color: #FFF; } #language ul li a#es { background-image: url(images/layout/btn_es.gif); } #language ul li a#en { background-image: url(images/layout/btn_en.gif); } #imageGrid { width:540px; margin-right: auto; margin-left: auto; } /*--------------------------------------------------*/ /* =GENERAL & LAYOUT ----------------------------------------------------*/ :focus {outline: 0;} body { margin: 0px; padding: 0px; background-color: #000; height: 100%; background-image: url(images/layout/body_background.gif); background-repeat: repeat-y; background-position: center; } form { padding:0; margin: 0px; } input, textarea { color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 11px; background-image: url(images/layout/input_background.gif); background-repeat: repeat-x; background-position: top; border: 1px solid #DFDFDF; background-color: #FFFFFF; } hr { border: 0; color: #9E9E9E; background-color: #9E9E9E; height: 1px; width: 100%; text-align: left; } h2 { background-repeat: no-repeat; font-family: Georgia, "Times New Roman", Times, serif; color: #333; font-size: 22px; font-weight: normal; line-height: normal; } h3 { background-repeat: no-repeat; font-family: Georgia, "Times New Roman", Times, serif; color: #333; font-size: 16px; font-weight: normal; } blockquote { font-size: 12px; } #wrapper { height: 100%; min-height:100%; width: 760px; margin-right: auto; margin-left: auto; } #header { width: 760px; height:100px; background-image:url(images/layout/header.jpg); background-repeat: no-repeat; background-color: #000; } #header #logo { margin-top: 13px; margin-left: 50px; border: 0;} #color_edicion { height:30px; } .edicion_2008 { background-image: url(images/layout/edicion_2008.jpg); background-repeat: repeat-x; } .edicion_2007 { background-image: url(../library/images/layout/edicion_2007.jpg); background-repeat: repeat-x; } #barra_izq { float: left; width: 200px; background-image: url(images/layout/barraizq_background.jpg); background-repeat: repeat-x; background-position: top; } #content_wrapper { background-image: url(images/layout/main_container_background.jpg); background-repeat: repeat-x; background-position: top; background-color: #323232; } #contents { float: left; width: 500px; background-color: #FCFBF8; padding-top: 25px; padding-right: 25px; padding-left: 35px; font-family: "Trebuchet MS", Arial, Verdana, sans-serif; font-size: 12px; color: #000000; line-height: 20px; clear: inherit; font-weight: normal; background-image: url(images/layout/contents_background.jpg); background-repeat: no-repeat; background-position: right top; min-height:950px; height:auto !important; height:950px; } #contents ul { list-style-type: none; margin-top: 0px; margin-right: 20px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 10px; } #contents ul li { background-image: url(images/layout/bullet.gif); background-repeat: no-repeat; background-position: left 7px; padding-left: 10px; } #contents a { text-decoration: none; color: #910005; } #contents a:hover { text-decoration: underline; } #title { background-image: url(images/layout/title_background.jpg); background-repeat: no-repeat; height: 40px; margin-left: -35px; padding-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 30px; padding-top: 10px; padding-right: 0px; padding-bottom: 0px; font-family: Georgia, "Times New Roman", Times, serif; color: #333; font-size: 24px; } #title span { background-repeat: no-repeat; background-position: 10px; padding-left: 35px; line-height: normal; } #title span.intro { background-image: url(images/layout/icons/icon_intro.gif); } #title span.festival { background-image: url(images/layout/icons/icon_festival.gif); } #title span.imagenes { background-image: url(images/layout/icons/icon_fotos.gif); } #title span.films { background-image: url(images/layout/icons/icon_films.gif); } #title span.otras { background-image: url(images/layout/icons/icon_otras.gif); } #title span.links { background-image: url(images/layout/icons/icon_links.gif); } #title span.contacto { background-image: url(images/layout/icons/icon_contacto.gif); } #title span.newsletter { background-image: url(../library/images/layout/icons/icon_newsletter.gif); } #fade { background-image: url(images/layout/contents_fade.jpg); background-repeat: repeat-x; height: 73px; width:560px; float:right; } table.grid { border-left: 1px solid #E5E5E5; border-top: 1px solid #E5E5E5;} table.grid, table.grid td, table.grid tr, table.grid th { border-collapse: collapse; border-spacing: 0;} table.grid td, table.grid th { padding: 2px; border-bottom: 1px solid #ccc; border-left: 1px #efefef solid; border-right: 1px solid #ccc; border-top: 1px #efefef solid; } table.grid td { text-align: center; background-color: #FCFBF8; font-size: 10px; } table.grid th { color: #FFF; background: #910005; font-weight: normal; padding: 2px 8px; text-align: center; white-space: nowrap; text-align:center; } table.grid tfoot tr td { background-color: #FCFBF7;} table.grid td.christyychelsea, table.grid td.augustoymariana { background-color: #FFFFCE; } table.grid td.mariana { background-color: #A5E5F0; } table.grid td.alejandrohermida, table.grid td.uteymarga { background-color: #92C298; } table.grid td.fernandoyvilma, table.grid td.claudioymelina { background-color: #C0F6C1; } table.grid td.claudiabozzo, table.grid td.carla { background-color: #F7D391; } table.grid td.augusto { background-color: #FFCEAE; } table.grid td.aoeniken { background-color: #FFCEDE; } table.grid td.aurora { background-color: #A0BCE7; } table.grid td.claudemurga, table.grid td.paula { background-color: #DAF28E; } table.grid td.quiquemiller { background-color: #B387E5; } table.grid td.olgabescio { background-color: #39E7E7; } table.grid td.lalogargano { background-color: #E13C22; } .pie_de_img { font-size: 10px; color: #666666; line-height: 12px; } .doble_columna { float: left; width: 240px; margin-right: 10px; margin-bottom: 10px; } .img_right { float: right; margin-bottom: 10px; margin-left: 15px; border: 1px solid #333333; } #contents #foto_flash { border:0; float:right; /* margin-bottom:100px;*/ margin-left: 35px; } /* =SOCIAL ----------------------------------------------------*/ #social{ width:150px; height: 49px; padding-top:10px; padding-bottom:4px;padding-left:20px;} #social ul li{ background-repeat: no-repeat; display:inline; float:left; margin-right:10px;} #social ul li a.facebook{background-image: url(images/layout/icon-facebook.jpg);} #social ul li a.twitter{background-image: url(images/layout/icon-twitter.jpg);} #social ul li a.rss{background-image: url(images/layout/icon-rss.jpg);} #social ul li a{ width:32px; height:32px;display:block;} #social ul li a span{ display:none;} /* =MENU ----------------------------------------------------*/ #menu { margin-bottom: 10px; } #menu .top { height:40px; background-image: url(images/layout/menu_top.jpg); background-repeat: repeat-x; /*margin-top: 63px;*/ background-position: right top; } #menu .bottom { height:40px; } #menu .inner, #menu .bottom { background-image: url(images/layout/menu_background.jpg); background-repeat: repeat-y; background-position: right } #menu .inner ul { margin:0; padding:0; list-style-type:none; } #menu .inner ul li { margin:0; padding:0; width: 180px; margin-right:auto; margin-left:auto; } #menu .inner ul li a, #menu h4, h4 { height: 25px; display: block; padding-top: 7px; padding-right: 10px; padding-left: 10px; font-family: "Trebuchet MS", Arial, Verdana, sans-serif; font-size: 12px; font-weight: bolder; color: #F8EDED; text-decoration: none; text-transform: uppercase; } /*#menu .inner ul li a:hover, #menu .inner ul li h4:hover, #menu .inner ul li a.current { background-image: url(../images/layout/menu_over.jpg); background-repeat: repeat-x; color: #FFF; }*/ #menu .inner ul li a#home { background-image: url(images/layout/botones/btn_home.jpg); background-position: 0 0px; background-repeat: no-repeat; } #menu .inner ul li a#intro { background-image: url(images/layout/botones/btn_intro.jpg); background-position: 0 0px; background-repeat: no-repeat; } #menu .inner ul li a#imagenes { background-image: url(images/layout/botones/btn_imagenes.jpg); background-position: 0 0px; background-repeat: no-repeat; } #menu .inner ul li a#films { background-image: url(images/layout/botones/btn_films.jpg); background-position: 0 0px; background-repeat: no-repeat; } #menu .inner ul li a#links { background-image: url(images/layout/botones/btn_links.jpg); background-position: 0 0px; background-repeat: no-repeat; } #menu .inner ul li a#otras { background-image: url(images/layout/botones/btn_otras.jpg); background-position: 0 0px; background-repeat: no-repeat; } #menu .inner ul li a#contacto { background-image: url(images/layout/botones/btn_contacto.jpg); background-position: 0 0px; background-repeat: no-repeat; } #menu .inner ul li a#newsletters { background-image: url(../library/images/layout/botones/btn_newsletters.jpg); background-position: 0 0px; background-repeat: no-repeat; } #menu .inner ul li a#suscriptores { background-image: url(../library/images/layout/botones/btn_suscriptores.jpg); background-position: 0 0px; background-repeat: no-repeat; } #menu .inner ul li a#logout { background-image: url(../library/images/layout/botones/btn_logout.jpg); background-position: 0 0px; background-repeat: no-repeat; } #menu .inner ul li a#site { background-image: url(../library/images/layout/botones/btn_site.jpg); background-position: 0 0px; background-repeat: no-repeat; } #menu .inner ul li h4#f2009, #menu .inner ul li a#f2009 { background-image: url(images/layout/botones/btn_2009.jpg); background-position: 0 0px; background-repeat: no-repeat; } #menu .inner ul li h4#f2008, #menu .inner ul li a#f2008 { background-image: url(images/layout/botones/btn_2008.jpg); background-position: 0 0px; background-repeat: no-repeat; } #menu .inner ul li h4#f2007 { background-image: url(images/layout/botones/btn_2007.jpg); background-position: 0 0px; background-repeat: no-repeat; } #menu .inner ul li a#home:hover, #menu .inner ul li a#home.current, #menu .inner ul li a#intro:hover, #menu .inner ul li a#intro.current, #menu .inner ul li a#imagenes:hover, #menu .inner ul li a#imagenes.current, #menu .inner ul li a#films:hover, #menu .inner ul li a#films.current, #menu .inner ul li a#otras:hover, #menu .inner ul li a#otras.current, #menu .inner ul li a#links:hover, #menu .inner ul li a#links.current, #menu .inner ul li a#contacto:hover, #menu .inner ul li a#contacto.current, #menu .inner ul li h4#f2009:hover, #menu .inner ul li a#f2009:hover, #menu .inner ul li a#f2009.current, #menu .inner ul li h4#f2008:hover, #menu .inner ul li a#f2008:hover, #menu .inner ul li a#f2008.current, #menu .inner ul li h4#f2007:hover, #menu .inner ul li h4#f2007.current, #menu .inner ul li a#newsletters:hover, #menu .inner ul li a#newsletters.current, #menu .inner ul li a#suscriptores:hover, #menu .inner ul li a#suscriptores.current, #menu .inner ul li a#logout:hover, #menu .inner ul li a#logout.current, #menu .inner ul li a#site:hover, #menu .inner ul li a#site.current { background-position: 180px 0px; background-position: right top; } #menu .inner #ul2009 { background-color:#65AFDC; } #menu .inner #ul2008 { background-color:#8D4090; } #menu .inner #ul2007 { background-color:#E91D25; } #menu .inner #ul2009 li a, #menu .inner #ul2008 li a, #menu .inner #ul2007 li a{ height:20px; padding-left:20px; text-transform:none; } #menu .inner #ul2009 li a:hover, #menu .inner #ul2009 li a.current { background-image:none; background-color:#F48220; } #menu .inner #ul2008 li ul li a{ padding-left: 30px; }/*indent sub seccion*/ #menu .inner #ul2009 li a:hover, #menu .inner #ul2009 li.current_page_item { background-image:none; background-color:#3999D2; } #menu .inner #ul2009 li a:hover, #menu .inner #ul2009 li.current_page_item ul { background-image:none; background-color: #F48220 !important;} #menu .inner #ul2009 li a:hover, #menu .inner #ul2009 li.current_page_item ul li a:hover { background-image:none; background-color: #3999D2 !important;} #menu .inner #ul2008 li a:hover, #menu .inner #ul2008 li.current_page_item { background-image:none; background-color:#713274; } #menu .inner #ul2008 li a:hover, #menu .inner #ul2008 li.current_page_item ul { background-image:none; background-color: #8D4090 !important;} #menu .inner #ul2008 li a:hover, #menu .inner #ul2008 li.current_page_item ul li a:hover { background-image:none; background-color: #713274 !important;} #menu .inner #ul2007 li a:hover, #menu .inner #ul2007 li a.current { background-image:none; background-color:#D11A21; } #menu h4{ margin:0; /*padding-top: 7px;*/ padding-right: 10px; padding-bottom: 0; padding-left: 10px; } /*--------------------------------------------------*/ /* =FESTIVALITO ----------------------------------------------------*/ #festivalito { margin-bottom: 10px; } #festivalito .top { height:40px; background-image: url(images/layout/festivalito_top.jpg); background-repeat: repeat-x; /*margin-top: 63px;*/ background-position: right top; } #festivalito .bottom { height:25px; } #festivalito .inner, #festivalito .bottom { background-image: url(images/layout/festivalito_background.jpg); background-repeat: repeat-y; background-position: right } #festivalito .inner ul { margin:0; padding:0; list-style-type:none; } #festivalito .inner ul li { margin:0; padding:0; width: 180px; margin-right:auto; margin-left:auto; } #festivalito .inner ul li a { height: 25px; display: block; padding-top: 7px; padding-right: 10px; padding-left: 10px; font-family: "Trebuchet MS", Arial, Verdana, sans-serif; font-size: 12px; font-weight: bolder; color: #F8EDED; text-decoration: none; text-transform: uppercase; } #festivalito .inner ul li a:hover { color:#FFFFFF;} #festivalito .inner ul ul li{ padding:0; width: 180px; padding-left:25px; } #festivalito .inner ul ul li.current_page_item { text-transform:none; background-image: url(images/layout/festivalito_bullet.gif); background-repeat: no-repeat; background-position: 20px center; } #festivalito .inner ul ul li a{ text-transform:none;} /*--------------------------------------------------*/ /* =NEWSLETTER BOX ----------------------------------------------------*/ #newsletter { margin-bottom:2px; background-image: url(images/layout/newsletter.jpg); background-repeat: no-repeat; background-position: top; height: 143px; padding: 10px; color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size: 10px; } #newsletter .title { font-family: Georgia, "Times New Roman", Times, serif; color: #F8F5F5; font-size: 18px; text-transform: uppercase; margin-bottom: 5px; margin-top: 2px; } #newsletter input { color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 11px; background-image: url(images/layout/input_background.gif); background-repeat: repeat-x; background-position: top; border: 1px solid #FFF; padding: 2px; margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; text-align: center; } #newsletter #enviar a { float: right; margin-top: 10px; font-family: "Trebuchet MS", Arial, Verdana, sans-serif; font-size: 12px; font-weight: bold; color: #F8EDED; text-decoration: none; padding-right: 5px; padding-left: 5px; height: 20px; text-transform: uppercase; } #newsletter #enviar a:hover { background-image: url(images/layout/enviar_over.jpg); background-repeat: repeat-x; background-position: top; color: #FFF; } #newsletter #confirm { margin-top: 35px; background-color: #BB0004; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; border: 1px solid #E9C7C7; visibility:hidden; } /*--------------------------------------------------*/ /* =BLOG BOX ----------------------------------------------------*/ #blog { margin-bottom:2px; background-image: url(images/layout/blog.jpg); background-repeat: no-repeat; background-position: top; height: 110px; padding: 10px; color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin-bottom:10px; line-height: 13px; } #blog .title { font-family: Georgia, "Times New Roman", Times, serif; color: #F8F5F5; font-size: 18px; text-transform: uppercase; margin-bottom: 5px; margin-top: 2px; } #blog a { float: right; margin-top: 10px; font-family: "Trebuchet MS", Arial, Verdana, sans-serif; font-size: 12px; font-weight: bold; color: #F8EDED; text-decoration: none; padding-right: 5px; padding-left: 5px; height: 20px; text-transform: uppercase; } #blog a:hover { text-decoration:underline; } /*--------------------------------------------------*/ /* =AUSPICIOS ----------------------------------------------------*/ #auspicios { background-color:#FFF; } #auspicios #institucionales { background-image: url(images/layout/auspicios_institucionales_background.jpg); background-repeat: repeat-x; height: 100px; } #newsletter .title { font-family: Georgia, "Times New Roman", Times, serif; color: #F8F5F5; font-size: 18px; text-transform: uppercase; margin-bottom: 5px; margin-top: 2px; } /*--------------------------------------------------*/ /* =BANNERS ----------------------------------------------------*/ #banners { margin-bottom: 10px; } /*--------------------------------------------------*/ /* =COD. ERROR ----------------------------------------------------*/ #errName, #errEmail, #errSubject, #errContents, #errLogin, #emailSent { font-size: 10px; line-height: 10px; color: #000000; padding: 3px; } #errName, #errEmail, #errSubject, #errContents, #errLogin { border: 1px solid #E6E600; background-color: #FFFFCC; } #emailSent { border: 1px solid #00D700; background-color: #E8FFE8; } /*--------------------------------------------------*/ /* =FOOTER ----------------------------------------------------*/ #footer { width: 745px; height:40px; background-image:url(images/layout/footer.jpg); background-repeat: no-repeat; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #999999; text-align: right; padding-top: 10px; padding-right: 15px; } #footer a { color: #999; text-decoration:none;} #footer a:hover { color: #97BA0A; text-decoration:underline;} /*--------------------------------------------------*/ /* =NEWSLETTER ----------------------------------------------------*/ /*#login { padding: 5px; border: 2px solid #EDE7D3; }*/ /*--------------------------------------------------*/ /* 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 */ .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; }