/*
Theme Name: Beneweb - Chopin
Theme URI: http://www.chopin.hu/
Description: <a href="http://www.beneweb.hu/">Beneweb</a> design a Chopin.hu honlapra
Version: 1.0
Author: Benedek Matyi
Author URI: http://www.beneweb.hu/
Tags: white, minimal
Text Domain: beneweb

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



/* Begin Typography & Colors */
.okos{
text-indent:-3000px;
font-size:0px;
float:left;
}
body{
margin: 0px auto 0px auto;
padding:0px;
text-align:center;
width:1000px;
}
form{
clear:both;
float:left;
margin:0;
padding:0;
}

a:hover{
text-decoration:none;
}
#page{
float:left;
background:url(images/black_bg.gif) repeat-y center top white;
font-size: 13px;
color: #000;
width:1000px;
text-align: left;
}
#p_page{
float:left;
background:url(images/black_bg.gif) repeat-y 620px top white;
font-size: 11px;
color: #000;
width:1000px;
text-align: left;
}
#p_page #left .text p{
margin:12px 0 12px 0;
}
#left .f_text p{
margin:12px;
}
#p_page #left .page_text p,#p_page #left  .more_news p{
margin:12px;
float:left;
clear:both;
}
#kotta{
position:relative;
background:url(images/kotta.gif) no-repeat center -30px;
width:1000px;
padding:12px 0 0 0;
float:left;
}
#post{
position:relative;
background:url(images/kotta.gif) no-repeat 570px -30px;
width:1000px;
padding:12px 0 0 0;
float:left;
}
#left{
width:413px;
clear:left;
padding:0 75px 0 12px;
font-family:Verdana;
line-height:16px;
float:left;
min-height:900px;
}
#right{
font-family:Verdana;
width:413px;
clear:right;
padding:0 12px 0 75px;
float:left;
}
#header{
float:left;
}
#logo{
float:left;
padding:0 0 0 6px;
width:210px;
}
#mainmenu{
text-transform:uppercase;
float:left;
font-size:11px;
}
#mainmenu ul{
list-style-type:none;
float:left;
clear:both;
margin:0;
padding:4px 0 0 4px;
width:auto;
}
#mainmenu ul li{
list-style-type:none;
float:left;
clear:both;
margin:0;
padding:0 0 10px 10px;
background:url(images/blue_dot.gif) no-repeat 4px 7px;
}
#mainmenu ul li a{
padding:0 0 2px 2px;
font-size:11px;
color:black;
text-decoration:none;
width:100px;
float:left;
}
#mainmenu ul li.aktiv a{
font-size:11px;
color:white;
background:#E2001A;
text-decoration:none;
}
#mainmenu ul li a:hover{
text-decoration:underline;
}
#welcome{
width:100%;
float:left;
clear:both;
}
#p_page #welcome{
width:660px;
}
#welcome h1{
text-decoration:none;
float:left;
width:auto;
clear:both;
font-size:13px;
color:black;
font-weight:bold;
margin:22px 0 0 2px;
padding:4px 6px 4px 6px;
}
#welcome h1 a{
text-decoration:none;
float:left;
width:auto;
clear:both;
font-size:13px;
color:white;
font-weight:normal;
}
p{
padding:0;
margin:0;
}
#welcome #intro{
clear:both;
float:left;
font-size:12px;
margin:0;
padding:12px 0px 14px 6px;
width:400px;
}
#welcome ul{
width:100%;
display:inline;
clear:none;
float:left;
background:url(images/line3.gif) no-repeat left bottom;
}
#welcome ul li{
margin-bottom:1px;
display:inline;
clear:none;
width:auto;
padding:0;
background:#a3a3a3;
float:left;
}
#welcome ul li.current-cat{
background:#e0000b;
}
#welcome ul li a{
padding:6px 8px;
float:left;
color:white;
text-decoration:none;
}
#welcome ul li a:hover{
}
.line{
width:409px;
height:9px;
background:url(images/line.gif) no-repeat left top;
float:left;
}
.line2{
width:409px;
height:9px;
background:url(images/line2.gif) no-repeat left top;
float:left;
}
.line3{
width:90%;
height:9px;
background:url(images/line2.gif) no-repeat left top;
float:left;
}
.line4{
width:610px;
height:9px;
background:url(images/line3.gif) no-repeat left top;
float:left;
}
.news{
width:420px;
background:url(images/point.gif) repeat-y 203px top;
float:left;
}
#left .more_news{
width:409px;
float:left;
font-size:11px;
}
#left .page_text{
width:409px;
float:left;
font-size:11px;
}
#right .more_news{
width:100%;
float:left;
font-size:11px;
}
.top4{
float:left;
width:210px;
font-size:11px;
}
.kategoria{
text-decoration:none;
float:left;
width:auto;
background:#E2001A;
clear:both;
font-size:13px;
color:black;
font-weight:bold;
margin:4px 0 0 6px;
padding:4px 6px 4px 6px;
}
.kategoria a{
text-decoration:none;
float:left;
width:auto;
clear:both;
font-size:13px;
color:white;
font-weight:normal;
}
.sorozat{
text-decoration:none;
background:#E2001A;
float:left;
width:auto;
clear:both;
font-size:12px;
margin:10px 0 0 6px;
padding:4px 6px 4px 6px;
color:white;
text-transform:uppercase;
}
.s_storytitle{
float:left;
padding:18px 9px 9px 9px;
font-weight:normal;
font-size:12px;
text-transform:uppercase;
text-decoration:none;

}
.sorozattext{
float:left;
width:170px;
padding:0px 10px 10px 6px;
margin:0;
text-align:left;
}
#left .text,#left .f_text{
float:left;
width:190px;
padding:0px 10px 10px 6px;
margin:0;
text-align:left;
}
#left .more_news .text, #left .more_news .f_text, #left .page_text .text{
float:left;
width:400px;
padding:0px 20px 20px 6px;
margin:0;
}
#left .content .text{
float:left;
width:580px;
text-align:left;
padding:0px 20px 0px 6px;
margin:0;
}
.text img,.f_text img{
float:left;
margin:4px;
}
#right .more_news .text{
float:left;
width:170px;
padding:0px 10px 10px 6px;
margin:0;

}
.top4 .text img{
margin:4px;
border:none;
padding:0;
clear:both;
}
.top4 h3.storytitle{
margin:0;
padding:6px 10px 6px 6px;
width:190px;
float:left;
}
.page_text h3.storytitle{
margin:0;
padding:20px 20px 6px 6px;
width:375px;
clear:both;
float:left;
}
.content h3.storytitle{
margin:0;
padding:20px 20px 6px 6px;
width:580px;
clear:both;
float:left;
}
.page_text h3.storytitle a, .content h3.storytitle a{
font-weight:bold;
text-decoration:none;
}
h3.storytitle a{
text-transform:uppercase;
color:#e0000b;
font-size:12px;
font-weight:normal;
text-decoration:underline;
}
h3.storytitle a:hover{
text-decoration:none;
}

