/* $ http://www.europevotes.com $ $ style/style.css | 2008/10/02 18:40 | 2008/10/02 22:00 $ */ body { margin: 0; padding: 0; font-family: Verdana, Arial; font-size: 12px; color: #59331E; } a:link { color: #59331E; text-decoration: none; } a:visited { color: #59331E; text-decoration: none; } a:hover { color: #59331E; text-decoration: underline; } img { border: none; } div#page { width: 100%; } /* -------------------- - Fejléc ----------- -------------------- */ div#header { float: left; width: 100%; height: 205px; background: url(header_bg.gif) repeat-x top left; } div#headerInner { position: relative; margin: 0 auto; width: 980px; height: 205px; background: url(header_inner_bg.gif) no-repeat top left; } a#logo { display: block; position: absolute; top: 0px; left: 0px; width: 292px; height: 106px; background: url(logo.gif) no-repeat top left; text-indent: -5000px; } p#subtitle { position: absolute; top: 95px; left: 0px; width: 292px; color: #BCBB9D; margin: 0; padding: 0; font-size: 13px; font-style: italic; text-align: right; } p#description { display: block; position: absolute; top: 10px; left: 315px; width: 300px; height: 98px; margin: 0; padding: 0; color: #919189; line-height: 16px; font-size: 13px; font-style: italic; overflow: hidden; } .disclaimer {margin: 0; padding: 0; color: #919189; line-height: 16px; font-size: 13px; font-weight:bold; font-style:italic; overflow: hidden;} .disclaimerlight {font-style:normal;font-weight: normal;} div#percent1 { position: absolute; top: 120px; left: 170px; color: #122529; font-size: 70px; font-style: italic; } div#percent2 { position: absolute; top: 120px; left: 515px; color: #122529; font-size: 70px; font-style: italic; } /* -------------------- - Tartalom --------- -------------------- */ div#content { float: left; width: 100%; background: url(content_top_bg.gif) repeat-x top left; } div#contentInner { margin: 0 auto; width: 980px; } div#contentInnerFixed { float: left; width: 980px; background: url(content_inner_bg.gif) repeat-y top left; } div#contentL { float: left; width: 150px; padding: 0 0 100px 0; background: url(content_lrtop_bg.gif) repeat-x top left; overflow: hidden; } div#contentM { float: left; width: 680px; overflow: hidden; } div#contentR { float: left; width: 150px; padding: 0 0 100px 0; background: url(content_lrtop_bg.gif) repeat-x top left; overflow: hidden; } div.countryList { float: left; width: 150px; } div.countryListTop { float: left; width: 150px; position: relative; } div.countryListTop img.title { position: absolute; top: 15px; left: 15px; border: none; } div.countryListTop div.sortby123 { position: absolute; top: 61px; left: 10px; width: 64px; height: 28px; background: url(sortby123_bg.gif) no-repeat top left; } div.countryListTop div.sortbypercent { position: absolute; top: 61px; left: 77px; width: 62px; height: 28px; background: url(sortbypercent_bg.gif) no-repeat top left; } div.countryListTop a.up { display: block; position: absolute; top: 13px; left: 45px; width: 14px; height: 14px; background: url(sortarrow_up.gif) no-repeat top left; text-decoration: none; } div.countryListTop a.down { display: block; position: absolute; top: 9px; left: 5px; width: 15px; height: 15px; background: url(sortarrow_down.gif) no-repeat top left; text-decoration: none; } div.countryListBody { float: left; width: 150px; position: relative; top: 95px; left: 5px; } div.countryListBody ul { margin: 0; padding: 0; list-style-type: none; } div.countryListBody ul li { display: block; position: relative; width: 140px; height: 21px; margin: 4px 0; padding: 0; background: url(country_bg.gif) no-repeat top left; } div.countryListBody span.title { display: block; position: absolute; top: 0px; left: 3px; width: 100px; margin: 0; padding: 0; color: #EDE9D0; font-size: 10px; font-style: italic; } div.countryListBody span.percentValue { display: block; position: absolute; top: 0px; left: 100px; width: 35px; margin: 0; padding: 0; color: #FFFFFF; font-size: 12px; font-style: italic; text-align: right; } div.countryListBody div.lineValue { position: absolute; top: 16px; left: 3px; width: 120px; height: 3px; } div.countryListBody div.lineValue div.line { height: 3px; line-height: 1px; background-color: #EEEDD0; overflow: hidden; } div.profiles { float: left; width: 680px; } div.profileBox { float: left; width: 340px; background: url(profileBox_bg.gif) repeat-y top left; } div.profileBoxBody { float: left; width: 296px; margin: 0; padding: 0 22px; background: url(profileBox_top.gif) no-repeat top left; } div.profileBoxBody img { float: left; margin: 0; padding: 0; border: none; } div.profileBoxBody p.name { float: left; display: block; width: 294px; margin: 0; padding: 6px 0; color: #6B6764; background-color: #DFDEBF; font-size: 26px; font-style: italic; text-align: center; } div.profileBoxBody p.desc { float: left; display: block; width: 294px; margin: 0; padding: 6px 0; color: #97AE22; font-size: 14px; font-style: italic; text-align: center; } div.profileBoxBottom { float: left; width: 340px; height: 80px; padding: 21px 0 0 0; background: url(profileBox_bottom.gif) repeat-y top left; } div.profileBoxBottom a, div.profileBoxBottom a:hover { display: block; margin: 0 auto; width: 172px; height: 69px; background: url(vote_button.gif) no-repeat top left; text-decoration: none; } /* Hozzászólások */ div.comments { float: left; width: 660px; padding: 10px; } div.writeComment { float: left; width: 330px; } div.writeComment h1 { margin: 0; padding: 0; color: #A5967F; font-size: 54px; font-weight: normal; font-style: italic; } div.writeComment h2 { margin: 0; padding: 0; position: relative; top: -10px; left: 15px; color: #C4C3A5; font-size: 16px; font-weight: bold; font-style: italic; } div.writeComment form { margin: 0; padding: 0; } div.writeComment p { margin: 0; padding: 4px 0; } div.writeComment label { float: left; width: 56px; margin-right: 5px; color: #9A9679; font-size: 12px; font-style: italic; text-align: right; } div.writeComment input.inputbox { display: block; width: 247px; height: 14px; padding: 1px 2px; background: url(inputbox_bg.gif) no-repeat top left; border: none; font-size: 11px; } div.writeComment textarea.inputarea { display: block; width: 247px; height: 99px; padding: 1px 2px; background: url(inputarea_bg.gif) no-repeat top left; border: none; font-size: 11px; } div.writeComment input.sbutton { display: block; float: right; margin-right: 17px; width: 81px; height: 41px; background: url(send_button.gif) no-repeat top left; border: none; cursor: pointer; } div.adsByGoogle { float: left; width: 330px; } div.commentBox { clear: left; width: 656px; background: url(commentBox_bg.gif) repeat-y top left; } div.commentBoxBody { float: left; width: 626px; min-height: 50px; height: auto !important; height: 50px; padding: 15px; background: url(commentBox_top.gif) no-repeat top left; } div.commentBoxBody div.data { float: left; margin: 0; padding: 0 2px; width: 76px; font-style: italic; } div.commentBoxBody div.data span.id { color: #CFCBA8; font-size: 26px; } div.commentBoxBody div.data span.date { color: #A19483; font-size: 11px; } div.commentBoxBody div.message { float: left; margin: 0; padding: 2px 0 0 0; width: 526px; color: #563C25; } div.commentBoxBody div.message p { float: left; margin: 0; padding: 0; } div.commentBoxBottom { clear: left; width: 656px; height: 35px; } div#contentM .odd div.commentBoxBottom { background: url(commentBox_bottom_odd.gif) no-repeat top left; } div#contentM .odd div.commentBoxBottom span { display: block; width: 370px; position: relative; top: 10px; left: 144px; color: #C7C6A8; font-size: 18px; font-weight: bold; font-style: italic; } div#contentM .even div.commentBoxBottom { background: url(commentBox_bottom_even.gif) no-repeat top left; } div#contentM .even div.commentBoxBottom span { display: block; width: 370px; position: relative; top: 10px; left: 144px; color: #C7C6A8; font-size: 18px; font-weight: bold; font-style: italic; text-align: right; } /* Lapozó */ div#contentM div.navbar { clear: both; position: relative; left: 20px; margin: 5px 0; width: 610px; height: 24px; overflow: hidden; font-size: 11px; } div#contentM div.navbar div.navbarLeft { width: 70%; float: left; text-align: left; } div#contentM div.navbar div.navbarLeft div { display: block; float: left; margin: 0 4px 0 0; padding: 2px 2px 0 0; width: 19px; height: 20px; } div#contentM div.navbar div.navbarLeft a { display: block; float: left; margin: 0 4px 0 0; width: 19px; height: 20px; padding: 2px 2px 0 0; color: #FFFFFF; font-weight: bold; text-align: center; text-decoration: none; } div#contentM div.navbar div.navbarLeft a.page { background: url(navbar_num_bg.gif) no-repeat top left; } div#contentM div.navbar div.navbarLeft a.page:hover { background: url(navbar_num_bg.gif) no-repeat bottom left; } div#contentM div.navbar div.navbarLeft a.active { display: block; float: left; margin: 0 4px 0 0; padding: 2px 2px 0 0; width: 19px; height: 20px; color: #FFFFFF; background: url(navbar_num_bg.gif) no-repeat bottom left; text-align: center; text-decoration: none; } div#contentM div.navbar div.navbarRight { float: left; width: 30%; margin: 0; padding: 0; color: #8D7B67; text-align: right; } div#contentM div.navbar div.navbarRight span { color: #8D7B67; font-weight: bold; } div#contentM div.navbar div.navbarRight select.inputlist { color: #EBE5CF; background-color: #967A6E; border: #6B4B3C 1px solid; font-size: 11px; font-weight: bold; } /* -------------------- - Lábléc ----------- -------------------- */ div#footer { clear: left; width: 100%; background: url(footer_bg.gif) repeat-x top left; } div#footerInner { margin: 0 auto; width: 680px; height: 235px; padding: 15px 150px 0 150px; color: #EBECDA; background: url(footer_inner_bg.gif) no-repeat top left; font-size: 13px; overflow: hidden; } div#footerInner p { margin: 0; padding: 5px 15px; }