/* Theme Name: Nemzetiségi Filmszemle Theme URI: http://nemzetisegifilmszemle.com Description: A Nemzetiségi Filmszemle hivatalos honlapja Version: 1.0 Author: Glaskugel Kft. Author URI: http://glaskugel.hu Tags: - */ body{ background:url(images/bg.gif); font:normal 14px "Trebuchet MS", Arial, sans-serif; } #page{ position:relative; overflow:hidden; padding:0 0 36px; background:url(images/pagebg.png) 70px 0 repeat-y; } #home { position:absolute; left:0; top:0; z-index:500; width:420px; height:400px; } #home a{ display:block; width:100%; height:400px; } #headerbg1{ position:absolute; top:0; left:0; z-index:0; width:480px; height:400px; background:url(images/headerbg1_hu.png) left 0 no-repeat; } #headerbg2{ position:absolute; top:0; left:480px; z-index:0; width:480px; height:400px; background:url(images/headerbg2.png) left 0 no-repeat; } #headerbg3{ position:absolute; top:0; left:720px; z-index:0; width:480px; height:400px; background:url(images/headerbg3.png) left 0 no-repeat; } #filmstrip{ position:absolute; top:292px; right:0; z-index:40; width:100px; height:300px; background:url(images/filmstrip.png) 0 0 no-repeat; } #footerbg1{ position:absolute; bottom:-1px; left:10px; z-index:30; width:240px; height:435px; background:url(images/footerbg1.png) left 0 no-repeat; } #footerbg2{ position:absolute; bottom:-1px; left:250px; z-index:30; width:240px; height:435px; background:url(images/footerbg2.png) left 0 no-repeat; } #footerbg3{ position:absolute; bottom:-1px; left:490px; z-index:30; width:240px; height:435px; background:url(images/footerbg3.png) left 0 no-repeat; } #footerbg4{ position:absolute; bottom:-1px; left:730px; z-index:30; width:240px; height:435px; background:url(images/footerbg4.png) left 0 no-repeat; } #header{ position:relative; height:250px; } #login{ height:253px; } #login form{ display:block; position:relative; left:33px; top:139px; width:180px; padding:9px 0 0; } #login p{ float:left; display:inline; overflow:hidden; width:180px; margin:0 0 5px; } #login label{ float:left; display:inline; width:45px; height:17px; padding:0 5px 0 0; font-size:20px; text-align:right; color:#5e5e44; letter-spacing:0.1em } #login input{ float:left; display:inline; width:120px; height:16px; font-size:11px; padding:3px 0 0; background:none; border:1px solid transparent; color:#666; } #login #lang{ float:left; display:inline; width:80px; margin:5px 0 0; } #login #hu{ float:left; display:inline; width:35px; height:17px; margin:0 5px 0 0; background:url(images/hu.gif) 0 top no-repeat; } #login #hu:hover{ background:url(images/hu.gif) 0 bottom no-repeat; } #login #en{ float:left; display:inline; width:35px; height:17px; margin:0 5px 0 0; background:url(images/en.gif) 0 top no-repeat; } #login #en:hover{ background:url(images/en.gif) 0 bottom no-repeat; } #login #reg{ float:right; display:inline; width:100px; } #login #loginbutton{ float:right; display:inline; width:70px; height:18px; margin:0 8px 0 0; padding:2px 0 2px 5px; font-size:14px; font-weight:bold; color:#5e5e44; background:url(images/loginbtnbg.gif) 0 0 no-repeat; text-transform:uppercase; } #login #loginbutton:hover{ color:#000; background:url(images/loginbtnbg.gif) 0 bottom no-repeat; } #login #registerbutton{ float:right; margin:0 7px 0 0; font-size:10px; font-weight:bold; color:#900; } #login #registerbutton:hover{ } #login #forgottenbutton{ float:right; margin:-7px 7px 0 0; font-size:10px; color:#5e5e44; } #login #forgottenbutton:hover{ } #login #loggedin{ display:block; height:75px; margin-top:-9px; background:#fff url(images/loggedinbg.gif) 0 0 no-repeat; } #login #loggedin p{ position:relative; left:95px; top:45px; font-size:36px; text-transform:uppercase; letter-spacing:0.05em; } #login #loggedin a{ color:#2186dd; } #flowcontainer{ height:253px; } #nav{ position:relative; overflow:visible; height:42px; } #nav ul{ float:right; display:inline; width:500px; } #nav ul li{ float:left; display:inline; position:relative; margin:0 10px 0 0; } #nav ul li a{ display:block; color:#fff; font-size:33px; letter-spacing:0.05em; text-transform:uppercase; } #nav ul li a:hover{ } /* submenu */ #nav ul li ul{ position:absolute; left:0; top:0; z-index:10000; width:150px; background:#d70000 url(images/submenubg.gif) 0 0 repeat-x; } #nav ul li ul li{ width:150px; margin:0 0 4px !important; } #nav ul li ul li a { font-size:26px; padding:0 10px; line-height:1.2em; background:url(images/submenulibg.gif) -150px center no-repeat; } #nav ul li ul li a:hover{ background:url(images/submenulibg.gif) right center no-repeat; } #content{ margin-top:40px; } h1{ width:840px; padding:0 120px 0 0; color:#939; font:normal 72px Georgia, "Times New Roman", Times, serif; text-align:right; background:url(images/welcometop.png) 60px bottom no-repeat; } #welcome{ overflow:hidden; margin-bottom:5px; } #welcome_box{ overflow:hidden; width:840px; margin:0 0 0 50px; background:#939; } #welcome_pic{ float:left; display:inline; width:220px; height:182px; background:url(images/welcomepic.gif) 0 0 no-repeat; } #welcome_text{ float:left; display:inline; width:619px; } #welcome_text p{ padding:10px 50px 10px 0; font-size:12px; color:#fff; text-align:justify; line-height:140%; } #welcome_text a{ color:#f90; font-weight:bold; } #welcome_text a:hover{ color:#fff; } #welcome_text span{ float:right; display:inline; font-weight:bold; } #welcome_bottom{ height:25px; background:url(images/welcomebottom.png) center bottom no-repeat; } #showcase{ } #news{} #news h2{ color:#939; font-size:48px; padding:0 0 0 20px; } #news_bottom{ margin:-8px 0 0; padding:0 0 40px; background:url(images/showcasebottomleft.gif) 0 bottom no-repeat; } #news_text{ padding:15px 0 0; background:url(images/showcasetopleft.gif) 0 top no-repeat; } #news_text li{ margin:0 0 15px; } #news_text li h2{ padding:0 15px 0 30px; margin:-3px 0 0; color:#c0e5ff; font-size:30px; letter-spacing:0.05em; line-height:1.1em; } #news_text li h2 a{ color:#c0e5ff; } #news_text li h2 a:hover{ color:#fff; } #news_text li h3{ padding:0 15px 0 30px; color:#ffc300; font-size:24px; letter-spacing:0.05em; line-height:1.1em; } #news_text li p{ padding:0 15px 0 30px; text-align:justify; color:#efefef; line-height:1.1em; } #movies{ background:url(images/moviebg.gif) 0 41px no-repeat; } #movies h2{ color:#939; font-size:48px; padding:0 0 0 20px; } #movie_bottom{ width:360px; margin:-8px 10px 0; padding:0 0 40px; } #movie_text{ padding:10px 0 0; } #movie_text li{ float:left; display:inline; width:360px; margin:0 0 15px 0; } #movie_text li h2{ padding:0 0 0 10px; margin:-6px 0 0; color:#ffc300; font-size:30px; letter-spacing:0.05em; } #movie_text li img{ width:360px; height:216px; } /* default page template */ .the_box{ background:url(images/theboxbg.gif) 20px 0 repeat-y; padding:0 30px; margin:0 0 70px 0; } .the_box_top{ position:absolute; top:-20px; left:0; width:100%; height:66px; background:url(images/theboxtopbg.gif) 0 0 no-repeat; } .the_box_bottom{ position:absolute; bottom:-65px; left:0; width:100%; height:121px; background:url(images/theboxbottombg.gif) 0 0 no-repeat; } /* the box nav */ .the_box_nav{ overflow:hidden; width:740px; } .the_box_nav a{ display:block; font-size:30px; padding:10px 0; color:#d9ae30; } .navleft{ float:left; display:inline; margin:0 0 0 20px; } .navleft a{ } .navright{ float:right; display:inline; } .navright a{ text-align:right; } /* video template */ h1#trophyhead{ background:url(images/trophytop.gif) 60px bottom no-repeat !important; } h2#videohead{ width:840px; padding:0 120px 0 0; color:#939; font:normal 72px Georgia, "Times New Roman", Times, serif; text-align:right; } #trophy{ } #trophy_box{ width:840px; height:180px; margin:0 0 0 50px; background:#939; } #trophy_pic{ position:relative; float:left; display:inline; width:220px; height:180px; background:url(images/trophybg.gif) 0 0 no-repeat; } #the_trophy{ position:absolute; left:50px; top:-20px; width:83px; height:246px; background:url(images/trophy.png) 0 0 no-repeat; } #trophy_text{ float:left; display:inline; width:619px; } #trophy_text h2{ font-size:36px; color:#c0e5ff; text-align:left; line-height:1em; } #trophy_text p{ padding:10px 50px 10px 0; font-size:14px; color:#fff; text-align:justify; line-height:1.23em; } #trophy_bottom{ height:80px; background:url(images/trophybottom.gif) 51px bottom no-repeat; } .movie_box{ position:relative; padding:0 70px 0 10px; } .movie_box h2{ width:750px; font-size:36px; margin-bottom:10px; color:#c0e5ff; letter-spacing:0.05em; line-height:0.5em; } .movie_desc{ float:left; display:inline; width:300px; margin-right:20px; } .movie_desc p{ color:#fff; font-size:28px; letter-spacing:0.05em; padding:10px 20px; background:url(images/moviedescbg.gif) 0 0 repeat-y; line-height:0.5em; } .movie_desc span{ color:#c0e5ff; } .movie_desc blockquote p{ font-size:14px; background:none; line-height:1.1em; padding:10px 0 0; text-align:justify; color:#fff; } .movie_player{ float:left; display:inline; width:420px; } .movie_player img{ width:420px; height:300px; } /* news template */ .news_box{ position:relative; overflow:hidden; padding:0 70px 0 10px; margin:0 0 40px } .news_box h2{ font-size:36px; margin-bottom:10px; color:#c0e5ff; letter-spacing:0.05em; line-height:0.5em; } .news_box h2 a{ color:#c0e5ff; } .news_box h2 a:hover{ color:#fff; } .news_box h3{ font-size:36px; color:#ffc300; letter-spacing:0.05em; line-height:0.5em; } .news_content h2{ font-size:24px; margin-bottom:10px; color:#c0e5ff; letter-spacing:0.05em; line-height:0.5em; } .news_content h3{ font-size:18px; color:#c0e5ff; letter-spacing:0.05em; line-height:0.5em; } .news_content h4{ font-size:16px; color:#c0e5ff; letter-spacing:0.05em; line-height:0.5em; } .news_content h5{ font-size:14px; color:#c0e5ff; letter-spacing:0.05em; line-height:0.5em; } .news_content p{ text-align:justify; color:#fff; } .news_content a{ color:#fff; font-weight:bold; } .news_content a:hover{ color:#d3a824; } .news_content blockquote{ padding:10px 10px 10px 20px; text-align:justify; color:#c0e5ff; background:url(images/blockquote.gif) 0 0 repeat-y; } .news_content ul{ list-style:disc; margin:0 0 0 20px; } .news_content ul li{ color:#fff; } .news_content ol{ list-style:decimal; margin:0 0 0 25px; } .news_content ol li{ color:#fff; } /* page template */ .page_box{ position:relative; padding:0 70px 0 10px; } .page_box h2{ font-size:36px; margin-bottom:10px; color:#c0e5ff; letter-spacing:0.05em; line-height:0.5em; } .page_content h2{ font-size:16px; margin:20px 0; color:#c0e5ff; letter-spacing:0.05em; line-height:0.5em; } .page_content h3{ font-size:14px; margin:20px 0; color:#c0e5ff; letter-spacing:0.05em; line-height:0.5em; } .page_content h4{ font-size:13px; margin:20px 0; color:#c0e5ff; letter-spacing:0.05em; line-height:0.5em; } .page_content h5{ font-size:12px; margin:20px 0; color:#c0e5ff; letter-spacing:0.05em; line-height:0.5em; } .page_content p{ text-align:justify; color:#fff; } .page_content a{ color:#fff; font-weight:bold; } .page_content a:hover{ color:#d3a824; } .page_content blockquote{ padding:10px 10px 10px 20px; text-align:justify; color:#c0e5ff; background:url(images/blockquote.gif) 0 0 repeat-y; } .page_content ul{ list-style:disc; margin:0 0 0 20px; } .page_content ul li{ color:#fff; } .page_content ol{ list-style:decimal; margin:0 0 0 25px; } .page_content ol li{ color:#fff; } .gallery_photo{ position:relative; overflow:hidden; float:left; display:inline; margin:10px 25px; } .gallery_photo div{ position:absolute; bottom:0; left:0; width:100%; background:#6d056e url(images/gallerycaptionbg.gif) 0 center no-repeat; } .gallery_photo div p{ padding:5px; font-size:11px; color:#fff; text-align:center; } .gallery_photo img{ border:5px solid #6d056e; width:185px; height:125px; } .contact_text{ float:left; display:inline; width:300px; } .contact_text p{ color:#fff; font-weight:bold; letter-spacing:0.05em; } .contact_text a{ color:#fff; } .contact_text a:hover{ color:#d3a824; } .contact_form{ float:left; display:inline; width:440px; } .formcontainer{} .formcontainer form{ display:block; } .formcontainer legend{ border:none; padding:0 5px; font-size:30px; color:#daae20; background:url(images/gallerycaptionbg.gif) center center no-repeat; letter-spacing:0.05em; line-height:1em; } .formcontainer fieldset{ display:block; padding:10px; margin:0 0 10px; border:1px solid #6c057a; } .formcontainer p{ display:block; overflow:hidden; margin:0 0 10px; } .formcontainer label{ float:left; display:inline; width:140px; padding:5px; font-size:16px; color:#fff; font-weight:bold; } .formcontainer input{ float:left; display:inline; width:240px; padding:5px; color:#fff; background:#6c057a; border:none; } .formcontainer textarea{ float:left; display:inline; width:240px; padding:5px; color:#fff; background:#6c057a; border:none; font: normal 14px "Trebuchet MS", Arial, sans-serif; } .formcontainer .button{ width:430px; padding:5px; color:#fff; background:#6c057a; border:none; } .information{ width:430px; padding:5px; color:#fff; background:#d2a626; border:none; font-weight:bold; } .success{ width:430px; padding:5px; color:#fff; background:#693; border:none; font-weight:bold; } .error{ width:430px; padding:5px; color:#fff; background:#900; border:none; font-weight:bold; } .important{ width:430px; padding:5px; color:#fff; background:#1682e4; border:none; font-weight:bold; } /* jury template */ .jury_box{ position:relative; padding:0 70px 0 10px; } .jury_box h2{ font-size:36px; margin-bottom:10px; color:#c0e5ff; letter-spacing:0.05em; } .jury_content h2{ font-size:16px; margin:10px 0; color:#c0e5ff; letter-spacing:0.05em; } .jury_content h3{ font-size:14px; color:#c0e5ff; letter-spacing:0.05em; line-height:0.5em; } .jury_content h4{ font-size:13px; color:#c0e5ff; letter-spacing:0.05em; line-height:0.5em; } .jury_content h5{ font-size:12px; color:#c0e5ff; letter-spacing:0.05em; line-height:0.5em; } .jury_content p{ text-align:justify; color:#fff; padding:0 10px 0 0; } .jury_content img{ border:0; } .jury_content a{ color:#fff; font-weight:bold; } .jury_content a:hover{ color:#d3a824; } .jury_content blockquote{ padding:10px 10px 10px 20px; text-align:justify; color:#c0e5ff; background:url(images/blockquote.gif) 0 0 repeat-y; } .jury_content ul{ list-style:disc; margin:0 0 0 20px; } .jury_content ul li{ color:#fff; } .jury_content ol{ list-style:decimal; margin:0 0 0 25px; } .jury_content ol li{ color:#fff; } .jury_content{ overflow:hidden; width:740px; } .jury_member{ float:left; display:inline; overflow:hidden; width:246px; } .jury_content h2.juryhead{ font-size:36px; margin:0 0 10px; color:#c0e5ff; letter-spacing:0.05em; line-height:0.5em; } /* social buttons */ .social{ float:left; display:inline; overflow:hidden; width:200px; height:30px; margin:20px 0 0; } .social ul{ float:left; display:block; overflow:hidden; } .social ul li{ float:left; display:inline; width:30px; height:30px; margin:0 10px 0 0; } .social ul li a{ display:block; width:100%; height:30px; } .social ul li.wiw a{ background:url(images/wiw.gif) 0 0 no-repeat; } .social ul li.facebook a{ background:url(images/facebook.gif) 0 0 no-repeat; } .social ul li.twitter a{ background:url(images/twitter.gif) 0 0 no-repeat; } .social ul li.linklog a{ background:url(images/linklog.gif) 0 0 no-repeat; } .social ul li.mail a{ background:url(images/mail.gif) 0 0 no-repeat; } .discuss{ float:right; display:inline; overflow:hidden; width:35px; height:30px; margin:20px 0 0; } .discuss a{ display:block; width:35px; height:30px; font-size:16px; font-weight:bold; line-height:1.4em; background:url(images/discuss.gif) 0 0 no-repeat; text-align:center; } /* comment */ #comments{ overflow:hidden; margin:20px; padding:40px 0 0; } #comments h2{ font-size:48px; margin:0 0 20px; color:#939; } .comment{ clear:both; margin:0 0 10px; } .comment ul{ overflow:hidden; } .comment ul li{ width:780px; overflow:hidden; } .comment ul li.comment_text{ background:#939 url(images/bubbletop.gif) 0 0 no-repeat; } .comment ul li.comment_text p{ padding:15px 15px 0; color:#fff; } .comment ul li.avatar{ background:url(images/bubblebottom.gif) 0 0 no-repeat; } .comment ul li.avatar img{ float:left; display:inline; margin:30px 10px 0; } .comment ul li.avatar span{ float:left; display:inline; margin:40px 0 0; font-size:36px; letter-spacing:0.05em; color:#939; } .comment ul li.avatar span a{ color:#939; } #commentform{ width:780px; margin:0 20px; } #commentform h2{ font-size:48px; margin:0 0 20px; color:#939; } #commentform form{ display:block; overflow:hidden; } #commentform p{ float:left; display:inline; margin:0 0 10px; } #commentform a{ display:block; width:200px; padding:10px; margin:0 0 0 360px; background:#939; text-align:center; color:#fff; font-size:30px; text-transform:uppercase; letter-spacing:0.07em; } #commentform label{ float:left; display:block; width:180px; font-size:30px; letter-spacing:0.05em; color:#333; } #commentform input{ float:left; display:block; width:560px; margin:0 10px 0 0; border:none; padding:10px; background:#939; color:#fff; } #commentform textarea{ float:left; display:block; width:560px; height:80px; margin:0 10px 0 0; padding:10px; border:none; background:#939; font:normal 14px "Trebuchet MS", Arial, sans-serif; color:#fff; } #footer{ position:relative; height:444px; } #footer h2{ color:#693; font-size:48px; padding:0 0 0 20px; } #sponsors{ position:absolute; z-index:1000; margin-left:10px; } #sponsors a{ display:block; width:100%; height:190px; } #sponsors #meh{ height:190px; background:url(images/meh.gif) center 27px no-repeat; } #sponsors #nka{ height:190px; background:url(images/nka.gif) center 52px no-repeat; } #sponsors #mtv{ height:190px; background:url(images/mtv.gif) center center no-repeat; } #sponsors #unf{ height:190px; background:url(images/unf.gif) center center no-repeat; } #contacts{ position:absolute; right:280px; bottom:20px; } #contacts h3{ color:#939; font-size:38px; } #contacts p{ font-size:16px; font-weight:bold; color:#939; padding:5px 0 0 15px; line-height:1.1em; } #contacts a{ color:#939; } #contacts a:hover{ color:#693; } #designer{ position:absolute; right:80px; z-index:1000; bottom:-33px; font-size:10px; font-weight:bold; color:#360; } #designer a{ color:#360; } #designer a:hover{ color:#efefef; } /* ---------------------------------- */ .clr{ clear:both; } .nobg{ background:none; } .nomargin{ margin:0; } /* WP ------------------------------- */ .alignleft{ float:left; display:inline; margin:5px 10px 5px 0; } .alignright{ float:right; display:inline; margin:5px 0 5px 10px; } .alignleft, .alignright, .aligncenter{ border:5px solid #6d056e; } .gallery-icon{ background:url(images/galleryiconbg.gif) center center no-repeat; } .wp-caption{ text-align:center; padding:0; } .wp-caption a{ background:none !important; border:none !important; } .wp-caption a:hover{ background:none !important; } .wp-caption-text{ padding:0 3px 5px !important; font-size:10px; text-align:center !important; border:none !important; }