#slim{
line-height:16px;
float:left;
width:190px;
clear:left;
margin:0;
padding:0;
}
#slim h3{
margin:0;
width:180px;
}
#slim ul{
padding:0;
margin:0 0 12px 12px;
list-style-type:none;
float:left;
}
#slim ul li{
padding:0 0 12px 12px;
background:url(images/cross.gif) no-repeat left 3px;
margin:0;
list-style-type:none;
float:left;
width:160px;
clear:both;
}
#slim ul li a{
margin:0;
padding:0;
text-decoration:none;
color:black;
font-size:11px;
float:left;
}
#slim ul li a:hover{
text-decoration:underline;
}
#ch2010{
float:right;
text-align:left;
width:223px;
clear:right;
}
#ch2010 .caption{
text-indent:-3000px;
font-size:0px;
line-height:0px;
}
#ch2010 .phplist_widget{
font-family:Arial;
float:left;
height:135px;
width:151px;
background:url(images/newsletter.jpg) no-repeat left top;
position:relative;
font-size:12px;
text-transform:uppercase;
color:white;
float:left;
margin:12px 0 0 0;
padding:15px 22px 0px 60px;
clear:both;
line-height:18px;
}
#ch2010 .phplist_widget form{
line-height:16px;
position:absolute;
left:4px;
top:60px;
font-size:11px;
margin:0;
padding:0;
text-transform:capitalize;
font-weight:normal;
color:#e0000b;
float:left;
}
#ch2010 .phplist_widget form label{
background:none;
text-transform:capitalize;
color:#b2b2b2;
text-align:right;
width:48px;
float:left;
clear:left;
margin:0;
padding:0 8px 0 0;
}
#ch2010 .phplist_widget form #email{
float:left;
clear:right;
border:1px solid black;
height:13px;
width:140px;
background:white;
font-size:9px;
padding:0px 1px 1px 1px;
margin:0;
}
#ch2010 .phplist_widget form #attribute1{
float:left;
clear:right;
border:1px solid black;
height:13px;
width:140px;
background:white;
font-size:9px;
padding:0px 1px 1px 1px;
margin:0;
}
#ch2010 .phplist_widget form ul, #ch2010 .phplist_widget form ul li{
margin:0;
list-style-type:none;
float:left;
}
#ch2010 .phplist_widget form ul li{
padding:2px 0 0 56px;
margin:0px;
clear:both;
width:110px;
}
#ch2010 .phplist_widget form ul{
padding:0;
clear:none;
}
#ch2010 .phplist_widget form ul li input{
float:left;
clear:left;
margin:0 4px 0 0;
padding:0;
}
#ch2010 .phplist_widget form #contactsubmit{
border:#454545 solid 1px;
background:black;
margin:18px 0 0 10px;
padding:0px;
float:left;
clear:none;
width:23px;
height:17px;
font-size:12px;
color:white;
text-transform:uppercase;
}
#ch2010 .widget_search{
font-family:Arial;
float:left;
height:88px;
width:151px;
background:url(images/search.jpg) no-repeat left top;
position:relative;
font-size:12px;
text-transform:uppercase;
color:white;
float:left;
margin:12px 0 0 0;
padding:15px 22px 0px 60px;
clear:both;
line-height:18px;
}
#ch2010 .widget_search form .screen-reader-text{
font-size:0px;
text-indent:-3000px;
float:left;
}
#ch2010 .widget_search form{
line-height:16px;
padding:4px 0 0 0;
font-size:11px;
margin:0;
text-transform:capitalize;
font-weight:normal;
color:#e0000b;
float:left;
}
#ch2010 .widget_search form #s{
float:left;
clear:right;
border:1px solid black;
height:13px;
width:140px;
background:white;
font-size:9px;
padding:0px 1px 1px 1px;
margin:0;
}
#ch2010 .widget_search form #searchsubmit{
border:#454545 solid 1px;
background:black;
margin:1px 8px 0 0;
padding:0px;
float:right;
clear:none;
height:17px;
font-size:12px;
color:white;
text-transform:uppercase;
}
#ch2010 #chopin2010{
clear:both;
width:100%;
float:left;
background:url(images/chopin2010.gif) no-repeat left 12px;
padding:30px 0 0 0;
line-height:16px;
}
#ch2010 #chopin2010 h1{
font-weight:normal;
font-size:13px;
color:#e0000b;
float:left;
width:214px;
text-transform:uppercase;
margin:0;
padding:0 0 12px 4px;
clear:both;
}
#ch2010 #chopin2010 p{
font-size:11px;
float:left;
margin:0;
padding:0 0 4px 4px;
width:214px;
clear:both;
}
#ch2010 #chopin2010 .lista{
background:url(images/figyelem.gif) no-repeat 54px 16px;
float:left;
clear:both;
width:140px;
font-size:11px;
padding: 0 0 0 60px;
margin:0;
}
#ch2010 #chopin2010 .lista h3{
font-weight:normal;
font-size:12px;
color:white;
float:left;
width:136px;
text-transform:uppercase;
font-weight:normal;
margin:0;
padding:0 0 1px 4px;
background:black;
clear:both;
}
#ch2010 #chopin2010 .lista select{
float:left;
clear:both;
border:1px solid black;
width:140px;
background:white;
font-size:11px;
padding:0;
margin:7px 0 0 0;
}
#footer{
position:absolute;
width:150px;
bottom:0px;
left:425px;
font-family:Verdana;
}
#s_footer{
position:absolute;
width:150px;
bottom:0px;
left:620px;
font-family:Verdana;
}
#s_footer ul, #footer ul{
float:left;
margin:0;
padding:20px 20px 0 20px;
width:110px;
list-style-type:none;
}
#s_footer ul li, #footer ul li{
width:100%;
text-align:center;
float:left;
list-style-type:none;
margin:0;
padding:0 0 25px 0;
}
#s_footer ul li a, #footer ul li a{
font-size:11px;
color:white;
text-decoration:none;
}
#s_footer ul li a:hover, #footer ul li a:hover{
text-decoration:underline;
}
.chopin2010pl{
width:150px;
height:170px;
background:url(images/chopin_pl.gif) no-repeat left top;
text-indent:-3000px;
float:left;
overflow:hidden;
}
.lengyelintezet{
width:150px;
height:120px;
background:url(images/logo.gif) no-repeat left top;
text-indent:-3000px;
float:left;
overflow:hidden;
}
a{
color:#e0000b;
}
a img{
border:none;
float:left;
padding:4px;
}
.addthis_container{
position:relative;
height:28px;
}
.addthis_container a{
color:#A1A1A1;
text-decoration:none;
position:absolute;
padding:3px 0 0 20px;
float:left;
width:200px;
}
.addthis_container a:hover{
color:#727272;
}
.addthis_container a img{
position:absolute;
left:0;
top:0;
margin:0;
padding:0;
}
#nextgen-gallery-sidebar-widget{
float:left;
padding-left:12px;
clear:both;
}
#nextgen-gallery-sidebar-widget h3{
width:180px;
float:left;
clear:both;
padding:9px;
color:black;
font-size:12px;
font-weight:normal;
text-transform:uppercase;
text-decoration:none;
background:url(images/line2.gif) no-repeat left bottom;
}
#nextgen-gallery-sidebar-widget a{
padding:0px 0px 16px 33px;
clear:both;
width:164px;
float:left;
background:url(images/line3.gif) no-repeat right bottom;
}
#question{
line-height:16px;
width:204px;
padding:12px 0 0 12px;
float:left;
clear:both;
}
#question .more_news h3.storytitle{
width:180px;
float:left;
padding:9px;
font-weight:bold;
font-size:12px;
text-transform:uppercase;
text-decoration:none;
background:url(images/line2.gif) no-repeat left bottom;
}
#question .more_news .text{
padding:0px 24px 0px 24px;
}
#question .red{
text-align:center;
padding:4px 0;
color:#e0000b;
float:left;
width:100%;
}
#question a{
float:right;
padding:4px;
}

#palyazat{
width:204px;
padding:6px 0 0 4px;
float:left;
clear:both;
}
#btf{
width:204px;
padding:6px 0 0 4px;
float:left;
clear:both;
}
#btf .more_news, #btf .more_news .text{
padding:0px;
margin:0px;
}
#palyazat .more_news h3.storytitle{
width:180px;
float:left;
padding:9px;
font-weight:bold;
font-size:12px;
text-transform:uppercase;
text-decoration:none;
background:url(images/line2.gif) no-repeat left bottom;
}
#question .more_news .text{
padding:0px 0px 0px 4px;
}
#palyazat a.plakat{
background:url(images/plakat.jpg) no-repeat left top;
width:200px;
height:200px;
float:left;
overflow:hidden;
text-indent:-3000px;
}

#partnerek{
width:220px;
padding:24px 0 12px 0;
float:left;
clear:both;
}
#partnerek .more_news h3.storytitle{
width:199px;
float:left;
padding:9px;
font-size:12px;
text-transform:uppercase;
text-decoration:none;
background:url(images/line2.gif) no-repeat left bottom;
}
#partnerek .more_news .text{
padding:0px;
}
#partnerek .more_news .text ul, #partnerek .more_news .text ul li{
list-style-type:none;
margin:0;
display:inline;
}
#partnerek .more_news .text ul{
padding:0;
float:left;
width:217px;
}
#partnerek .more_news .text ul li{
padding:0px 0 0 20px;
float:left;
}
#partnerek .more_news .text a{
text-indent:-3000px;
overflow:hidden;
width:50px;
height:50px;
float:left;
background-position:right top;
}
#partnerek .more_news .text a:hover{
background-position:left top;
}
#links{
width:204px;
padding:0 0 0 12px;
float:left;
clear:both;
}
#links .more_news h3.storytitle{
width:180px;
float:left;
padding:9px;
color:#e0000b;
font-size:12px;
font-weight:normal;
text-transform:uppercase;
text-decoration:none;
background:url(images/line2.gif) no-repeat left bottom;
}
#aktual{
font-size: 11px;
line-height:16px;
width:204px;
padding:0 0 0 12px;
float:left;
clear:both;
}
#aktual  h3.storytitle{
width:180px;
float:left;
padding:0 9px 9px 9px;
color:black;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
text-decoration:none;
background:url(images/line2.gif) no-repeat left bottom;
}
h3.storybottom{
width:165px;
float:left;
padding:0 9px 9px 24px;
margin:0;
color:black;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
text-decoration:none;
background:url(images/line2.gif) no-repeat left bottom;
}
#aktual ul{
padding:0;
margin:0 0 0 12px;
list-style-type:none;
float:left;
}
#aktual ul li{
padding:6px 0 6px 12px;
background:url(images/cross.gif) no-repeat left 11px;
margin:0;
list-style-type:none;
float:left;
width:170px;
clear:both;
}
#aktual ul li a{
margin:0;
padding:0;
text-decoration:none;
float:left;
}
#aktual ul li a:hover{
text-decoration:underline;
}
.red_bg{
background:#e0000b;
padding:2px;
color:white;
}
.felhivas{
width:180px;
float:left;
padding:2px 9px 2px 9px;
margin:0;
font-weight:bold;
font-size:12px;
text-transform:uppercase;
text-decoration:none;
background:url(images/line2.gif) no-repeat left bottom;
}
.felhivas2{
margin:0;
padding:0px 9px 0px 9px;
float:left;
width:100%;
color:#000;
text-align:left;
}
#informacio{
margin-top:12px;
width:217px;
padding:12px 0 0 2px;
float:left;
clear:both;
background:url(images/line2.gif) no-repeat left bottom;
}
#informacio a{
font-size:12px;
padding:0 2px 0 0;
margin:0;
}
#connection{
margin-top:12px;
width:226px;
padding:12px 0 0 0;
float:left;
clear:both;
}
#connection a{
float:left;
color:white;
text-decoration:none;
clear:both;
width:202px;
padding:12px;
font-size:13px;
margin:6px 0;
}
#connection a:hover{
text-decoration:underline;
}
#connection a.nemzetkozi{
margin:0;
background:url(images/kitekinto.jpg) no-repeat left top;
}
#connection a.out{
padding:13px 12px 13px 12px;
background:url(images/linkbg.jpg) no-repeat left top;
}
#welcome li{
float:left;
padding:4px;
list-style-type:none;
margin:0 0 0 5px;
font-size:13px;
}
#welcome ul{
float:left;
padding:4px;
list-style-type:none;
margin:12px 0 0 5px;
font-size:13px;
}
.red{
color:#e0000b;
float:left;
width:100%;
}
#film{
margin-top:12px;
width:226px;
padding:12px 0 0 0;
float:left;
clear:both;
}
#slim ul li a.more{
font-weight:bold;
font-size:13px;
padding:0;
margin:0;
color:#e0000b;
float:left;
text-decoration:underline;
}
#slim ul li a.more:hover{
text-decoration:none;
}
#slim ul li.more_li{
padding:0 0 12px 12px;
background:url(images/cross.gif) no-repeat left 5px;
margin:0;
list-style-type:none;
float:left;
width:160px;
clear:both;
}
.gallery-caption{
clear:both;
font-size:9px;
}
img.aligncenter{
text-align:center;
float:none;
}
img.alignleft{
text-align:left;
float:left;
}
img.alignright{
text-align:right;
float:right;
}
.br{
margin:0;
padding:0;
width:100%;
clear:both;
float:left;
}
#fs-text{
height:60px;
}
.quiz-area{
width:100%;
clear:both;
float:left;
padding-bottom:12px;
}
.f_lista{
padding-top:16px;
float:left;
width:100%;
}
.toplista{
float:left;
clear:both;
color:#e0000b;
}
.nevek{
width:260px;font-weight:bold;float:left;
}
.pontok{
float:left;text-align:right;width:40px;
}
.sorok{
font-size:11px;font-family:arial;float:left;clear:both;color:black;
}